Brand Reference
Creative Shader Brand Guide
The core colors and typography used across the Creative Shader app. Use this as your reference when designing ad visuals and marketing creatives.
Main Colors
Five core colors, with hex codes ready for design tools.
Primary — Sky Blue
#33BBFF
hsl(200 100% 60%)
Primary buttons, links, highlights and key CTAs. The signature Creative Shader accent.
Background — Deep Navy
#111318
hsl(220 16% 8%)
Main page background. The dark base tone of the brand.
Foreground — Soft White
#E6EBEF
hsl(210 20% 92%)
Headlines and body text on dark backgrounds.
Surface — Slate Gray
#24272E
hsl(220 12% 16%)
Cards, panels and elevated surfaces sitting on the dark background.
Accent — Alert Red
#DD3C3C
hsl(0 70% 55%)
Errors, destructive actions and urgent states. Use sparingly.
Typography
Two fonts: Inter for everything, DM Mono for technical accents.
Inter
Headings & body
weights: 300–700
Professional Assets. Accessible Pricing.
ABCabc 123
Aa
Paragraph
High-quality 3D models, materials & textures for artists.
DM Mono
Numbers, labels & accents
weights: 400–500
3D Models / Materials / Textures
ABCabc 123
Aa
Paragraph
High-quality 3D models, materials & textures for artists.
Logo Assets
Official logo and icon variants. Use white logos on dark backgrounds and black logos on light backgrounds.
Logo — White
Primary horizontal wordmark for dark backgrounds.
Logo — Black
Horizontal wordmark for light backgrounds.
Stacked Logo — White
Stacked wordmark for dark backgrounds and square layouts.
Stacked Logo — Black
Stacked wordmark for light backgrounds and square layouts.
Icon — Sky Blue on Dark
App icon: sky blue diamond grid on deep navy.
Icon — Sky Blue & White
App icon variant: blue frame with white diamond grid.
Icon — White on Sky Blue
App icon variant: white icon on solid sky blue.