# Design Guide — Manneken 🌟

## Brand Colors

| Name | Hex | Usage |
|------|-----|-------|
| Brussels Blue | `#0406A8` | Primary background, headings, strong accents |
| Brussels Yellow | `#F8EA09` | Highlights, CTAs, titles, borders, accents |
| White | `#FFFFFF` | Body text on dark backgrounds |
| Dark Blue | `#030280` | Footer, darker sections |
| Light Blue | `#1a1cc0` | Gradient midtone, hover states |

## Typography

- **Headings:** DM Serif Display (serif) — classic, warm
- **Body:** DM Sans (sans-serif) — clean, modern, readable
- **Fallback:** system sans-serif stack

## Visual Identity

- **Avatar:** Photo of Manneken Pis statue (manneken.jpg), cropped circular with yellow border
- **Emoji:** 🌟 (used in titles, footer, as favicon)
- **Iris watermark:** ⚜ at low opacity as background texture — the iris is the symbol of Brussels

## Layout Principles

- Mobile-first responsive design
- Centered, single-column hero layout
- Cards for service categories (glass-like transparency on blue)
- Generous whitespace
- Yellow flag stripe at top (6px)
- Footer lists all 19 communes

## Tone in Design

- Approachable, not corporate
- Playful but trustworthy
- Multilingual by default (show language flags)
- Never over-designed — Brussels is practical

## Platform Formatting

- **Discord/WhatsApp:** No markdown tables — use bullet lists
- **Discord links:** Wrap in `<>` to suppress embeds
- **WhatsApp:** No headers — use **bold** or CAPS for emphasis

## Reference

- Brussels Region branding: https://be.brussels
- Flag of Brussels: Blue with yellow iris (⚜)
- Colors derived from the flag of the Brussels-Capital Region