Document MS-BS-001
Spec sheet
4 products · 1 system
Brand
System.
A unified visual and verbal spec for Matside Wrestling Co. and its sub-products SignupSignin, MatPass, and WrestleFA. Built so each can stand alone — and instantly read as family.
One parent. Three sub-products. Shared DNA.
Matside Wrestling Co. is the parent brand and the visual anchor. SignupSignin, MatPass, and WrestleFA are sub-products with their own personalities — but they inherit Matside's spine: Midnight Navy, Steel Blue, Inter, and a flat, technical layout language.
PARENT BRAND · 01
SUB-PRODUCT · 02
Volunteer coordination & event check-in. The friendly, accessible face of the family.
SUB-PRODUCT · 03
MatPass
Wrestler eligibility & compliance. The urgent, no-nonsense decision layer.
SUB-PRODUCT · 04
WrestleFA
Free agent marketplace. Matches wrestlers with teams & tournament boards.
P · 01
Inherit, don't invent
Each product pulls from a shared spine. New tokens only when the family system can't express it.
P · 02
Distinct accents
Each product owns one signature accent — Steel Blue, Royal Blue, Mat Red — never used outside its product.
P · 03
Inter is family
Inter unifies all UI body copy. Display fonts shift per product personality.
P · 04
Structure over decoration
Flat, gridded, technical layouts. No gradients, no shadows, no rounded mush.
Four marks, one rhythm.
Each logo lives on its own canvas color. All four follow the same construction logic: a wordmark with one accent element. Clear space equals the cap-height of the dominant letter.
MarkMATSIDE WRESTLING CO.
CanvasMidnight Navy #0A0F1A
AccentSteel Blue #3B82C4
TypeMontserrat 800 / 600
MarkSIGNUPSIGNIN
CanvasPrimary Blue #2E4A7D
AccentLight Blue #93C5FD
TypeInter 700 / 400
MatPass
◆ Proposed v1
MarkMATPASS — Proposed
CanvasWarm Light #E8E5DF
AccentMat Red #D92D20
TypeAnton Regular
WrestleFA
◆ Proposed v1 · Option C
MarkWRESTLEFA — Proposed
CanvasMidnight Navy #0A0F1A
AccentSignal Amber #F59E0B
TypeMontserrat 800
Construction & clear space
CLEAR SPACE = X
X = CAP HEIGHT OF "M"
MINIMUM SIZE
MATSIDE
DIGITAL · 80px W
MATSIDE
PRINT · 0.75in W
DO
- 01Place each logo on its designated canvas color
- 02Maintain X clear-space on all sides
- 03Use the supplied lockup as a single unit
- 04Scale proportionally only
DON'T
- 01Recolor outside each product's palette
- 02Add shadows, outlines, or gradients
- 03Place on busy or low-contrast backgrounds
- 04Swap MatPass's red/black split
A shared spine, four colored bodies.
The master palette is owned by Matside and inherited by all three sub-products. Each product then layers its own signature accent on top. SignupSignin's Royal Blue, MatPass's Mat Red, and WrestleFA's Signal Amber are product-exclusive — they never appear in another product's UI.
Master palette · shared by all four
6 tokens
INK
CONNECT
PAPER
MUTED
RULE
DEEP
Matside Wrestling Co. · parent
Inherits master · owns Steel Blue
PARENT · 01
MATSIDE
DARK FIRST · STEEL ACCENT
BG
FG
ACCENT
HOVER
MUTED
SignupSignin · sub-product
Owns Royal Blue + Success Green
SUB · 02
signUp / signIn
FRIENDLY · ACCESSIBLE
PRIMARY
PAPER
HIGHLIGHT
SUCCESS
HOVER
MatPass · sub-product
Owns Mat Red — use sparingly
SUB · 03
MatPass
URGENT · DECISIVE
CANVAS
INK
ALERT
SECONDARY
INVERT
WrestleFA · sub-product
Owns Signal Amber — draft-board energy
SUB · 04
WrestleFA
DRAFT BOARD · AMBER ACCENT
BG
FG
SIGNAL
HIGHLIGHT
DEEP
EXCLUSIVITY RULES
- 01Mat Red — MatPass only. Never appears in other product UI.
- 02Royal Blue (#2E4A7D) — SignupSignin only. Distinct from Matside's Steel Blue.
- 03Signal Amber (#F59E0B) — WrestleFA only. Never paired with Mat Red.
- 04Steel Blue (#3B82C4) — connects products. Allowed as accent in any.
- 05Midnight Navy — neutral anchor. Can appear as text or BG anywhere.
RATIO GUIDELINES
- 0160% neutral (ink + paper) · 30% product primary · 10% accent
- 02Mat Red never exceeds 5% of any view
- 03Success Green only on confirmation states, never decoration
- 04Maintain WCAG AA contrast (4.5:1) for all body text
Inter is family. Display fonts shift per product.
All four products share Inter for body and UI — that's the unifying thread. Display fonts diverge to express each brand's personality: Montserrat for Matside, SignupSignin & WrestleFA (geometric, modern), Anton for MatPass (heavy, urgent, compliance voice).
MONTSERRAT — DISPLAYMATSIDE · SIGNUPSIGNIN · WRESTLEFA
Built for the mat.
Designed to scale across the family.
ANTON — DISPLAYMATPASS ONLY
DON'T FIND OUT ON MATCH DAY.
No clearance. No guesswork.
INTER — BODY & UIALL PRODUCTS
Inter is the family's connective tissue. Every dashboard, form, and microcopy element across all four products uses it.
Use Inter Regular for paragraph text and dense UI surfaces. Use Inter Medium for labels and active states. Inter SemiBold and Bold are reserved for headings within Matside, SignupSignin, and WrestleFA where Montserrat would feel too marketing-heavy.
Type scale (rem · 16px base)
| Token | Size | Line | Weight | Letter | Use |
|---|---|---|---|---|---|
| display/xl | 88 / 5.5r | 0.92 | 800 | −2% | Hero — Matside, SUSI & WrestleFA marketing |
| display/lg | 64 / 4.0r | 0.95 | 800 | −2% | Section heads |
| display/anton | 72 / 4.5r | 0.92 | 400 | +0.5% | MatPass hero only |
| h1 | 40 / 2.5r | 1.1 | 700 | −1% | Page titles |
| h2 | 28 / 1.75r | 1.2 | 700 | −1% | Section titles |
| h3 | 20 / 1.25r | 1.3 | 600 | −0.5% | Sub-section |
| body/lg | 16 / 1.0r | 1.55 | 400 | 0 | Lede / intro |
| body | 14 / 0.875r | 1.5 | 400 | 0 | Default UI |
| body/sm | 13 / 0.812r | 1.45 | 400 | 0 | Tables · dense UI |
| label | 11 / 0.687r | 1.4 | 600 | +8% | Mono uppercase labels |
| caption | 10 / 0.625r | 1.4 | 500 | +12% | Footnotes · metadata |
One spine. Four temperatures.
All four brands speak directly and avoid fluff. They differ in temperature: Matside is confident and competitive, SignupSignin is helpful and warm, MatPass is urgent and absolute, WrestleFA is athlete-empowering and opportunity-forward. The same writer should be able to draft for any of them by adjusting one dial.
Direct
Shared trait · 01
No fluff
Shared trait · 02
Outcome-clear
Shared trait · 03
Performance-led
Shared trait · 04
MATSIDE · 01
Run better tournaments. Build better wrestlers.
ToneConfident, performance-focused
AttributesCompetitive · Clean · Modern · Tough
Says"Designed to scale." · "Serious athletes only."
AvoidsHype, slogans, exclamation points
SIGNUPSIGNIN · 02
Organize your volunteers without the chaos.
ToneHelpful, low-friction
AttributesSimple · Efficient · Friendly · Reliable
Says"You're checked in." · "Zero friction."
AvoidsJargon, technical density, gates
MATPASS · 03
Don't find out on match day.
ToneUrgent, decisive
AttributesAuthoritative · Urgent · Reliable · No-nonsense
Says"No clearance, no guesswork." · "Cleared."
AvoidsSofteners ("maybe", "could"), playful copy
WRESTLEFA · 04
Get seen. Get matched.
ToneAthlete-empowering, opportunity-forward
AttributesConfident · Visible · Fast · Recruitment-grade
Says"Available now." · "Open to offers." · "On the board."
AvoidsDesperation language, gatekeeping, salesy hype
SHARED RULES
- 01Lead with the outcome, not the feature
- 02Sentences under 14 words wherever possible
- 03Active voice; second person ("you") when addressing users
- 04No emoji in product UI. No exclamation points outside MatPass alerts.
WHEN IN DOUBT
- 01Matside → does it sound like a coach, not a marketer?
- 02SignupSignin → could a tired volunteer parent read this?
- 03MatPass → would a referee trust this?
- 04WrestleFA → would a recruited athlete feel seen?
- 05If the line could appear in any of the four, it's probably too generic. Sharpen it.
WrestleFA — the free-agent draft board.
WrestleFA matches free-agent wrestlers with teams and tournament boards. The brand pulls from the Matside spine — Midnight Navy, Inter, flat technical layouts — and adds Signal Amber as its signature accent: the color of "available now" lights on a draft board. Athlete-empowering voice ("Get seen. Get matched."), recruitment-platform polish, draft-day urgency.
01 · Logo explorations
OPTION A
WrestleFA
Roster card stack — emphasizes pool of talent
OPTION B
WrestleFA
Pennant / tag — recruitment, "claimed" feel
OPTION C
WrestleFA
Bolt — speed of match, signal energy
OPTION D
WrestleFA
Athlete silhouette w/ amber base — recommended
FAMILYMontserrat 800
SPLITWrestle (white) / FA (amber)
TRACKING−2%
CLEAR SPACECap-height of W
02 · Athlete profile card
◆ Available
157
Marcus Reyes
Sr · Iowa Central · 157 lb
RECORD28–4
PINS14
RANK#7
Listed 2d ago
● ON THE BOARD
Card uses Anton for weight class & jersey number — ties back to MatPass display lineage.
03 · Tournament free-agent board
| WT | Athlete | School | Rec | Status |
|---|---|---|---|---|
| 125 | D. Thompson | Cornell C. | 22–6 | Available |
| 133 | J. Okafor | NC State | 19–8 | Matched |
| 141 | A. Salazar | Lehigh | 25–3 | Available |
| 157 | M. Reyes | Iowa Central | 28–4 | Available |
| 174 | K. Bauer | Penn State | 30–2 | Locked |
| 197 | R. Castillo | Oklahoma | 21–7 | Matched |
Status pills: Amber = Available · Green = Matched · Gray = Locked. Never use red — that's MatPass territory.
WRESTLEFA DO
- 01Lead with athlete identity — name, weight, record, status
- 02Use Signal Amber for "Available" and active CTAs
- 03Pair Anton (numbers/weights) + Montserrat (names) + Inter (UI)
- 04Status pills always show real-time state
WRESTLEFA DON'T
- 01Don't mix Signal Amber with Mat Red — they fight
- 02Don't use the word "free agent" derogatorily — these are recruited athletes
- 03Don't gate availability behind paywalls in the UI; visibility is the product
- 04Don't add hype-mark exclamation points; let the amber do the work