CURATED · OPEN · FREE

Yuga

High-contrast brutalist digital presence anchored by massive typography.

Bold TypographyDark ModeMinimalAggressiveDesign Tools

↓ Download design system (1 MB)Open in OpenDesign

Visit: https://yuga.com

📦 Browse pack contents →

Identity DNA

boldminimalmonolithicdigitalavant-garde

A monolithic digital entity carved from absolute darkness.

Color

#D3DE5DAccent

#FFFFFFInk

#000000BG

#131313BG quiet

rgba(255, 255, 255, 1)Line

Absolute binary contrast with strict black and white foundations.

Typography

grotesque-sans

display102px · 800
heading52px · 800
body14px · 400

Use extreme tight tracking for large display text · Maintain heavy weight for structural hierarchy · Keep body text small and dense for contrast

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Strict 4px grid with tight vertical spacing.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

Thin, high-contrast borders for structural separation.

Layout

1440container

12columns

24pxgutter

768 / 1024breakpoints

Expansive dark canvases with massive typographic anchors.

Motion & Interaction

220msmicro

400mssmall

700msmedium

cubic-bezier(0.19, 1, 0.22, 1)easing

Smooth opacity fades · Transformative structural shifts

Visual state shifts via color or opacity changes. · Immediate structural feedback.

Components

button High-contrast pill shapes with extreme rounding.
card Sleek, dark surfaces with minimal padding.
chip Small, pill-shaped tags for categorization.
input Clean, bordered fields for data entry.
hero Full-screen black void with massive typography and central logo.

Voice & Don'ts

Tone Assertive, direct, and uncompromising.
Headlines Short, impactful statements in massive type.
CTAs Concise and action-oriented.

don't use muted grays — screenshot shows absolute black (#000000) and white (#FFFFFF) instead
don't use serif fonts — screenshot shows a heavy grotesque-sans (AK Monument Grotesk) instead
don't use small display sizes — screenshot shows massive 102px headers instead
don't use wide tracking — screenshot shows tight, negative letter-spacing (-4.8px) instead
don't use rounded corners on cards — screenshot shows sharp edges instead
don't use subtle gradients — screenshot shows flat, high-contrast blocks instead
Avoid: Friendly or casual language
Avoid: Frills and decorative elements
Avoid: Hesitant or ambiguous phrasing

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a minimalist, high-contrast design system for a bold digital agency or studio. The primary background is absolute black (#000000) with white (#FFFFFF) text for maximum impact. The typography is a heavy grotesque-sans (AK Monument Grotesk) used in massive sizes (up to 102px) with tight letter-spacing. Layouts are spacious and expansive, emphasizing structural clarity. Critical donts: never use soft grays or muted tones; keep all contrasts binary; avoid serif typefaces or decorative elements; maintain extremely tight tracking on display text; use sharp edges instead of rounded corners. The design is aggressive and uncompromising, prioritizing bold visual statements over soft usability. Interactions are smooth but subtle, relying on opacity and transform transitions.

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