Design system
Sun & Rose
Palette, typography, components and templates for Mallorca Girls Club.
Palette
Sun & Rose · tokens in design-tokens.css
Yellow
--gc-yellow
Rose
--gc-rose
Violet
--gc-violet
Ink
--gc-ink
Paper
--gc-paper
Alpha modifiers
primary / 50
muted / 50
surface / 90
line / 50
Typography
Fraunces (display) + DM Sans (body)
Display
Mallorca Girls ClubEyebrow / caption
Community for women
gc-caption utility class
Body
A free international community for women living in Mallorca. Warm, bold, and culturally sharp — structured layouts with high-contrast Sun & Rose moments.
Components
Buttons
Badge
Logos
Wordmark
Mallorca Girls ClubTypographic wordmark = Display: Fraunces Bold + italic rose accent on «Girls Club».
Citrus mark · brand system
Invariant (fixed)
- Circular citrus slice, centred composition
- Bold segments and high contrast
- Legibility over decoration
Background variations
- Primary on dark / ink backgrounds
- Rose and yellow squares for brand surfaces
- Rose mark for light / white UI chrome
Primary mark
primary
Full-colour lemon slice — default on dark backgrounds and hero sections.
Background variations
primary
Primary · full-colour lemon on dark
on light
On light backgrounds · rose field
yellow
On yellow brand surfaces
rose
On rose brand surfaces
light, dark, yellow, rose · Files in assets/logo-mgc-*.png (180×180)
Instagram templates
Static HTML · screenshot at 100%