Brand Guidelines
Colors, logos, and typography standards for the Deaku product family. Click any color swatch to copy its value.
Stargate Purple
The signature Deaku accent color used across all products.
Zinc Neutrals
Neutral tones for backgrounds, borders, and text.
Semantic Tokens
HSL-based CSS variable tokens for light/dark theming.
Logos
Official Deaku logo variants for different contexts.
Typography
Font families, weights, and size scale.
Poppins
Primary font for headings and body text across web and marketing.
AaRegular (400)
AaMedium (500)
AaSemiBold (600)
AaBold (700)
DisplayThe quick brown fox jumps over the lazy dog.
HeadingThe quick brown fox jumps over the lazy dog.
SubheadingThe quick brown fox jumps over the lazy dog.
BodyThe quick brown fox jumps over the lazy dog.
SmallThe quick brown fox jumps over the lazy dog.
CaptionThe quick brown fox jumps over the lazy dog.
Roboto
Secondary font used in Tailwind sans-serif stack and form inputs.
AaRegular (400)
AaMedium (500)
AaBold (700)
DisplayThe quick brown fox jumps over the lazy dog.
HeadingThe quick brown fox jumps over the lazy dog.
SubheadingThe quick brown fox jumps over the lazy dog.
BodyThe quick brown fox jumps over the lazy dog.
SmallThe quick brown fox jumps over the lazy dog.
CaptionThe quick brown fox jumps over the lazy dog.
UI Elements
Core UI components from the design system.
Buttons
Badges
StargateSuccessWarningErrorMuted
Card
Sample Card
Cards use the bg-card token with border-border andvar(--radius) for corners.