Brand Guidelines
by jtt
Studio by jt — silicon-precise engineering. This page is the single source of truth for brand assets across byjtt.com and all byjtt sub-properties: UI Kit, Command Center, FreeTier, Games, and WattWise.
Logo
Wordmark
Primary · navbar, footer, inline
Stamp
Secondary · social, favicon, merch
Colors
Page
#000000
--bg-page
Surface
rgba(255,255,255,0.04)
--bg-surface
Border
rgba(255,255,255,0.10)
--border-default
Text Primary
#EDEDEF
--text-primary
Text Secondary
#A1A1AA
--text-secondary
Text Tertiary
#71717A
--text-tertiary
Accent (Cyan)
#22D3EE
--accent-primary
Accent (Cyan)
#22D3EE
--accent-secondary
Warning (Amber)
#F59E0B
--warning
Error (Red)
#EF4444
--error
Typography
Space Grotesk
The quick brown fox jumps over the lazy dog.
Space Grotesk Mono
Precision-Engineered.
Usage
Do
- • Use the wordmark for navigation and inline references
- • Use the stamp for social profiles and app icons
- • Keep clear space around the logo (1x the stamp border width)
- • Link the logo back to byjtt.com
Don't
- • Stretch, rotate, or distort the logo
- • Change the colors (except between dark/light themes)
- • Add drop shadows or effects
- • Use the stamp at sizes below 32px
Ecosystem
v1.0 · Updated 2026