Home
DESIGN.mdStar on GitHub
The modern security platform for developers and agents
Colors
Surfaces
bg-page
#f3f4f6
Page background
bg
#ffffff
Cards, surfaces
border
#eaeaea
Dividers, borders
frame
#d1d1d1
Input borders, strong dividers
Brand
volt
#f5f841
H1 highlight, primary CTA text
void
#000000
CTA bg, primary text
volt-dark
#c2d72a
Volt in dark mode
Products
secrets-ink
#56a600
Secrets Management
pki-ink
#a16207
Certificate Management
pam-ink
#dc2626
PAM
accent-lime
#dbf530
Lime accent variant
Typography
h1
Secure Secrets
40px700AllianceNo2
h2
Everyone has secrets. We secure 10 Billion every day.
28px700AllianceNo2
h3
Granular Access Controls
18px600AllianceNo2
body-lg
Sync, rotate, and audit application credentials across every environment and workload.
18px400AllianceNo2
body-sm
Scope access to secrets by environment, path, and identity with fine-grained RBAC.
14px400AllianceNo2
code
DATABASE_URL=postgresql://user:••••••@db.prod.acme.com:5432/app
13px400JetBrains Mono
Components
Buttons
Inputs
Badges
● Synced ● Active ◑ Pending ✕ Expired ⚠ Expiring Soon ✕ Out of Sync
Spacing
space-1
4px
space-2
8px
space-3
12px
space-4
16px
space-6
24px
space-8
32px
Signature — Secrets Manager
my-app / backend / /secrets
7 secrets
⌕
Key Value Updated
Guardrails
DO
Use volt (#f5f841) as the H1 highlight marker — words in a box, not gradient text
Use void (#000000) as CTA background with volt text
Use JetBrains Mono for all secret keys, values, paths, and IDs
Mask all secret values by default — reveal is an explicit user action
Default to light mode — #f3f4f6 page bg, white surfaces
Use AllianceNo2 for all marketing and UI text
DON'T
Don't use volt for warning/error states — it's a brand color, not a semantic one
Don't use Inter or any other font — AllianceNo2 is the brand font
Don't show unmasked secrets in list views, logs, or error messages
Don't default to dark mode — the primary experience is light
Don't round corners above 8px on cards; use 6px on buttons
Don't add more than 20 secret rows in interactive tables