Epic - Look through the brand guidelines to identify what can be added to the theme.json

mikachan commented 2 months ago

Just dropping a link to the brand guidelines: https://brandhub.amnesty.org/

mikachan commented 2 months ago

Making a note of some initial thoughts:

Potential theme.json settings that may benefit content editors using the theme:

Spacing size presets (Example) - PR #366
Font size presets (Example) - PR #367
Defining all available fonts so they're visible in the Editor (Example) - PR #356
Define typography settings (line height, letter spacing, font weight, etc) (Example)
Specific settings and styles for Core blocks (Example)

All of these are probably controlled with custom CSS at the moment and each of these might provide a way to split up the work for https://github.com/amnestywebsite/humanity-theme/issues/286.

We could also create style variations for the different colour palettes and maybe the campaign colour palettes mentioned in the brand guidelines. I've opened an example PR, just to show how these are set up alongside the existing theme.json file: https://github.com/amnestywebsite/humanity-theme/pull/338

jaymcp commented 2 months ago

This is great information, thanks for collating it!

amnestywebsite / humanity-theme

Epic - Look through the brand guidelines to identify what can be added to the theme.json #334