Brand Guidelines
Logo
On Light Background
On Dark Background
Favicon
Used for browser tabs, bookmarks, and mobile home screen icons
Color Palette
Primary Gold
primary-50
#faf8f0
primary-100
#f5f0db
primary-200
#ebe0b7
primary-400
#D4AF37
Main brand color
primary-600
#a88328
Brand Gold
#D4AF37
rgb(212, 175, 55)
Primary brand color. Use for logos, CTAs, headings, and key UI elements.
Brand Dark
#2C2C2C
rgb(44, 44, 44)
Dark background color. Use for dark mode, contrasting sections, and logo backgrounds.
Typography
WIROTASK
Logo Font: Georgia (Serif), Bold 700, Letter Spacing: 2px
Headings
Sans-serif, Bold
Heading 1
Heading 2
Heading 3
Heading 4
Body Text
The quick brown fox jumps over the lazy dog. Regular body text uses a sans-serif font for optimal readability across all devices and screen sizes.
Usage Guidelines
✅ Do's
- • Use the logo on light or dark backgrounds
- • Maintain proper spacing around the logo
- • Use the SVG format for scalability
- • Keep the gold color consistent (#D4AF37)
- • Ensure sufficient contrast for readability
❌ Don'ts
- • Don't change the logo colors
- • Don't distort or stretch the logo
- • Don't separate the icon from the text
- • Don't add effects or shadows to the logo
- • Don't rotate or flip the logo
Download Brand Assets
Need the logo files? All brand assets are available in the public folder.