Brand colours
Open the Tailwind configuration in src/ and edit the colour tokens (for example primary, accent and the neutral scale). Rebuild, and every component that uses those tokens changes with them.
Check contrast after changing colours: body text and buttons should meet WCAG AA (4.5:1 for normal text).
Fonts
- Add the font files to
assets/fonts/, or use a hosted font. - Update the font family tokens in the Tailwind configuration.
- Remove fonts you no longer use so pages load faster.
Repeated sections
Headers, footers and cards are partials. Edit a partial once and every page that includes it updates.
Content
Content is kept separate from layout. Replace text and images in the page files; avoid changing class names unless you mean to change the design.
Figma kits
Kits use variables and component properties, so switching a theme or variant is a single action. See Figma kit usage.