Skip to content
alzheimers.org.uk logo

Alzheimer's Society

alzheimers.org.uk

“The Alzheimer's Society projects a serious, accessible, and authoritative presence, reflecting its critical mission. Its visual and verbal communication aims to be clear and direct, fostering trust and encouraging engagement for a vital cause.”

serious
accessible
authoritative
supportive
direct
trustworthy
impactful

Color Palette

Colors

#ffc800

primary

#ffffff

secondary

#ffffff

background

#000000

text

#002877

secondaryText

#002877

link

#002877

muted

#2d5eb5

accent

Typography

Fonts

ASTTCommons

body
400
600
800
self-hosted

BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif

ASTTCommons

heading
600
700
800
self-hosted

BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial, sans-serif

fontello

body
400
self-hosted
body

The quick brown fox

h2

The quick brown fox

h3

The quick brown fox

h4

The quick brown fox

h5

The quick brown fox

Components

Design System

Skip to main content
primary
0px
#ffc800#002877
See menu
secondary
0px
#ffffff#207eef
Open submenu ( About dementia
ghost
0px
#000000
navigation
box-shadow

rgba(0, 0, 0, 0.3) 0px 16.0001px 16.0001px -16.0001px

gradient

linear-gradient(91.99deg, rgba(0, 0, 0, 0.5) 62.14%, rgba(0, 0, 0, 0) 98.25%)...

Voice & Tone

Personality

Visual Energy

6/10

Design Era

functional-contemporary

Emotional Tone

serious-supportive

Target Audience

Individuals affected by dementia, their caregivers, healthcare professionals, researchers, and the general public interested in supporting the cause.

Comparable Brands

Cancer Research UK
British Heart Foundation
NSPCC
Macmillan Cancer Support

Brand Rules

Dos & Don'ts

Do

  • Utilize ASTTCommons for all body text at weights 400, 600, or 800, ensuring a line-height of 23.75px for readability.
  • Apply ASTTCommons for all headings, specifically using weights 600, 700, or 800, and always render them in title-case.
  • Primary call-to-action buttons must use a background of `#ffc800` with text color `#002877`, featuring a `0px` border-radius and padding of `14.25px 38px`.
  • Secondary buttons should have a `#ffffff` background, `#207eef` text, a `0px` border-radius, and a `#207eef` border, with padding of `14.25px 28.5px`.
  • Ghost buttons should have `#000000` text, no background, `0px` border-radius, and no padding, used for less prominent actions or navigation.
  • Employ the primary brand color `#ffc800` for key highlights and interactive elements, while `#2d5eb5` serves as an accent for specific visual emphasis.
  • Apply a subtle shadow effect `rgba(0, 0, 0, 0.3) 0px 16.0001px 16.0001px -16.0001px` specifically for navigation elements to provide depth.
  • Incorporate linear gradients with the pattern `linear-gradient(91.99deg, rgba(0, 0, 0, 0.5) 62.14%, rgba(0, 0, 0, 0) 98.25%)` for background overlays or visual interest where appropriate.

Don't

  • Avoid using emojis in any brand copy; the brand maintains a serious and direct communication style.
  • Do not use exclamations frequently; they are rare and should be reserved for exceptional circumstances to maintain a serious tone.
  • Do not apply rounded corners to buttons or other interactive elements; all buttons and key UI elements feature a `0px` border-radius, indicating sharp, defined edges.
  • Do not use highly technical jargon without clear explanation; the brand prioritizes accessibility in its language.
  • Avoid playful or overly casual language; the brand's tone is serious and focused on its mission.
  • Do not introduce additional shadow styles beyond the specified navigation shadow; maintain a clean and functional aesthetic.
  • Do not deviate from the established color palette of `#ffc800`, `#ffffff`, `#2d5eb5`, `#000000` for primary UI elements.

Design Assets

Visual Elements

Powered by Onetrust
svg568×53
Alzheimer's Society
png500×291
Alzheimer's Society
png500×75
Design asset
png230×230
Design asset
png230×230
Design asset
png230×230
Registered with Fundraising Regulator
png162×50
Company Logo
jpg182×108

DESIGN.md

AI-ready

Drop into any project root. Cursor, Claude Code, v0, Lovable, and other AI coding agents read this file to generate on-brand UI. Spec

Download
DESIGN.md not yet generated for this brand.
How to use this file

1. Save this file as DESIGN.md in your project root (sibling to README.md).

2. AI agents that read project files (Claude Code, Cursor, v0, Lovable, Bolt, Windsurf) will discover it automatically.

3. Validate or export tokens with the official CLI:

npx @google/design.md lint DESIGN.md
npx @google/design.md export --format tailwind DESIGN.md
Developer Access
cURL
# Fetch the full brand kit
curl https://extractvibe.com/api/brand/alzheimers.org.uk \
  -H "x-api-key: ev_your_key"

# Export as CSS variables
curl https://extractvibe.com/api/extract/JOB_ID/export/css \
  -H "x-api-key: ev_your_key"

# Export as Tailwind config
curl https://extractvibe.com/api/extract/JOB_ID/export/tailwind \
  -H "x-api-key: ev_your_key"

Extract your own brand kit

Get colors, fonts, voice, and personality from any website in seconds. Open source.

Get started free