CURATED · OPEN · FREE

Anacuna

A high-contrast, typography-led portfolio showcasing illustration work through oversized text and pill-shaped navigation.

PortfolioTypographyBold TypographyEditorialClean

↓ Download design system (2 MB)Open in OpenDesign

Visit: https://anacuna.com

📦 Browse pack contents →

Identity DNA

Illustration PortfolioTypography-drivenMinimalistBoldEditorial

A minimalist magazine layout that uses massive typography as the primary design element.

Color

#000000Ink

#FFFFFFBG

rgba(0,0,0,1)Line

Strict monochrome palette using only black and white, with a single pink accent for the logo.

Typography

grotesque-sans

display94px · 400
body15px · 400

All text is uppercase · Main display text is set to a single uniform massive size · Tight line-height for display text to create dense text blocks

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Based on a strict 4px grid, with generous vertical padding for hero sections and tight margins for text blocks.

Surfaces

sm · 4px

md · 8px

lg · 27px

pill · 999px

1px solid black

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Full-width sections separated by horizontal rules, with massive text acting as the primary structural element.

Motion & Interaction

220msmicro

400mssmall

800msmedium

cubic-bezier(0.25, 1, 0.5, 1)easing

Hover transforms with 0.3s duration · Page transition transforms with 0.7s duration

Subtle cursor pointer changes on interactive elements. · Immediate visual feedback via transition.

Components

button Pill-shaped outlined buttons with uppercase text.
card Full-width rows separated by 1px horizontal lines, containing massive project titles.
chip Small pill-shaped tags (e.g., 'Google Play', 'Adobe') with 1px border and rounded corners.
hero Massive uppercase text spanning the viewport width, occasionally with small pill tags floating nearby.

Voice & Don'ts

Tone Minimalist, professional, and confident.
Headlines Massive, all-caps, tight-tracking grotesque sans-serif.
CTAs Outlined pill buttons with uppercase text.

Don't use serif fonts — the screenshot shows exclusively uppercase grotesque sans-serif typography.
Don't use drop shadows — the screenshot shows flat design with only 1px borders.
Don't use gradients — the screenshot shows solid black and white backgrounds.
Don't use lowercase text in the main layout — the screenshot shows all text is uppercase.
Don't use complex layouts with columns — the screenshot shows single-column full-width rows.
Don't use small text for headlines — the screenshot shows project titles spanning the entire viewport width.
Avoid: Decorative fonts
Avoid: Drop shadows
Avoid: Gradients
Avoid: Complex color palettes
Avoid: Rounded corners (except for pill shapes)
Avoid: Italicized text

Inside the pack — real screenshots

Anacuna — 桌面滚动分段（90% viewport 步进，作为视觉证据） — 桌面滚动分段（90% viewport 步进，作为视觉证据）

Captured from the live site · real computed styles

System prompt

This is a minimalist illustration portfolio by Ana Cuna, characterized by a strict monochrome palette (black #000000 on white #FFFFFF) and a single soft pink (#FFC8C8) logo accent. The design relies entirely on massive, uppercase grotesque-sans-serif typography to create structure and hierarchy. Key components include pill-shaped outlined navigation buttons and horizontal rules separating full-width project titles. Avoid any serif fonts, drop shadows, gradients, or lowercase text, as the site maintains a high-contrast, typography-driven aesthetic throughout.

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