The colours, type, shapes and pictures of Glowia in one place.
Brand
GlowiaGlowiaNon-profit & Charity - Hopeful and human: greens and warm tones, people, nature and care.
Palette Deep Forest · Aurora Glass style · pictures: Dot grid with non-profit & charity subjects · fonts Unbounded and Plus Jakarta Sans
Colours
Every colour is a token in assets/css/theme.css (--wt-primary ...). The contrast of the text colours is shown against the page; WCAG AA needs 4.5:1 for text.
Light mode
Dark mode
Type
Unbounded
Headings
Plus Jakarta Sans
Text, buttons and forms (Google Fonts)
Every donation makes a difference
Why supporters stay with us
Five things we learned this year
Last year, supporters like you funded 14 clean water wells, 3,200 school kits and 41,000 meals across 36 communities.
Start in minutes and get help from a real person whenever you need it. Leave a gift in your will and help future generations. Local partners know their communities and make sure help arrives where it matters.
Friendly people answer your questions quickly, by phone, chat or email.
Corners and depth
--wt-shadow--wt-shadow-lgComponents
Pictures
Dot grid in the template colours, with non-profit & charity subjects. Every product picture shows its product. Replace them with your own photos of the same size (see PHOTOS.md for the photos of the live demo).
Design files
design-tokens/tokens.json- every token in the W3C Design Tokens format: in Figma, install the Tokens Studio plugin and load the file; Style Dictionary turns it into code for other platforms.design-tokens/style-guide.svg- this page as a board: drag it into Figma, Sketch or Illustrator and every swatch, text and shape stays editable.design-tokens/tokens.css- the same values as CSS variables for other projects in the brand.