FORUM PLAYBOOK
ForumPlaybook.com
Brand Guidelines v2.0
March 2026
Internal Use
FP
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
01
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."
02
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.
03
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.
04
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.
05
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.
06
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.
07
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.