247420-design

we are 247420. the creative department of the internet. always open (24/7), always a little high on possibility (420). we ship fast, document honestly, and humor is load-bearing.

this is the visual paradigm. read it once, then go.

one-screen tour

• Surfaces over lines. Separation is tonal. We never draw a border for layout; we let the panel sit a half-tone differently from the canvas and the eye does the rest. Indicator rails (a 4px inline-start tonal stripe) carry category meaning instead.
• Friendly type, terminal rhythm. Nunito is the body voice — rounded humanist sans, easy to absorb at 14–15px. Archivo Black holds the headlines. JetBrains Mono is reserved for code, pre, kbd, numeric ranks, install blocks — anywhere the monospace meaning is doing real work, not signalling "I am a developer".
• Round, flat, soft. Radii: 6px chips, 10px controls, 18–20px panels and lists, full pill on tabs/buttons. Zero drop shadows. The only shadows in the system are inset 4px 0 0 <hue> rails and inset 0 -3px 0 underline accents — both tonal, never elevation.
• Negative space as a content primitive. Pages breathe. List rows are 36–44px tall, panel padding is generous, sections are separated by gap not by lines. If two things look like one thing, add space — never a divider.
• Lateral humor, deep lore, flat delivery. The voice is lowercase, internet-native, occasionally cryptic, never lame. The visual dial stays understated; the writing is where the personality goes loud.
• One acid moment per surface. A single live pip, a single primary CTA, a single rail of accent — never a parade.

tokens (the only colors and fonts you should ever name)

/* fonts */
--ff-display  Archivo Black     /* once per page, headlines */
--ff-ui       Nunito            /* body, chrome, controls, labels */