Adventist Guide
Brand System v2.0

Adventist
Guide

Truth, but make it quick. Every color, typeface, and pixel exists to make the Word fast, clear, and impossible to ignore.

View Colors Typography Components

01 — Colors

Bold & Blessed

Four colors. Each one pulling its weight. No passengers.

Action Red

#A62639

hsl(350, 63%, 40%)

CTAs · Active links · Danger

Deep Navy

#1A2B3C

hsl(209, 38%, 17%)

Text · Footer · Foundation

Light Gold

#D4AF37

hsl(46, 63%, 52%)

Tags · Scripture · Highlights

Canvas White

#F9F7F2

hsl(43, 44%, 96%)

Page bg · Cards · Inputs

Color Families

Action Red
Tint #FDF2F4
Light #F5C6CE
Mid #D4667A
Base #A62639
Hover #8B1E2F
Deep #6B1522
Deep Navy
Tint #EEF2F5
Light #C5D0DA
Muted #2E4057
Base #1A2B3C
Dark #0F1A24
Deep #070E14
Light Gold
Cream #FDFBE9
Light #F5E9A0
Mid #E8CB5A
Base #D4AF37
Deep #A88420
Dark #7A5F17
Canvas
White #FFFFFF
Canvas #F9F7F2
Dark #EEE8DB
Warm #DDD4C0
Muted #C9BDA8
Stone #B5A690

Usage in Context

On Dark Backgrounds

Canvas White heading

Body copy at 60% opacity for comfortable reading.

gold tag Red link

On Light Backgrounds

Navy heading

Muted text for descriptions and secondary info.

Action Red link →

Semantic Meaning

Danger / CTA / Action
Highlight / Faith / Heavenly
Foundation / Trust / Authority
Canvas / Space / Clarity

02 — Typography

Read it. Get it.

Two fonts. That's it. Don't add more.

Display · Headings

Merri
weather

Aa

700 Bold

-0.02em tracking

H1 — Page Titles

36px

H2 — Section Headers

28px

H3 — Card Titles

20px

H4 — Labels & Callouts

16px
Weight: 700 Tracking: -0.02em Line-height: 1.2

Body · UI · Navigation

Inter

Aa

400 · 500 · 600

-0.01em tracking

Large — Lead paragraphs, hero subtext.

18px

Base — Article body, general UI.

16px

Small — Card descriptions, labels.

14px

XSmall — Timestamps, Captions

12px
Weights: 400–600 Tracking: -0.01em Line-height: 1.6

Typography in Context

HEALTH & DIET

Do Seventh-day Adventists Eat Meat?

The short answer: some do, some don't. Here's what the Bible says, what the Church recommends, and how to decide for yourself.

diet health beliefs

<span> eyebrow: Inter 12px semibold red

<h3> heading: Merriweather 28px bold navy

<p> body: Inter 14px regular navy/60

<span> tag: Inter 12px gold-light bg, pill

03 — Components

The Bare Essentials

Every component does exactly one job. No extras.

Buttons

Red bg · White text · Bold

Navy outline · Transparent

No border · Tertiary only

Navigation

Active
Tab 2
Tab 3
All Teachings Q&A

Red active · Canvas inactive · Pill filter row

Tags & Badges

Content tags

adventist sabbath diet

Category eyebrow

BASIC SDA TEACHINGS

Timestamp

Article Card

FUN FACTS

What Do Adventists Believe About Heaven?

Clear answers on the Adventist view.

Prayer Card

M
Maria S.

Please pray for my family's health and wisdom.

Glassmorphism

Glass Card

backdrop-filter: blur(16px)

04 — Forms

Inputs & Fields

Keep it clean. Red focus ring. Navy labels.

Default

Focused

Error

Please enter a valid email.

05 — Voice

Punchy & Playful

We don't do "flowerly." We do "facts."

✕

Don't

"We invite you to explore the depths of scripture."

✓

Do

"Read the Word. Get the facts."

✕

Don't

"A journey toward spiritual enlightenment."

✓

Do

"Grow your soul. Don't overthink it."

✕

Don't

"May we suggest signing up for our newsletter?"

✓

Do

"Want updates? Join the list."

✕

Don't

"Our community of believers welcomes you."

✓

Do

"You belong here."

06 — Layout

Space is Sacred

White space isn't empty. It's breathing room for the truth.

Max Width

1024

px · max-w-5xl

Border Radius

8px

full

Page Padding

16/24

px · Mobile / Desktop

Section Gap

64

px · Between sections

Before You Ship

The Quick Check.

Does the primary CTA use Action Red?

Are all headings in Merriweather Bold?

Is the headline under 7 words?

Is there enough white space?

Is the copy direct and jargon-free?

Does the page load fast?

Good. Ship it.