Forum Playbook Brand Guidelines v2

⎇

FORUM PLAYBOOK

ForumPlaybook.com

Brand Guidelines v2.0
March 2026
Internal Use

FP-000 / BRAND GUIDELINES

2026

FORUM
PLAYBOOK
BRAND GUIDE.

Forum Playbook is a Resource Hub for Forums, Moderators, & Facilitators. This gets updated frequently so you don't have to make the same decisions twice. (Right now it's mostly just for me, you, and other AI. But still.)

COLOR SYSTEM

Foundation

Pitch

Nav · headings · footer

#0E0E0C

Burn

Primary accent · CTA · logo mark

#E8521A

Linen

Page background

#F0EBE0

Linen Dark

Section alternates · search bar

#E8E2D6

Accent

Brick

Warm wave 1 · hero stripe

#B83A14

Gold

Warm hover wave 1

#D4A832

Teal

Warm wave 2 landing · cool wave 1

#3A8A8A

Blue

Cool wave 2 landing · video hover

#2A6E9A

Neutral

White

Card backgrounds

#FFFFFF

Border

Section dividers · hairlines

#C8C0B4

Dust

Decorative · muted text

#C4B8A8

Deep Dust

Ghost button text · dark body

#4A4038

TYPOGRAPHY

Display / Headings

Big Shoulders Display
700 · 900 weight
All caps · −1px tracking

A RESOURCE
HUB FOR
FORUMS

700 — Heading

900 — Display

Labels / UI / Mono

DM Mono
400 · 500 weight
All caps · +0.12em tracking

[ TOOLS ]

FP-001 · Updated March 2026 · v2.1

400 — Meta

500 — Label

Web Body Copy

DM Sans
300 · 400 weight
1.65 line height
Web only

Templates, frameworks, and guides.

300 — Body

400 — UI

Document Body Copy

Roboto
400 · 700 weight
1.6 line height
Docs & print only

Clearing rounds are a necessary best practice to open each meeting for the health of the group.

400 — Body

700 — Bold

Document Chrome

Consolas
400 · 700 weight
Header & footer only

⎇ FORUM PLAYBOOK

ForumPlaybook.com

400 — URL

700 — Mark

LOGO & LOCKUP

⎇

FORUM PLAYBOOK

ForumPlaybook.com

⎇

FORUM PLAYBOOK

ForumPlaybook.com

⎇

FORUM PLAYBOOK

ForumPlaybook.com

⎇

FORUM PLAYBOOK

ForumPlaybook.com

⎇

FORUM PLAYBOOK

ForumPlaybook.com

⎇

FORUM PLAYBOOK

ForumPlaybook.com

BUTTON SYSTEM

↓ DOCX

Primary — Warm
Burn → Gold → Teal

↓ PDF

Secondary — Warm
Transparent → Gold → Teal

↗ Drive

Ghost — Cool
Transparent → Teal → Blue

Who Built This?

Nav CTA — Warm
Pitch → Gold → Teal

      HOVER SYSTEM — Two-wave sweep: Wave 1 at 0s, Wave 2 at 0.32s delay, both 0.5s duration · Lift: translateY(−2px) · Shadow matches landing wave color at 50% opacity
    

DOCUMENT SYSTEM

        ⎇
        FORUM PLAYBOOK
          
        [ FACILITATION TOOLS ]
          │  
        DOCUMENT
         
        CLEARING ROUND & REPAIR PROCESS
          │
        v1.1
        │
        Updated: March 2026
        │
        ForumPlaybook.com
      

[ FACILITATION TOOLS ]

CLEARING ROUND & REPAIR PROCESS

v1.1 Updated: March 2026 ForumPlaybook.com

Clearing rounds are a necessary best practice to open each meeting for the health of the group. It’s not always about conflict; it’s about clearing anything that may be preventing the group from being as vulnerable, respected, and connected as they can be.

        
          ⎇
          FORUM PLAYBOOK
          A Resource Hub for Forums, Moderators, & Facilitators
        
        ForumPlaybook.com

      HEADER — Consolas · single line · 2pt Burn bottom rule · ⎇ mark + brand name + category (Burn) + pipe separators + document name + version + date + URL

      BODY — Roboto 400/700 · document content

      FOOTER — Consolas · single line · 0.5pt Border top rule · ⎇ mark + brand name + tagline (left) · URL (right-tabbed)

↗ View Example Doc

VOICE & TONE

✦ Is

Direct and confident. Says what it means.

Casually self-aware. Doesn't take itself too seriously.

Practical. Every word earns its place.

Warm but not soft. Precision with personality.

Facilitator-first. Speaks to the person running the room.

Is Not

Corporate or jargon-heavy

Inspirational poster energy

Overly formal or academic

Vague or hedge-y

Trying to be a guru

USAGE RULES

Logo positions only

⎇ FORUM PLAYBOOK is a visual mark. Use it in headers, footers, and nav. Never in running text, file names, or anything a search engine reads. SEO-facing text is always "Forum Playbook."

ADA always

All text on linen must pass 4.5:1 contrast minimum. Never use #A89880 or lighter as body text. Ghost button text is always #4A4038. Dust (#C4B8A8) is decorative only.

Content stays in Drive

Resources live in Google Drive. Videos live on YouTube. The site auto-syncs. Never add content by editing code. File names drive sort order: prefix "00_" to pin to top.

Two-wave hover only

Every interactive element uses the locked wave system. Warm family lands on Teal. Cool family lands on Blue. No other hover styles. No exceptions for "simpler" buttons.

No frameworks

The site is vanilla HTML, CSS, and JS. No React, Vue, or build step. No Webflow, Squarespace, or CMS. This is intentional. Keeps costs at ~$1.25/month forever.

Doc versioning

Every resource document carries a version number (v1.0, v2.1), category label, and version in the header. Update the version when content changes. Format: vMAJOR.MINOR.

Document body copy

Body copy in all resource documents is set in Roboto (400 for body, 700 for bold). Header and footer chrome is Consolas. Never use DM Sans or DM Mono in printed or downloaded documents.