Step 1 · Palette study
Three palettes, one decision.
Each palette is drawn from the same two sources: the current Syrian flag and colours sampled from the Saalih al-Qadam site videos. Palette A — Al-Qadam Sandstone is applied to this build because the masjid's own stone should carry a page about restoring it. If you would rather lead with the flag (B) or the Damascus sky (C), press a button below to preview it across the whole site, then say which one you want. Any single colour can be swapped instead.
Palette A — Al-Qadam Sandstone
The masjid's own colours lead. Warm limestone carries the page; flag green holds the argument; star red is reserved for donation only. Applied to this build.
- Background: Warm limestone, sampled from the masjid sandstone
- Secondary surface: Facade tan: panels, media placeholder ground
- Text: Deep earth-black for headings and body
- Accent: Flag green: headline accents, rules, markers
- Call to action: Star red, used sparingly: donate only
- Detail: Damascus sky: status, small detail, links
Palette B — Stronghold
The flag leads. Green as the brand colour on off-white plaster, black text, red for the call to action, sandstone for cards and panels.
- Background: Off-white plaster
- Text: Black for headings and body
- Accent / primary: Flag green, the brand colour
- Call to action: Star red, donate only
- Warm neutral: Sandstone cards and panels
Palette C — Damascus Sky
The sky leads. Deep blue as the primary, sandstone ground, tile-band green as accent, interior-stone text, flag red for the call to action.
- Background: Sandstone
- Primary: Deep Damascus sky
- Accent: Masjid tile-band green
- Text: Interior stone
- Call to action: Flag red, donate only
One colour can be swapped without touching the layout. Every surface, line and status colour is a token at the top of src/app/globals.css. Change one hex value there and the whole page follows. In the single-file copy the same tokens sit at the top of the inline style block.
Where the colours come from