A hacker's terminal that doubles as an artistic canvas
02
Color
#000000Ink
#FFFFFFBG
rgba(229,231,235,1.0)Line
Strict monochrome, high-contrast black on white
03
Typography
monospace
display48px · 400
body16px · 100
All text is monospaced, creating a strict grid-based alignment · Light font weights (100) are used extensively for the primary content · All-caps transformation is applied to UI elements
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Monospace characters establish an inherent typographic grid
05
Surfaces
sm · 4px
md · 8px
lg · 16px
pill · 999px
1px solid rgb(229,231,235)
06
Layout
1440container
1columns
8pxgutter
390 / 768breakpoints
Single-column full-width layout for ASCII canvas
07
Motion & Interaction
300msmicro
500mssmall
1000msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
Fade-in transitions for text elements · Continuous generation of ASCII characters
Pointer cursor indicates clickable elements · Triggers generation of new ASCII art characters
08
Components
buttonMinimal uppercase text buttons with pointer cursor
cardASCII art elements acting as visual blocks
chipMetadata tags enclosed in brackets like [CHROME 131.0.0.0]
inputNone visible
heroLarge-scale generative ASCII art field
09
Voice & Don'ts
ToneTechnical, artistic, and direct
HeadlinesLarge ASCII art compositions
CTAsMinimal bracket-enclosed UI elements
Don't use colorful gradients — screenshot shows strict black and white
Don't use serif fonts — screenshot shows monospace throughout
Don't add drop shadows — screenshot shows completely flat surfaces
Don't use heavy font weights — screenshot shows weight 100 dominant
Don't add rounded UI elements — screenshot shows sharp geometric forms
Don't use colorful accents — screenshot shows no accent color
Captured from the live site · real computed styles
11
System prompt
A minimalist, brutalist digital canvas that uses ASCII art as its primary visual language. The design is strictly monochromatic, relying on a black (#000000) and white (#FFFFFF) palette with subtle light gray borders. Typography is exclusively monospaced, using light font weights (100) and uppercase transformations for UI elements. The layout is a single-column full-width container that prioritizes the generative ASCII artwork. Interactive elements are minimal, using bracket-enclosed metadata tags. The site functions as both an artistic statement and a technical playground, tracking user interactions like clicks and long presses. Critical constraints include avoiding all color, maintaining strict monospace typography, and preserving the raw, terminal-inspired aesthetic. The system tracks user presence and interaction metrics, displaying them as bracketed data points in the UI.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
