Albakri Law — Brand System
Design system & logo lockups
A preview of the foundational tokens — color, typography, and identity marks — used across the marketing site.
Color
3 palettes · 9 shades eachPrimary
hsl(217 43% 13%)50
primary-50100
primary-100300
primary-300400
primary-400500
primary-500600
primary-600700
primary-700800
primary-800950
primary-950Accent
hsl(36 23% 54%)50
accent-50100
accent-100300
accent-300400
accent-400500
accent-500600
accent-600700
accent-700800
accent-800950
accent-950Neutral
hsl(0 0% 71%)50
neutral-50100
neutral-100300
neutral-300400
neutral-400500
neutral-500600
neutral-600700
neutral-700800
neutral-800950
neutral-950Typography
29LT Bukra · 3 weightsLight · 300
Aa Bb 123
The quick brown fox jumps over the lazy dog.
Regular · 400
Aa Bb 123
The quick brown fox jumps over the lazy dog.
Bold · 700
Aa Bb 123
The quick brown fox jumps over the lazy dog.
Display
text-6xl font-bold tracking-tightH1
text-5xl font-bold tracking-tightH2
text-4xl font-boldH3
text-2xl font-normalBody
text-base font-normalCaption
text-sm font-light