The Story of Job — Brand & Design Guide

The idea

One image runs through everything

A glowing red heart, wrapped in a flame of orange-to-yellow, resting on soft cream. The name nods to the biblical Job — perseverance, gratitude, restoration. The brand is warm, generous, faith-rooted and unpretentious. This is food made and served with love.

♥

Heart Red leads

The heart drives the palette. #F4271E is the primary — logo, primary actions, key accents.

Flame for energy

Orange→Yellow, almost always a gradient. Highlights, energy moments, decorative swooshes — never body text.

Cream to rest on

Everything sits on signature cream. Text is a warm near-black brown, never harsh — soft and welcoming.

Content fundamentals

Like being fed by someone who loves you

Warm, personal, a little faith-tinged, never corporate. We speak as “we” and address you directly. Gratitude is the default emotion. Comfort over hype — we talk about care, time, and second helpings.

We sound like this

✓“Come as you are. Leave a little fuller.”
✓“Slow-braised pork, the way home tastes.”
✓“Your bowl’s still empty — let’s fix that.”
✓“Thank you for sharing a meal with us.”

Never this

✕“Order now and SAVE!”
✕“Premium artisanal experience.”
✕“We are the #1 eatery in town.”
✕A parade of emoji 🎉🔥😋🥢🍜

Sentence case for almost everything “Job” is the only word set in script UPPERCASE only for tiny eyebrow labels Heart ❤️ is the only emoji, used sparingly

Visual foundations

Color

Sampled directly from the logo. Warmth, love, perseverance. Neutrals are all warm brown-grays — never cool gray. Status colors lean warm and earthy.

Brand core — Heart Red

--job-red-700

#B81812

deep heart shadow

--job-red-600

#D81C16

hover red

--job-red-500

#F4271E

PRIMARY — the heart red

--job-red-400

#FB5249

soft red

--job-red-300

#FF8079

light red

--job-red-100

#FFDAD7

red tint surface

Flame — Orange to Yellow

--job-orange-600

#E96A12

deep flame

--job-orange-500

#FF8A2B

flame orange

--job-orange-300

#FFB877

soft orange

--job-yellow-500

#FFD11A

sunshine — flame tip

--job-yellow-300

#FFE680

soft yellow

Cream

--cream-500

#FFF8D6

--cream-400

#FBEFC0

--cream-300

#F3E4B0

Warm neutrals (the ink)

warm-900

#2A1D14

warm-800

#3D2C20

warm-700

#5A4636

warm-600

#7A6552

warm-500

#9C8773

warm-300

#D8C9B6

warm-100

#F2E9DC

white

#FFFFFF

Signature gradients

--flame-gradient

--flame-gradient-diag

--heart-glow

Status — warm-leaning

Success

#2F9E5A

Warning

#E8A013

Error

#D81C16

Info

#2C6E8F

Visual foundations

Typography

A friendly trio. Fredoka for display, Pacifico strictly for the “Job” accent, Nunito for everything you read.

Fredoka

Display & headings. Rounded geometric sans — echoes the chunky “The Story of” lettering.

Aa Bb Cc · 0123 · Come hungry

Job

Accent only. Pacifico script — one or two words at a time, never body copy.

with love

Nunito

Body & UI. Humanist rounded sans — relaxed, readable, warm.

Aa Bb Cc · 0123 · Leave a little fuller.

Type scale

Script hero

--text-5xl · 84px

Job

Hero display

--text-4xl · 64px

Come as you are

Display

--text-3xl · 48px

Come as you are

Heading 1

--text-2xl · 36px

Come as you are

Heading 2

--text-xl · 28px

Come as you are

Heading 3

--text-lg · 22px

Come as you are

Lead

--text-md · 18px