A digital-physical studio bridging art, tech, and narrative spaces.
02
Color
#000000Ink
#FBFBFABG
#BEC0C5Muted
rgba(190,192,197,1.0)Line
Minimalist canvas with high-contrast ink and a single neutral muted tone for subdued secondary text.
03
Typography
grotesque-sans
display24px · 500
body18px · 400
Primary text uses a tight letter spacing of -0.24px · Headings and body text share a medium weight (500) · Uppercase transform is applied to specific labels or buttons
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Generous vertical padding (32px to 80px) creates a spacious, breathing layout.
05
Surfaces
sm · 4px
md · 8px
lg · 12px
pill · 999px
2px solid borders on interactive elements like buttons.
None visible
06
Layout
1280container
12columns
24pxgutter
768 / 1024breakpoints
Simple header with logo left and CTA right, followed by full-bleed media or wide text blocks.
07
Motion & Interaction
125msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
Subtle opacity and transform transitions for interactive elements.
Standard cursor pointer on interactive elements. · Immediate visual feedback via transitions.
08
Components
buttonPill-shaped outline buttons with 2px solid borders.
cardMedia-heavy cards with large imagery and rounded corners.
heroFull-viewport video or high-resolution photographic background with minimal overlay text.
09
Voice & Don'ts
ToneSpeculative, abstract, and poetic.
HeadlinesRepetitive 'ONE is [concept]' structure to build a brand manifesto.
Captured from the live site · real computed styles
11
System prompt
One Is is a speculative creative platform positioned as a bridge between art, technology, and physical spaces. The design is a minimalist, gallery-style canvas dominated by a stark black-on-white palette (#000000 on #FBFBFA), with a single neutral muted tone (#BEC0C5) used for subdued list items. The typography relies on a clean grotesque sans-serif category at a medium weight (500) with tight letter spacing. Critical donts include avoiding decorative fonts, avoiding multiple accent colors, and avoiding cluttered layouts with heavy borders or shadows. The system should emphasize vast white space, high-resolution media, and a poetic, manifesto-style tone.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.