---
name: Leonatsume
description: "An excellent reference for how to balance massive 3D character artwork with ultra-clean, minimalist UI design."
version: alpha

colors:
  background: "#FAFAFA"
  primary: "#1C1D20"
  secondary: "#8B8B8B"
  tertiary: "#F41111"
  neutral: "#0000EE"
  bg-soft: "#EEEEEA"
  line: "rgba(0,0,0,0.1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 65px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  body:
    fontFamily: grotesque-sans
    fontSize: 18px
    lineHeight: 1.5
    fontWeight: 400
    letterSpacing: "0px"

rounded:
  sm: 3px
  md: 15px
  lg: 20px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

A premium 3D character design portfolio showcasing emotional digital experiences.

*A high-end creative studio portfolio that lets the artwork take center stage.*

## Colors

Neutral canvas with high-chroma accents to let colorful 3D artwork pop.

- **Background (`#FAFAFA`)** — uses `bg` token
- **Primary text (`#1C1D20`)** — uses `ink` token
- **Secondary text (`#8B8B8B`)** — uses `ink-soft` token
- **Accent (`#F41111`)** — uses `accent` token
- **Muted (`#0000EE`)** — uses `muted` token
- **Borders (`rgba(0,0,0,0.1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** grotesque-sans
- **Mono:** monospace

- All typography is set to a weight of 400.
- Font stack relies heavily on Arial and Helvetica for fallback consistency.

## Layout

A standard hero section followed by a horizontal list layout for projects.

*Rhythm:* Generous whitespace to separate large 3D elements and list rows.

## Elevation & Depth

- rgba(0, 0, 0, 0) 0.78px 1.84px 8px 1px
- Borders: 1px solid rgba(0,0,0,0.1)

## Shapes

- `sm`: 3px
- `md`: 15px
- `lg`: 20px
- `pill`: 999px

## Components

- **button:** A pill-shaped outlined button with capitalized text.
- **card:** Horizontal project rows featuring large text titles on the left and a 3D thumbnail on the right.
- **hero:** A full-viewport hero featuring a 3D character illustration and massive overlapping typography.

## Do's and Don'ts

**Don't:**
- Don't use dark mode — screenshot shows a bright white/off-white background.
- Don't use serif fonts — screenshot shows clean geometric and grotesque sans-serifs.
- Don't clutter the layout — screenshot shows generous whitespace and a single-column list.
- Don't use heavy borders or shadows — screenshot shows a flat design with subtle or no borders.
- Don't use heavy font weights — screenshot shows almost exclusively 400-weight typography.
- Don't use busy backgrounds — screenshot shows flat neutral colors behind the 3D artwork.

---

## System Prompt (paste into AI agent)

```
Design a premium, clean 3D artist portfolio that focuses on emotional character design and digital illustration. Use a minimal, neutral background palette with off-white and light gray, contrasted against a single vibrant red accent for key branding elements like the logo. Maintain a strictly clean geometric-sans typography approach, keeping weights light to medium to preserve elegance. The layout should be spacious and highly structured, allowing large 3D renders and massive typography to dominate the visual hierarchy. Key hex values include #FAFAFA for the background, #1C1D20 for text, and #F41111 for the accent. Avoid dark modes, serif fonts, and any visual clutter. Never use font weights heavier than 500, and keep component borders invisible or extremely subtle.
```