Kanopy Network · Design System
v1
The single source of truth for Kanopy's visual identity.
Import kanopy.css and write only what's specific to your page.
<link rel="stylesheet" href="https://design.kanopy.network/v1/kanopy.css" />
01 — Colors
--kny-bg
#f5f3ec
--kny-paper
#ffffff
--kny-paper-lo
#f0ede5
--kny-ink
#1a1a1a
--kny-yellow
#f5c800
--kny-gold
#a07c00
--kny-green
#00c853
--kny-red
#e53935
02 — Typography
Display XL · Stick No Bills 800
Networks & NixOS
Display LG
Sovereign by Design
Display MD
Open Infrastructure
Display SM
Zero Telemetry
Accent underline
Sovereign.
Body · Inter 400
Kanopy Network builds open, NixOS-powered infrastructure for organizations that value sovereignty, auditability, and independence from Big Tech.
Mono label · JetBrains Mono
01 — Section label · EST. 2026 · NODE-00
03 — Shadows
--shadow-sm
3px 3px
3px 3px
--shadow-md
4px 4px
4px 4px
--shadow-lg
6px 6px
6px 6px
--shadow-y-lg
6px 6px yellow
6px 6px yellow
04 — Buttons
05 — Cards
Default card
Standard white card with solid border and offset shadow. Lifts slightly on hover.
Dark card
Inverted card for featured content. Yellow shadow, lifts on hover.
Muted card
Dimmed surface for placeholders or disabled states.
06 — Icon wrap
07 — Badges
Online
Updating
Live
Coming soon
08 — Section scaffold
01 — Example
Tag label
Section heading.
With accent.
This is the section-sub style — used for the short descriptive paragraph that follows a section heading.
09 — Terminal block
[ OK ] NixOS config validated
[ WARN ] 1 node updating
[ INFO ] Sovereignty: ✓ PASS
────────────────────────────
$koad deploy --all▋