Themes
Choose a design theme and customize every brand token from the admin.
What it does
The Design editor at /admin/design controls how your dealership site looks. You pick a theme (the pre-built look) and then tweak individual controls — colours, fonts, layout styles — to match your brand. No code, no designer required.
Picking a theme
Each theme ships with a coherent design system — hero, cards, navigation, footer, typography — tuned for a specific vibe. Preview each in the theme picker before committing:
- Modern Luxury — boutique-hotel warmth for high-end car dealerships (cream + espresso brown + brass)
- Concours Heritage — auction-house pedigree for collectors' cars (cream + oxblood + old-gold)
- Circuit Motorsport — pit-lane brutalism for performance and track floors (pearl white + jet black + racing red)
- Noir Cinema — after-hours theatre for exotics and weekend machinery (charcoal + jet + platinum silver)
- Boulevard Showroom — waterfront polish for mainstream premium and EVs (warm beige + navy + copper)
- Bazaar Heritage — GCC family showroom warmth (sand + deep teal + saffron gold)
- Runway Editorial — fashion-house register for coachbuilders and niche exotica (bone white + slate + magenta)
- Chrome Retro — retro-futurist forecourt for EV, custom, and tuner storefronts (chrome silver + cobalt + neon amber)
- Studio Brutalist — independent-workshop energy — paper, jet ink, safety orange
Customizing a theme
Every theme lets you tweak these controls without touching code:
- Colours — primary, accent, background, surface, ink, border
- Fonts — heading font, body font, monospace font, sizes
- Corner rounding — for buttons, cards, and inputs
- Section styles — hero style, card layout, footer treatment
Resetting to defaults
Every control has a "Reset" button that puts the theme's default value back. Below the grid there's a "Reset to defaults" button that clears every change you've made to the current theme in one click.
Site-wide vs per-section
The Design editor sets the site-wide look — every section on every page follows it. When you want a colour change on one section only — a hero on the finance landing page, a banner on a Ramadan promo — change colours from the section's own Style tab in Site Content instead.
Per-section colours always win over the site-wide theme, and they don't affect other sections.
Who can edit this
Requires templates:read to view the design editor and templates:update to change themes or save changes. Usually limited to owners and marketing roles.