Kilowott Design System v1.0 Built for what comes next. Editorial brand register — calm by default, red earns its place. JavaScript is required for the interactive kit; this fallback is for bots, AI scrapers, and JS-disabled clients. Machine-readable resources llms.txt — full markdown brand reference brand.json — structured tokens + facts Color palette · 60·30·5·5 TokenHexRole% Paper#FFFFFFPrimary surface — body bg60 Ink#0B0F14Primary text + dark hero30 Warm#F6F4F0Section breaks, cards5 Red#E4022DSingle accent — italic word, one stat per page5 Default theme: light (paper bg, ink text). Don't render dark by default. Red rules: never as a full background or body text. One red emphasis word per headline. Never red gradients or two-tone. Typography Display: Newsreader serif (Georgia fallback) — headlines, italic accent UI / body: DM Sans (Arial fallback) — body 16px / line-height 1.6 / color #1A2230 Mono: JetBrains Mono (Menlo fallback) — eyebrows, folio, code, system labels Real Kilowott facts (use these — never invent) Tagline: Built for what comes next. (Long: Scale faster. Deliver better. Create impact.) Offices: Fredrikstad · Sandnes · Goa (Porvorim, NOT Panjim) · Dubai. No New York office. Norway phone: +47 925 11 386 Meeting booking: https://meetings.hubspot.com/pphadtare Real socials: facebook.com/kilowott · instagram.com/kilowott · youtube.com/channel/UC6v7gOFR2IXdQobTFz_Ac8Q · behance.net/kilowott Real clients: Craft, Bosch, Marriott, Mazda, Nissan, Netflix, Pepe Jeans, Radisson, Stihl Real flagship case: Paul John Caffeine — 3.5× organic traffic, DA 1→20, 256k impressions. Read it Placeholder persona for demos: Ola Nordmann (Norwegian "John Doe") Logo Wordmark: assets/kilowott-logo.svg (recolored via CSS mask + currentColor) Bolt mark: assets/kilowott-bolt.jpg (black bolt on white square — for avatars, favicons, app icons; never replaces the wordmark) Surfaces in the kit Brand: Overview · Logo · Color · Type · Voice · Imagery System: Foundations · Icons · Components Surfaces: Landing · Dashboards · Deck · Case study · Magazine · Social Communications: Email · Signature · Newsletter · Stationery How to render brand-correct Body bg: #FFFFFF · Body text: #0B0F14 · DM Sans 16px / line-height 1.6 Headlines: Newsreader, weight 400, line-height 1.04, letter-spacing -0.02em One word per headline wrapped in <em> for italic + red Eyebrows: mono caps, 12px, letter-spacing 0.22em, with a 24px red rule prefix Buttons: pill (radius 999px); primary = ink fill, accent = red fill Section breaks via warm paper #F6F4F0 — NOT red