Kompass Ministries · Design system
Refresh, Refocus, Rekindle
A calmer, warmer foundation for the new site: gold for warmth, cream and charcoal for depth, Outfit for headings and Figtree for easy reading.
Typography
Heading one: a weekend to rekindle
Heading two: marriage retreats
Heading three: men's leadership
Heading four: what to expect
Heading five: small label heading
Heading six: eyebrow style
Lead paragraph. Ignite Marriage Retreats give couples space to step away, reconnect and rediscover what brought them together.
Body copy is Figtree at a fluid 16–18px with generous line height. It stays comfortable on phones and relaxed on large screens. Links look like this and underline for clarity.
A second paragraph shows rhythm between blocks of text, which comes from the container gap rather than hard-coded margins.
Section heading with rule
Colour palette
Warm, grounded, readable
Gold · primary
var(--primary)
Gold dark · links
var(--primary-dark)
Gold light
var(--primary-light)
Cream
var(--primary-ultra-light)
Charcoal
var(--base)
Ink · text
var(--ink)
Muted text
var(--ink-muted)
Lines & borders
var(--base-light)
Cards
Ministries at a glance
Retreat
Ignite Marriage Retreat
A weekend away for couples to refresh, refocus and rekindle their marriage.
Learn moreReady to rekindle?
Dark sections flip headings to white automatically, and links switch to a light gold.
See upcoming retreats