CURATED · OPEN · FREE

Jeen Yuhs

A stark, monochrome archival portal with a brutalist, glitched aesthetic and retro-digital typography.

PortfolioPhotographicBoldExperimentalCuration

↓ Download design system (0 MB)Open in OpenDesign

Visit: https://jeen-yuhs.com

📦 Browse pack contents →

Identity DNA

experimentalmonochromerawcinematicdigital-artifact

a glitched VHS tape or a brutalist digital exhibition entrance

Color

#FFFFFFInk

#000000BG

#767676Muted

rgba(118, 118, 118, 1)Line

Absolute binary contrast; pure black and white only.

Typography

monospace

display200px · 400
body18px · 400
caption12px · 400

All text is strictly uppercase · Monospace font family is used for all elements

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Standard 4px base with generous padding in interactive elements.

Surfaces

sm · 0px

md · 0px

lg · 0px

pill · 999px

Strict 2px solid borders on interactive elements, no border-radius.

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

Full-screen black canvas with centered content, emphasizing stark white elements.

Motion & Interaction

150msmicro

300mssmall

800msmedium

lineareasing

glitch-flicker · color-shift · digital-artifacting

Inverts colors or triggers a digital glitch effect. · Triggers a micro-interaction or a glitch transition.

Components

button Uppercase monospace text with a 2px solid white border and a 2px padding.
card Minimalist content blocks with strict borders and no rounded corners.
chip Small, uppercase monospace tags with a 2px solid border.
input Minimalist text input with a 2px solid white border and a black background.
hero A massive, centered, glitched monospace character (e.g., 'II') on a black background.

Voice & Don'ts

Tone raw, archival, experimental, uncompromising
Headlines Stark, monospaced, and often glitched or distorted.
CTAs Uppercase monospace text, often with a 2px border.

Don't use soft shadows — the screenshot shows flat, borderless elements only.
Don't use rounded corners — the screenshot shows strict rectangular shapes.
Don't use multiple colors — the screenshot shows a strict black and white palette.
Don't use sans-serif fonts — the screenshot shows exclusively monospace typography.
Don't use lowercase text — the screenshot shows all text in uppercase.
Don't use complex gradients — the screenshot shows solid black and white fills.
Avoid: polished gradients
Avoid: rounded corners
Avoid: warm tones
Avoid: friendly illustrations

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

Design for a brutalist, experimental digital archive or portfolio. Use a strict black and white palette with no accent colors. Typography must be monospace and uppercase. Layout should be stark and full-screen. Avoid all common UI flourishes like rounded corners, shadows, or gradients. Focus on raw, digital, and archival aesthetics with glitched or distorted elements. This system uses a black background (#000000) and white foreground (#FFFFFF). Typography is entirely monospace. Key constraints: no border-radius, no shadows, no lowercase text, and no multi-color palettes. The feel should be like a VHS tape or a retro terminal interface.

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