CURATED · OPEN · FREE

Leonatsume

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

PortfolioStudioPremium3DClean
Leonatsume screenshot
↓ Download design system (8 MB)Open in OpenDesign

Visit: https://www.leonatsume.com

📦 Browse pack contents →

01

Identity DNA

3D Character ArtistDigital DesignEmotional DesignIllustrationAnimation

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

02

Color

#F41111Accent
#1C1D20Ink
#8B8B8BInk soft
#FAFAFABG
#EEEEEABG soft
#0000EEMuted
rgba(0,0,0,0.1)Line

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

03

Typography

geometric-sans · grotesque-sans · monospace

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

04

Spacing

4px
8px
16px
24px
32px
48px
64px
96px

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

05

Surfaces

sm · 3px
md · 15px
lg · 20px
pill · 999px

1px solid rgba(0,0,0,0.1)

rgba(0, 0, 0, 0) 0.78px 1.84px 8px 1px

06

Layout

1280container
12columns
24pxgutter
768 / 1024breakpoints

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

07

Motion & Interaction

100msmicro
200mssmall
300msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing

Visibility toggles and basic CSS transitions for simple hover states.

Simple pointer cursor interactions on links and buttons. · Standard link navigation.

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

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.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

en · zh-CN · zh-TW · ja · ko