Brand Bible

HOF Pack Brand Guide

Everything your team needs to represent HOF Pack consistently. Colors, type, voice, and usage rules.

01. Logo

Logo Usage

HOF Pack Logo Light
HOF Pack Logo Dark

Clear Space

Always maintain padding equal to the height of the 'H' in HOF around all sides of the logo.

Minimum Size

Never display the logo smaller than 120px wide on digital or 1 inch on print.

Don'ts

Never stretch, rotate, recolor, add shadows, or place the logo on busy backgrounds without a container.

02. Color

Color Palette

Primary CTA / Accent

HEX: #e8732a

HSL: 23, 80%, 54%

All CTA buttons, highlights, badges, active states

CTA Hover

HEX: #c45a18

HSL: 23, 78%, 43%

Button hover state

Primary Green / Hero

HEX: #2d5c3e

HSL: 142, 34%, 27%

Brand identity, hero sections, primary buttons

Footer Dark Green

HEX: #1e3d2b

HSL: 145, 34%, 18%

Footer background, top bar

Headings / Dark Text

HEX: #1a1a1a

HSL: 0, 0%, 10%

All headings, dark text

Body Text

HEX: #4a4a4a

HSL: 0, 0%, 29%

Body copy, descriptions

Muted / Labels

HEX: #7a7672

HSL: 31, 3%, 46%

Secondary text, form labels, captions

Placeholder / Eyebrow

HEX: #aaa6a0

HSL: 35, 4%, 64%

Placeholder text, eyebrow labels

Page Background

HEX: #f5f3ee

HSL: 43, 26%, 95%

Warm cream page background

Card / Form Background

HEX: #ffffff

HSL: 0, 0%, 100%

Cards, modals, form panels

Input Background

HEX: #faf8f5

HSL: 38, 32%, 97%

All form inputs, textareas, selects

Border / Divider

HEX: #e0ddd6

HSL: 43, 14%, 86%

All borders and dividers

Input Border

HEX: #d8d4cc

HSL: 43, 11%, 82%

Input field borders

Gradient Usage

Hero Gradient. Used for hero sections, dark CTAs, footer

Accent Gradient. Used for CTA buttons, step badges, highlights

03. Typography

Type System

Display / Headings

Cormorant Garamond

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Body / UI

DM Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

Hero TitleCormorant Garamond · 700 · 52px
Page Heading / H2Cormorant Garamond · 600 · 30–32px
Sub Heading / H3Cormorant Garamond · 600 · 26px
Card / Type TitleDM Sans · 500 · 13.5–15px
FAQ / Nav HeadingDM Sans · 500 · 20–22px
Body CopyDM Sans · 400 · 13px
Hero DescriptionDM Sans · 400 · 13.5px
Button / CTADM Sans · 500 · 11–12px
Form LabelDM Sans · 500 · 9.5px
Section / Eyebrow LabelDM Sans · 500 · 9–10px
Nav LinksDM Sans · 400 · 12.5px
Footer LinksDM Sans · 400 · 12.5px

04. Voice & Tone

How We Sound

HOF Pack sounds like a knowledgeable friend who happens to run a packaging company. We're clear, warm, and confident. Never corporate or fluffy.

Confident

We know our craft. No hedging, no filler. State things clearly.

Warm

Talk to people, not at them. Be the helpful expert, not the corporate brochure.

Direct

Short sentences. Active voice. Say what you mean on the first try.

Honest

No inflated claims. If it's 8 to 12 days, say 8 to 12 days. Precision builds trust.

Do vs. Don't

✓ Do

We make packaging that brands are proud of.

✗ Don't

We leverage innovative packaging solutions to elevate brand experiences.

✓ Do

Your boxes ship in 8 to 12 days.

✗ Don't

Our industry-leading turnaround ensures expedited fulfillment timelines.

✓ Do

Tell us what you need. We'll handle the rest.

✗ Don't

Submit your specifications and our team will facilitate the production process.

✓ Do

We use recycled materials because it matters.

✗ Don't

Our commitment to sustainability drives our eco-conscious material selection.

✓ Do

Got questions? Call us. Real humans pick up.

✗ Don't

Reach out to our dedicated support infrastructure for comprehensive assistance.

05. Social Media

Platform Guidelines

Each platform has its own energy. Adapt the tone but keep the core voice consistent.

Instagram

Visual first. Short captions. Show the product, not the pitch. Use behind the scenes, unboxing moments, and customer features.

Suggested Hashtags

#CustomPackaging #HOFPack #UnboxingExperience #BrandPackaging #EcoPackaging

LinkedIn

Professional but not stiff. Share industry insights, brand stories, and manufacturing updates. Celebrate milestones without bragging.

Suggested Hashtags

#PackagingDesign #SustainableBusiness #BrandIdentity

Facebook

Community focused. Customer stories, quick tips, seasonal promotions. Respond to comments like a person, not a brand.

Suggested Hashtags

#CustomBoxes #SmallBusinessPackaging #HOFPack

TikTok

Raw and real. Factory floor footage, packing orders, design reveals. No scripts. Let the work speak.

Suggested Hashtags

#PackagingTok #CustomBoxes #SmallBizTok #UnboxingASMR

Content Rules

  • Always use the official logo. Never recreate it in text.
  • Keep captions under 150 words. If you need more, use a carousel.
  • Show real products, real factory footage, real customers. Stock photos break trust.
  • Reply to every comment and DM within 4 hours during business hours.
  • Never bash competitors. Focus on what we do well.
  • Use the brand color palette for any graphics. No neon. No random gradients.
  • Credit customers when sharing their unboxing content.

Quick Reference

Pin this to your team channel.

Display FontCormorant Garamond (headings)
Body FontDM Sans (UI & body)
Brand Green#2d5c3e
CTA / Accent#e8732a
Page Background#f5f3ee
ToneConfident + Warm + Direct
Logo Min Size120px / 1 inch
Social VoiceHelpful expert, not a brochure