01
PRIMARY COLORS
Core Palette
ACCENT PRIMARY
#B6FF00
var(--accent-primary)
VOID
#080808
var(--bg-void)
HYPER PURPLE
#8B0DD0
var(--hyper-purple)
CHROME
#E0E0E0
var(--text-chrome)
02
TYPOGRAPHY
JetBrains & Primary
CODE & TECH / JETBRAINS
System_Mono
JetBrains Mono
USAGE: Data, Overlays, Code
HEADINGS / OSWALD (OR BLACK ITALIC SANS)
'HEAVY HEADLINE'
Primary Headings
USAGE: Titles, Impact Text
03
MATERIALITY
Frosted Glass & Blur
Glass Panel
Panels use bg-white/[0.02] to [0.05] with backdrop-blur-md or lg. Borders are strictly border-white/10.
Always overlay glass on textured, dark or glowing backgrounds to activate the frosted effect.
04
SHAPE & RADIUS
Rounded Liquid
rounded-2xl (16px)
Inner Elements, Small Cards
rounded-3xl (24px)
Standard Containers & Panels
rounded-full
Buttons, Badges, Tags
05
LOGO PLACEMENT
Clear Space & Alignment
CLEAR SPACE (SAFE AREA)
Logos must always have breathing room. Do not crowd the logo with other graphical elements or UI text. A minimum margin equal to the height of the logo itself should be maintained on all sides.
HRDWRE
SAFE AREA (x)CONTRAST & BACKGROUNDS
Use the solid white or primary colored logo against dark backgrounds or complex video plates. Avoid placing the logo on busy areas where legibility is compromised. If necessary, use a subtle frosted glass underlay to improve contrast.