Call Today: 07530417853
info@distantminds.co.uk
BRAND GUIDELINES

Distant Minds

Visual and verbal identity aligned with the live site — typography, colour, and UI patterns. Pair this page with the site map so designers and developers see what exists where as well as how it should look.

FONT
Montserrat
PRIMARY
#004225
ACCENT
#c9932e
VERSION
1.0 · April 2026
SITE
distantminds.co.uk

Site map — pages & URLs

The site map is the canonical checklist of URLs: core pages, services and packages, legal, content under review, and placeholders to clean up before go-live. Use it with these guidelines for handoff — look & feel here, structure & links there.

Regenerate the Bricks page from generate-site-map.mjs when IA changes; keep colours and type aligned with this document.

Open site map

01 — Colour palette

Full-width swatches (same idea as Ascend / Electric-Cal guideline pages): each row is the colour, with usage notes alongside.

Brand green

#004225
Primary CTAs, hero bands, and high-intent actions — matches green fills on the live site.

Golden copper

#c9932e
Header-style CTAs (e.g. Contact us), warm accents, and text links on white or grey — matches the copper pill on green from production.

Ink

#101914
Headlines, dark shells, and maximum-contrast UI blocks.

Body

#363636
Paragraph and UI copy on white or light grey (observed body colour on live).

Panel grey

#e9ebed
Service tiles and soft panels — same neutral as home section cards.

White

#ffffff
Default surfaces. Pair with ink or body text; add borders where separation is needed.
Values mirror production (brand green, golden-copper accent, neutrals — no blue). Add to Bricks global colours so staging matches live.

02 — Typography

Need more from your website?

Grow your website today

Website design & development

Partner with us today to get the most out of your business online, and grow your vision with us at your side.
Caption — canonical host distantminds.co.uk · en-GB
WEB DESIGN · DEVELOPMENT · SEO · CRO

03 — Buttons & CTAs

One column per treatment — label, live control, build spec — so handoff matches Ascend / Electric-Cal style boards.
Primary
Grow your website today
#004225 fill · white label · Montserrat 600
Secondary
Learn more
#c9932e fill · pill CTA · header Contact style
High contrast
View packages
#101914 fill · alternate solid weight
Outline
Outline primary
Transparent · 2px #004225 border · same type scale
Mirror hover, active, and focus rings in Bricks global button styles; keep labels short on small viewports.

04 — Voice & tone

Do: partnership language, plain service names (SEO, CRO, WordPress), clear CTAs, accurate stats, one consistent legal/brand name in copy and schema.

Avoid: placeholder metrics, mismatched JSON-LD naming, indexable sample posts, exposed email-style author URLs in structured data, empty jargon.

05 — Logo

Production uses the white wordmark SVG in the header — all tiles below show that same asset on typical brand backgrounds (no alternate crop that can read as a different mark).
Distant Minds wordmark (white)
Hero & primary green bands — same contrast as live CTAs.
Distant Minds wordmark (white)
Ink / header — matches distantminds.co.uk navigation treatment.
Distant Minds wordmark (white)
Golden copper — same role as the header Contact CTA on brand green.
Keep clear space around the mark; do not stretch. Prefer SVG on web.