BuildGood resources2026 1448 AH
The BuildGood design system

Make it
BuildGood.

The logos, colours and ready-to-share artwork. Everything you need to make something that feels part of BuildGood.

01

The signature.

Four formats. Outlined lettering, transparent backgrounds, and no fonts to install.

Choose a background. Downloads match your selection.

BuildGood horizontal

Horizontal

The everyday lockup. Websites, decks and announcements.

Download SVG
BuildGood stacked

Stacked

A centred signature for square spaces and covers.

Download SVG
BuildGood icon only

Icon only

Small spaces where the BuildGood name is already clear.

Download SVG
BuildGood wordmark

Wordmark

A simple text signature alongside other brands.

Download SVG

Give the logo some breathing room. Keep the original proportions. Use the orange seal on Paper or Ink; choose the reverse files for a dark background.

02

A good company of colours.

Paper and Ink do the everyday work. Orange is the signature. Softer accents give each part of the site its own character.

Click a swatch to copy its HEX value.

LilacFiscal partners

SkyPerks & program

PetalSpaces & prizes

MintMedia & toolkit

Use Ink text on the accent colours. Keep colour in whole surfaces and badges; leave stripes and coloured card borders out.

03

Bold headlines. Easy reading.

Barlow Condensed for headings and the wordmark. DM Sans for the words you spend time with.

Barlow Condensed · 600

Build something good.

DM Sans · 400–700

Build something good.

Pick a real need. Start small, build with care, and make something useful for the people around you.

Both fonts are locally hosted and licensed under the SIL Open Font License.

04

Show you're part of it.

Ready-made square artwork for profiles, announcements and community posts. Choose the role that describes your involvement.

Choose your tile

2026 / 1448 AH
1080 × 1080 · scalable SVG

Download participant tile
BuildGood Participant, 2026, 1448 AH
05

Made to be shared.

A dedicated preview for every main page, with the same type and artwork as the website.

Download JPEG
Build a better Ramadan.
buildgood.devBuild a better Ramadan. — BuildGood

1200 × 630 · compact JPEG · assigned automatically when a page link is shared.

06

One shape. Lots of possibility.

Use the solid logo silhouette behind a number, a simple icon, or a short message. Keep the centre readable and leave off the border.

Lilac
Sky
Petal
Mint

Match the atmosphere to the page.

A little room to play

Space for your next idea.

Soft colour at the edges. A quiet place for the words.

Build something good
Background and texture specifications

Pixel clouds use 28% opacity on light sections, 16% on legal pages and 12% on Judges. Mobile clouds are softer. A pale 256px SVG grain tile is repeated with multiply blending at 22% opacity. It stays still and is hidden for print and forced-colour modes.

07

A brief hello.

The seal turns into place, the wordmark rises, and the orange screen lifts away. Then the site gets out of the way.

BUILDGOOD

Headlines and images arrive with a small stagger.

7–11 December 2026

Five days. One useful app.

Intro: 1.9 seconds. Page changes: 350 ms. Any click or key dismisses the intro. Reduced-motion users see static content immediately.

08

Their identity, respected.

Use each community's own artwork. These logos identify the communities in our hub list, rather than confirmed venues or prize sponsors.