CURATED · OPEN · FREE

6Am Glass

A high-contrast, type-driven design system with aggressive scale and radical spacing.

Bold TypographyEditorialPremiumGeometricClean

↓ Download design system (1 MB)Open in OpenDesign

Visit: https://6am.glass/en

📦 Browse pack contents →

Identity DNA

high-contrasttypographicarchitecturalminimalist

A brutalist gallery exhibition where text is the sculpture.

Color

#000000Ink

#FFFFFFBG

rgba(0,0,0,1.0)Line

Strict monochrome with maximum contrast.

Typography

grotesque-sans

display72px · 400
body15px · 400
caption14px · 400

All typography is uppercase for high-impact statements. · Tight negative letter-spacing is used to condense large text blocks. · Radical line-heights create dense, architectural text locks.

Spacing

4px

8px

16px

24px

32px

48px

64px

96px

Irregular and asymmetric, favoring large, dramatic gaps.

Surfaces

sm · 4px

md · 8px

lg · 12px

pill · 999px

Solid black 1px lines used strictly for functional elements like buttons.

rgba(0, 0, 0, 0.15) 0px 0px 0px 1px

Layout

1280container

12columns

24pxgutter

768 / 1024breakpoints

A dense, asymmetrical grid with text blocks anchoring opposite corners.

Motion & Interaction

220msmicro

400mssmall

800msmedium

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

subtle fades · instant transitions

Cursor remains a pointer on text links; no visible style changes. · Direct and immediate.

Components

button Minimalist, outlined rectangles with tight, uppercase labels.
card Not visible in the provided screenshot.
chip Not visible in the provided screenshot.
input Not visible in the provided screenshot.
hero A massive, typographic statement using asymmetric alignment and extreme scale.

Voice & Don'ts

Tone Direct, authoritative, and silent.
Headlines Massive, aggressive, and architectural.
CTAs Subtle and functional, often presented as a small pill or link.

don't use color accents — screenshot shows a strictly monochrome palette
don't use soft or rounded shapes — screenshot shows sharp, geometric edges
don't use decorative serif fonts — screenshot shows bold, industrial grotesques
don't center-align large text blocks — screenshot shows radical left, right, and asymmetric alignments
don't use generous body padding — screenshot shows tight, dense text locks
don't use drop shadows or 3D effects — screenshot shows flat, 2D surfaces
Avoid: decorative elements
Avoid: color accents
Avoid: friendly greetings
Avoid: complex gradients

Inside the pack — real screenshots

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

Captured from the live site · real computed styles

System prompt

This is a high-contrast, brutalist design system defined by extreme typographic scale and a strict monochrome palette. It utilizes industrial grotesque-sans fonts (Univers, Founders Grotesk) with aggressive negative tracking and dense line-heights to create architectural text locks. The layout is asymmetrical and stark, using a pure white (#FFFFFF) background and deep black (#000000) ink with no color accents. Key features include massive uppercase display text and minimal, functional UI elements. Critical constraints: absolutely no color accents, no soft or rounded geometry, no decorative serifs, no centered large text blocks, no generous spacing between text lines, and no drop shadows or 3D effects.

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