CURATED · OPEN · FREE

Yuga

High-contrast brutalist digital presence anchored by massive typography.

Bold TypographyDark ModeMinimalAggressiveDesign Tools
Yuga screenshot
↓ Download design system (1 MB)Open in OpenDesign

Visit: https://yuga.com

📦 Browse pack contents →

01

Identity DNA

boldminimalmonolithicdigitalavant-garde

A monolithic digital entity carved from absolute darkness.

02

Color

#D3DE5DAccent
#FFFFFFInk
#000000BG
#131313BG quiet
rgba(255, 255, 255, 1)Line

Absolute binary contrast with strict black and white foundations.

03

Typography

grotesque-sans

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

04

Spacing

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

Strict 4px grid with tight vertical spacing.

05

Surfaces

sm · 0px
md · 0px
lg · 0px
pill · 999px

Thin, high-contrast borders for structural separation.

06

Layout

1440container
12columns
24pxgutter
768 / 1024breakpoints

Expansive dark canvases with massive typographic anchors.

07

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.

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

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