← Back to Knockhaus
// BRAND KIT

Our brand, your slide.

Logos, palette, typography, and the 6 rules we hold to. Take what you need. Credit lines aren't required, but we like the ones that show up.

Knockhaus
// LOGO

The Logo Bug — graphite disc, white corner mark.

Never recolor the graphite. Never put the mark on a gradient. Clear space: one mark-height on every side. Minimum size: 24px tall.

↓ SVG↓ PNG · 1024↓ White SVG

Asset links are placeholders — upload to /public/brand/ before shipping.

// PALETTE
#FBFCFD
Canvas
Page
#F4F5F9
Panel
Bento fill
#FFFFFF
Card
Elevated surface
#1E1E2A
Graphite
Primary action + ink
#535461
Slate
Secondary text
#D03275
Magenta
Error
#188554
Green
Success
#0E1018
Ink deep
Dark card backdrop
// TYPE
Inter Tight
Display — hero headlines + page H1.
Knockhaus
Inter
Body + UI — paragraphs, labels, table cells.
Every feature the top twelve had.
Trip Sans Mono
Verifiable numbers, IDs, timestamps.
KNOCKS · 247 · +41
Six rules
  1. One graphite CTA per viewport. Primary action = graphite #1E1E2A. Never decorative.
  2. No pure black. Ink is #1E1E2A. Pure #000 reads cheap on Mercury's cool near-white.
  3. Magenta is the error color, not red. Mercury convention. #D03275.
  4. No NDOT, no glass, no gradients. Hierarchy comes from hairline borders + tabular numbers.
  5. Motion is mechanical. 150ms default. No bounces, no count-ups on web.
  6. The rep comes first. Every UX decision asks: “does this help or hurt the 7-second door decision?”