Design System
The visual foundation of CodeWithMMAK.
Colors
Primary
bg-orange-600
Secondary
bg-zinc-900
Accent
bg-orange-100
Muted
bg-zinc-100
Typography
Heading 1 (text-4xl md:text-6xl font-extrabold tracking-tight)
The quick brown fox jumps over the lazy dog
Heading 2 (text-3xl font-bold tracking-tight)
The quick brown fox jumps over the lazy dog
Heading 3 (text-2xl font-bold)
The quick brown fox jumps over the lazy dog
Body Large (text-xl text-zinc-600)
The quick brown fox jumps over the lazy dog
Body Base (text-base text-zinc-600)
The quick brown fox jumps over the lazy dog
Caption (text-sm text-zinc-500)
The quick brown fox jumps over the lazy dog