Brand Guidelines & Components
Complete brand guidelines, design system, and component library for Roatan Real Estate
Color Palette
Our brand colors represent the natural beauty of Roatan - from deep ocean blues to warm sandy tones
Deep Ocean
Primary brand color - professional and trustworthy
Deep Ocean 50
Deep Ocean 500
Deep Ocean 900
Daffodil
Accent color - bright and optimistic
Daffodil 50
Daffodil 500
Daffodil 900
Sky Blue
Supporting color - fresh and modern
Sky Blue 50
Sky Blue 500
Sky Blue 900
Caribbean
Ocean-inspired blues
Caribbean 50
Caribbean 500
Caribbean 950
Coral
Warm accent for calls-to-action
Coral 50
Coral 500
Coral 950
Sand
Natural, earthy tones
Sand 50
Sand 500
Sand 950
Typography
Our typography system uses modern, readable fonts that work across all devices
Montserrat
Primary font for headings, body text, and UI elements
Playfair Display
Elegant headings and feature text
Brand Logos
Official brand logos in different variations for various use cases
Primary Logo (Light)
Use on dark backgrounds
Primary Logo (Dark)
Use on light backgrounds
Brand Guidelines
Guidelines for proper usage of brand elements
✓ Do
- • Use Deep Ocean blue as the primary color
- • Maintain proper contrast ratios
- • Use Montserrat for body text
- • Keep logos unmodified
- • Use semantic color tokens
✗ Don't
- • Modify logo proportions
- • Use colors outside the palette
- • Use too many font weights
- • Place logos on busy backgrounds
- • Use direct color values in components