Design Guidelines
Resources and guidelines for using the Good Ancestors brand
Colour
Our brand colours are Space Cadet Blue and Black. These colours are used alongside a range of neutral grays and white for backgrounds and UI elements.
#253551
Space Cadet Blue
#000000
Black
#A4A4A4
Dark Gray
#D6D6D6
Medium Gray
#ECECEC
Pale Gray
#F6F6F6
Light Gray
#FFFFFF
White
The Glyph
The primary icon for Good Ancestors is "The Glyph". This symbol incorporates elements of a lower case "g" (for "Good") and a lowercase and sideways "a" (for "Ancestors").
It also, somewhat, invokes the silhouette of a lightbulb and a sigma (commonly used to represent "standard deviation").
Please email nathan@goodancestors.org.au if you need higher resolution images.
For light backgrounds
.svg)
Coloured (recommended)
Monochrome
For dark backgrounds
Coloured
Monochrome
Logos
Like The Glyph above, the Good Ancestors Logo has four main variants - two for light backgrounds and two for dark backgrounds.
Please email nathan@goodancestors.org.au if you need higher resolution images.
For light backgrounds
.svg)
Coloured (recommended)
Monochrome
For dark backgrounds
Coloured
Monochrome
Typography
Headings
Our default font for headings and branded content is Poppins.
This font can be downloaded from Google Fonts.
Weight: 400 (Regular)
Line height: 1.2
Body Text
Body text uses Inter for optimal readability across all screen sizes.
This font can be downloaded from Google Fonts.
Weights: 300, 400, 500, 600
Line height: 1.6
Heading 1 - Poppins 400, 48-80px
Heading 1
Heading 2 - Poppins 400, 36-48px
Heading 2
Heading 3 - Poppins 400, 24-32px
Heading 3
Heading 4 - Poppins 400, 20-24px
Heading 4
Paragraph Large - Inter 400, 18-20px
Large paragraph text for introductions and key statements. Good Ancestors supports Australia's leaders to be good ancestors to future generations.
Paragraph - Inter 400, 16-18px
Standard paragraph text for body content. We work to improve the long-term future of humanity by researching and advocating for policies and other actions that minimise catastrophic and existential risks.
Small Text - Inter 400, 14px
Small text for captions, labels, and supporting information. Used sparingly to maintain visual hierarchy.
Design Principles
Our visual design language emphasises clarity, professionalism, and forward-thinking values.
Minimalist & Bold
Clean aesthetic with strong typography. We let content speak for itself without unnecessary decoration.
Sharp Corners
Square, precise corners throughout. No rounded elements - conveying decisiveness and clarity.
Flat Design
No drop shadows in default state. Clean, flat surfaces that create depth through colour and spacing.
Neutral Palette
Grays, whites, and our brand blues. Colour is used purposefully to guide attention.
Typographic Hierarchy
Poppins for headings, Inter for body. Clear visual hierarchy through size, weight, and spacing.
Subtle Interaction
Gentle hover states and transitions. Interactivity is indicated through opacity and colour shifts.