← 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.

// LOGO

The Logo Bug — coral disc, white corner mark.

Never recolor the coral. 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
#FFFFFF
Canvas
Page / cards
#E1E6E9
Panel
Bento fill
#1A1D22
Ink
Primary text
#83868C
Muted
Secondary text
#EB4326
Coral
Load-bearing accent
#0A0A0C
Night
Dark card
// TYPE
Trip Sans Ultra
Hero headlines + display.
Knockhaus
Trip Sans
Body + card titles.
Every feature the top twelve had.
Trip Sans Mono
Numbers, IDs, footnotes.
KNOCKS · 247 · +41
NDOT-47
Labels, chips, statuses. Always uppercase.
// MACHINE VOICE · LIVE · SIGNED IN
// SIX RULES
  1. One coral per viewport. Coral = live, primary, load-bearing. Never decorative.
  2. No pure black. Ink is #1A1D22. Pure #000 reads cheap.
  3. Glass requires texture behind it. Don't put glass on solid canvas — it disappears.
  4. NDOT is machine-speaking. Use it for things the computer is announcing. Never for prose.
  5. Motion is mechanical. Spring 0.35 / 0.82. No bounces, no overshoots.
  6. The rep comes first. Every UX decision asks: “does this help or hurt the 7-second door decision?”