Download official logos, brand colors, and typography guidelines
SVG & PNG formats
SVG & PNG formats
SVG & PNG formats
SVG & PNG formats
SVG & PNG formats
SVG & PNG formats
SVG & PNG formats
HEX: #10B981
RGB: rgb(16, 185, 129)
Primary brand color, CTAs, highlights
HEX: #070B14
RGB: rgb(7, 11, 20)
Main background, dark surfaces
HEX: #0F1419
RGB: rgb(15, 20, 25)
Card backgrounds, elevated surfaces
HEX: #1F2937
RGB: rgb(31, 41, 55)
Borders, dividers, subtle elements
HEX: #FFFFFF
RGB: rgb(255, 255, 255)
Primary text, headings
HEX: #9CA3AF
RGB: rgb(156, 163, 175)
Secondary text, descriptions
HEX: #10B981
RGB: rgb(16, 185, 129)
Success states, positive actions
HEX: #F59E0B
RGB: rgb(245, 158, 11)
Warnings, caution states
HEX: #EF4444
RGB: rgb(239, 68, 68)
Errors, destructive actions
Primary Font
Weights: 400, 500, 600, 700, 800
Usage: Headings, logos, emphasis
The quick brown fox
The quick brown fox
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Body Font
Weights: 300, 400, 500, 600, 700
Usage: Body text, UI elements
The quick brown fox
The quick brown fox
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Maintain clear space around the logo equal to the height of the icon element. Never place the logo closer than this minimum spacing to other elements.
Use the primary green (#10B981) for all interactive elements, CTAs, and brand highlights. Maintain high contrast ratios for accessibility.
Use Outfit for headings and emphasis, Poppins for body text. Never mix more than two font families in a single design.