Brand Guidelines · The Wordmark · July 2026
The back office for youth sports.
This guide is the Reliever identity in full: what the mark means, how the system works, and how to use both well.
01 · Introduction
The Idea
Reliever is the back office for youth sports.
It exists for the parent who raised a hand for the kids and got handed the money. The treasurer. The board. The good person now on the hook for dollars they cannot see. In youth sports, every parent volunteers to help the kids. Coaches, refs, the snack table, the fundraiser. But the one job that proves every dollar reached them is the one job nobody's name is on.
The name is the job description. A reliever is the one who steps in and takes the weight. Reliever takes the books, the filings, and the two-year handoff off one tired volunteer's hands, and makes the destination of every dollar something a whole community can see together.
"We put a light on. Not a camera."
- Word to own
- Reached
- Ownable phrase
- Every dollar reached the kids.
- Positioning
- Prove every dollar reached the kids.
- Flag line
- Every dollar, home to the kids.
- Aspiration
- Every dollar accounted for.
- Character
- Plain-spoken · Protective · Steady · Honest
The identity carries the same promise the product makes. High contrast, because nothing is hidden. Exact line work, because the books are exact. Restraint, because in this category restraint is the credibility. And now the name carries the proof itself: an equals sign hidden in the word, standing for the one thing Reliever exists to show, that what came in equals what reached the kids. Reliever speaks plainly, stays warm at the kitchen table, and gets dead serious the moment the money is at risk. Every page of this guide holds that line.
"Visibility removes the opportunity."
02 · The Mark
An Equals Sign, Hidden in the Name
The Reliever wordmark spells the name in one bold line, and does one quiet thing in the middle of it. The second E of Reliever is drawn as an equals sign. Its middle bar and its stem drop away, and the two level bars that remain read as an equals. The word becomes RELI=VER.
It lands in the exact center of the name, so both sides carry the same weight. That balance is the whole idea. An equals sign is the plainest symbol we have for two things being the same, and here it stands for the one thing Reliever proves: what came in equals what reached the kids. The books reconcile. Nothing is hidden on either side of the line. Clean books, made visible, said in a single letter.
"Creating an equal sign using the negative space with the second letter E in the word."
"It falls very conveniently in the middle of the word, so it creates a lot of balance on both sides of the wordmark. It's very simple, very bold."
Anatomy
Look at the fifth letter, and the move appears.
The letter it started as. The device lives where the word's second E would sit. In the construction diagram, a pink guide box marks that letter slot.
What drops out. Take the E and remove its stem and its middle bar. Two level bars are left, evenly spaced, and the eye reads them as an equals sign.
The negative space does the work. Nothing is added. The equals is made only by what is taken away, cut from the letter's own space. That is why the mark stays honest to the name: it is still Reliever, just read a second way.
The balance point. The equals sits at the true center of the word, so RELI on the left and VER on the right weigh the same. The center of the name is the center of the frame.
The character
The wordmark is set in custom lettering: a very bold, high-contrast geometric grotesque, simple and unornamented. The weight is not decoration. The equals device only reads when the strokes are heavy enough to leave a clean open gap between the two bars, and light lettering would close that gap and lose the meaning. The wordmark is drawn, not typed. It is a rhyme with Host Grotesk, the brand's working typeface, not the same thing set large.
The mark, distilled
The equals sign on its own is the reductive mark. Two bars, nothing else, the idea of balance reduced to the smallest thing that still carries it. It is the natural app icon and favicon, and you can see it working that way in the product dashboard in Section 7: the equals holding the sidebar of a live interface. The wordmark introduces the brand; the equals icon signs it where the name is already known.
The equals, alone. The reductive form and intended app icon.
Illustrative. No standalone icon file is part of this release; the idea is documented here, in the construction diagram, and in the product dashboard.
Variant and selection logic
Concept 101 ships one produced form today, plus one that the guide shows but has not yet cut as a file. Use them by this rule.
The wordmark. The full RELI=VER lockup, in black or in white. This is the primary identification and the only production file in the download set. Use it wherever the brand introduces itself: headers, documents, covers, signatures, video frames.
The equals icon. The equals sign alone, for interface corners, app tiles, favicons, and watermarks, where the name is already established or space is very tight. It appears in this guide inside the dashboard mockup as a working app icon. It is not yet a standalone download; treat it as a documented direction, and ask before producing one.
03 · Logo Usage
Black or White. Nothing Else.
The wordmark is used as full black or as full white. That is the entire color rule, and it is the brand's strength. High contrast means nothing is hidden, and it keeps the mark strong across everything from a board report to a video frame. Black artwork goes on light grounds. White artwork goes on dark grounds and photography. No greys, no gradients, no takeover colors, no exceptions.
When a surface floods with Adoption Purple or Alert Orange, the wordmark on it is white. Measured against the system colors, white artwork carries 7.7 to 1 contrast on purple and 3.3 to 1 on orange, both clear of the 3 to 1 floor for graphics. Black artwork is also acceptable on orange, at 5.7 to 1, but never on purple.
Clearspace
The clearspace unit is the equals sign at the center of the wordmark. Keep at least one full equals-height of clear space on all sides. If you cannot measure the equals, use about two thirds the height of the letters; it comes to the same room. The production files already carry roughly one and a half equals-heights of padding inside the artboard, so placing a file edge-to-edge against another element still respects the minimum. When in doubt, give it more room. Space is part of this system.
Minimum sizes
The mark stays legible small, but the equals device sets the floor: the gap between the two bars has to stay open, or the meaning closes with it.
Wordmark: minimum 16 px cap height, about 108 px wide. At that size the equals gap holds about 3 px of clear space and still reads as an equals sign. Below this, do not use the wordmark.
Equals icon: the app-icon proof in the dashboard (Section 7) shows the two bars staying legible at interface tile scale, which is where the reductive mark is meant to live. When the standalone icon file is produced, that placement sets its floor.
Below the wordmark's minimum, switch to the equals icon. Do not letterspace or redraw the wordmark to force it smaller. The production PNG carries generous padding, so size the wordmark by its visible cap height, not by the raw file height: a 16 px cap height renders as a roughly 46 px tall PNG.
16 px cap · minimum
24 px cap
32 px cap
48 px cap
Misuse
The whole mark is one move: a letter turned into an equals sign by its own negative space. Most misuse is someone undoing that move. Never means never.
Black artwork on light grounds. This is the rule working.
Black artwork on the light prism. The prism is a light ground, so it takes the black mark.
Never restore the missing bar. The second E stays an equals sign. Do not add the stem or the middle bar back to make it a normal E.
Never recolor. It is black or it is white. Grey counts as recoloring, and so do the takeover colors.
Never stretch, squeeze, or lighten the weight. The equals only reads at the drawn bold weight. Distortion breaks the gap before your eye knows why it looks wrong.
Never set on a mid-tone ground. Grey fights both artwork colors. If the mark is fighting its background, change the artwork color or calm the ground.
Never add shadows, glows, bevels, or any effect. The mark is flat and exact, like the books should be.
Never on a busy ground where the equals fills in. Any texture that bridges the gap or the letter counters kills the mark. Calm the ground or change the artwork color.
The full never list
Never restore the missing bar. The second E stays an equals sign. Do not add the stem or the middle bar back to make it a normal E.
Never close or fill the gap. The open space between the two bars is the mark. Fill it and you lose the equals.
Never recolor. It is black or it is white. Grey counts as recoloring, and so do the takeover colors.
Never stretch, squeeze, or lighten the weight. The equals only reads at the drawn bold weight. Distortion breaks the gap before your eye knows why it looks wrong.
Never rotate or tilt. The two bars stay level. A tilted equals stops meaning equals.
Never re-space the letters. Balance depends on the equals sitting dead center. Move it and both sides stop weighing the same.
Never outline the wordmark or convert it to strokes. The letters are solid. Their edges do the work.
Never add shadows, glows, bevels, or any effect. The mark is flat and exact, like the books should be.
Never set black artwork on dark or busy grounds, or white artwork on light ones. If the mark is fighting its background, change the artwork color or calm the ground.
Never use the equals sign as a math symbol or punctuation in running text. It is the brand mark. It does not stand in for an equals in a sentence or a sum.
04 · Color
Monochrome Until It Matters
The system lives in black, white, and a few muted greys. They carry about 95 percent of every surface. That restraint is not a style choice sitting on top of the brand. It is the brand. Clean books, made visible: nothing hidden, nothing decorated, everything laid out plainly and easy to scan.
Then color arrives, and when it arrives it takes the entire space.
Color is never an accent. It is a takeover.
Color never appears in this system as a stripe, a badge tint, or a button highlight. It stays out entirely, until something happens that matters. Then a single color floods the whole surface. Two states, two colors:
Adoption Purple. Claimed, adopted, verified. When something is taken on, made the standard, or confirmed, purple takes the whole space. This is the positive takeover, the hero moment, the proof rendered as design.
Alert Orange. Something is wrong. Orange floods the surface the same way, heavy and total and impossible to miss. A problem is never a small dot in a corner. The surface itself changes state.
States over accents. Surfaces shift wholesale. Components never get colored trim. One takeover at a time, and the moment the state resolves, the surface returns to monochrome.
The tokens
Ink
#111111 · 17, 17, 17
Primary text, structure, dark surfaces
Ink Lift
#1A1A1A · 26, 26, 26
Gradient companion on Ink fields only. Never a flat fill, never text
Muted Grey
#6B6B6B · 107, 107, 107
Secondary text, the subtle tones under the black and white
Line
#E8E8E8 · 232, 232, 232
Dividers and quiet structure on light surfaces. On Ink, the secondary text color
Field
#FAFAFA · 250, 250, 250
Quiet section surface, specimen grounds, prism base
Paper
#FFFFFF · 255, 255, 255
Canvas, kept clean and open
#7030B0 · 112, 48, 176
The claimed, adopted, verified takeover. Only ever as a full surface
Carries Paper text only.
#F0600F · 240, 96, 15
The something-is-wrong takeover. Only ever as a full surface
Carries Ink text. Paper at display sizes only.
The artwork's colors. The wordmark artwork is pure black #000000 and pure white #FFFFFF, and it stays that way. Ink #111111 is the reading black for text and interface structure; it is never applied to the wordmark. Keep the two blacks separate: the mark's black is absolute, the system's black is soft enough to read against all day.
Adoption Purple · translucent prism ground
The lavender prism panels in this guide are Adoption Purple rendered at low opacity, about 20 to 30 percent, in layered translucent panels. That is a visual-language ground, documented in Section 6. It is not a new token, and it is not a takeover state.
Expressive ground only. Carries Ink text. Never a state.
Contrast, measured
| Pairing | Ratio | Verdict |
|---|---|---|
| Ink on Paper | 18.9 : 1 | AA and AAA, all sizes |
| Paper on Ink | 18.9 : 1 | AA and AAA, all sizes |
| Muted Grey on Paper | 5.3 : 1 | AA, all text sizes |
| Paper text on Adoption Purple | 7.7 : 1 | AA, all text sizes |
| Ink text on Adoption Purple | 2.5 : 1 | Fails. Never set Ink on purple |
| Ink text on Alert Orange | 5.7 : 1 | AA, all text sizes |
| Paper text on Alert Orange | 3.3 : 1 | Large text and graphics only |
| Black artwork on Paper | 21.0 : 1 | Maximum |
| White artwork on Ink | 18.9 : 1 | AA and AAA |
On purple, text is Paper. On orange, text is Ink. No other combinations.
The takeover, demonstrated
One panel, three states. Change the state and watch the surface, not the trim.
Northside Youth Sports Association · Season Fund
$18,342.71
- Carryover from spring$8,283.15
- Registration fees$9,845.00
- Fall fundraiser$4,212.50
- Equipment and field fees−$2,687.94
- Referee payouts−$1,310.00
Books current. Reconciled July 9, 2026.
Northside Youth Sports Association · Season Fund
$18,342.71
- Carryover from spring$8,283.15
- Registration fees$9,845.00
- Fall fundraiser$4,212.50
- Equipment and field fees−$2,687.94
- Referee payouts−$1,310.00
Verified
Claimed, adopted, confirmed. The whole surface says so.
Northside Youth Sports Association · Season Fund
$18,342.71
- Carryover from spring$8,283.15
- Registration fees$9,845.00
- Fall fundraiser$4,212.50
- Equipment and field fees−$2,687.94
- Referee payouts−$1,310.00
Something is wrong.
One withdrawal has no matching receipt.
Northside Youth Sports Association · Season Fund
$18,342.71
- Carryover from spring$8,283.15
- Registration fees$9,845.00
- Fall fundraiser$4,212.50
- Equipment and field fees−$2,687.94
- Referee payouts−$1,310.00
Books current. Reconciled July 9, 2026.
The rules
Black, white, and muted greys carry about 95 percent of every surface.
Color is binary: fully off, or fully on as a takeover.
Purple means claimed, adopted, verified. Orange means something is wrong.
A takeover floods the entire surface. Never a stripe, tint, trim, or dot.
One takeover at a time. Never both colors on one surface.
The wordmark never wears either color. On a takeover surface, the mark is white.
Muted greys sit under the black and white. They never become a third voice.
05 · Typography
Host Grotesk, the Working Voice
Reliever sets everything in Host Grotesk. One family, doing every job. This page is the first formal documentation of the system: what you see here is the standard.
The pairing logic comes from the mark. The wordmark is custom lettering, a bold geometric grotesque cut heavy enough for the equals sign to read in negative space. Host Grotesk answers it with the same geometric, plainspoken character at working sizes, cleaner and quieter. The wordmark is the signature; Host Grotesk is the handwriting of everything else. The type does the work without raising its voice.
AaBbCcDdEeFf 0123456789
- Family
- Host Grotesk
- Source
- Google Fonts
- Job
- Everything. Display, body, data, labels, interface.
The roles
Display
Clean books, made visible.
Display is uppercase, always: reserved, tightly set, earning its size through weight and space. Sentence case belongs to the body and lede copy, and that is where the warmth lives.
Body
The books, the filings, and the handoff, off one volunteer's hands and visible to the whole community.
Regular weight, generous line height, plain language. Built to be scanned by a tired volunteer at a kitchen table.
Data and labels
Season fund
- Registration fees$9,845.00
- Referee payouts$1,310.00
SemiBold weight at small sizes, with a little extra letter spacing on uppercase labels. Numbers are content here, not ornament. Set them plainly and align them.
The weights
- 300 LightEvery dollar reached the kids.
- 400 RegularEvery dollar reached the kids.
- 500 MediumEvery dollar reached the kids.
- 600 SemiBoldEvery dollar reached the kids.
- 700 BoldEvery dollar reached the kids.
- 800 ExtraBoldEvery dollar reached the kids.
300 Light is for oversized specimen use only, never below 24 px. 400 carries prose and data. 500 carries navigation and interface microcopy. 600 carries labels, subheads, and emphasis. 700 carries section display. 800 carries the hero display and takeover status lines.
The scale
| Level | Preview | Size px | Weight | Line | Tracking | Case | Job |
|---|---|---|---|---|---|---|---|
| display-1 | Aa Reliever 4,812.77 | 48–104 | 800 | 0.95 | −0.03em | Uppercase | Hero H1, one per page |
| display-2 | Aa Reliever 4,812.77 | 32–52 | 700 | 1.02 | −0.02em | Uppercase | Section H2s |
| heading-3 | Aa Reliever 4,812.77 | 24 | 600 | 1.2 | −0.01em | Sentence | Subsection H3s |
| heading-4 | Aa Reliever 4,812.77 | 18 | 600 | 1.3 | −0.005em | Sentence | Card titles, H4 |
| lede | Aa Reliever 4,812.77 | 20 | 400 | 1.55 | −0.005em | Sentence | Section intros, max 62ch |
| body | Aa Reliever 4,812.77 | 16 | 400 | 1.6 | 0 | Sentence | Prose, max 68ch |
| data | Aa Reliever 4,812.77 | 14 | 400 | 1.5 | 0 | Sentence | Tables, specs, tabular numerals |
| caption | Aa Reliever 4,812.77 | 13 | 400 | 1.5 | 0 | Sentence | Figure captions, Muted on light, Line on dark |
| label | Aa Reliever 4,812.77 | 12 | 600 | 1.4 | +0.08em | Uppercase | Kickers, filenames, table labels |
| micro | Aa Reliever 4,812.77 | 11 | 600 | 1.35 | +0.06em | Uppercase | Table headers, swatch hex readouts |
Ten levels. Display sizes flex between the small-screen and desktop values; everything below them holds still. Numbers everywhere use tabular numerals. Emphasis in prose is weight 600, never a slant, never a color.
The rules
Host Grotesk is the only brand typeface. No second family, ever.
The wordmark is custom lettering, not Host Grotesk set large. Never rebuild it in Host Grotesk or any other font, and never set body text in the wordmark's letterforms.
Never condense, stretch, or slant the type artificially. The reserved register comes from weight, case, and spacing.
Keep the display voice quiet. If a headline needs an exclamation point, rewrite the headline.
Write plainly. If a parent at a rink would not say the word, the type should not carry it.
06 · Visual Language
The Functional Standard
The chosen creative direction is called The Functional Standard: black, white, and the takeover. Its one-line idea: clean books, made visible. Everything below is that idea, stated as working principles. They govern every Reliever surface, from a board report to a video frame.
- 01
Clean books, made visible.
High contrast black and white, nothing hidden, nothing decorated, everything laid out plainly and easy to scan. The aesthetic is the audit.
- 02
Read first, admired second.
Every surface is uber-functional: easy to navigate, easy to scan, never cute. Restraint is the trust signal.
- 03
Color is a takeover, not an accent.
Monochrome until it matters, then one color floods the whole surface. States over accents, always.
- 04
Type is the hero.
Strong, simple typography carries the frame as a primary design element, not a label. Reserved display, functional body, and the type does the work without raising its voice.
- 05
Space and silence are part of the system.
Never show everything at once. Generous space is not emptiness; it is the confidence of clean books.
- 06
Inviting fields, not stark voids.
Strict black and white can read cold, and cold is a failure here. Place the mark on complementary, inviting grounds, keep muted warmth in the greys, and let people appear. Money should never feel casual, and the system should never feel unfriendly.
- 07
Balance you can see.
The identity's core move is an equals sign at the center of the name: two level bars, both sides weighing the same. That idea extends into the system as symmetry, centered composition, and a balance point held open. What came in equals what reached the kids, said as form.
- 08
The prism ground.
For hero and section moments the system opens into translucent lavender panels, Adoption Purple rendered soft and layered like blades of light through glass. It is the one place the brand lets the positive color breathe without flooding into a full takeover. Used sparingly, on covers and dividers, it signals what purple always signals here: something good, made visible.
- Never use accent color as decoration, stripes, or button tints.
- Never get cute, and never let money feel casual.
- Never let functional tip into cold or clinical.
- Never crowd the screen. Never show everything at once.
- Never let the prism ground become a takeover; keep it soft, low opacity, and rare.
The prism ground, documented
The signature expressive ground: the black wordmark on layered translucent lavender panels. Adoption Purple, soft and low, never a full flood.
The recipe
The reference set
The direction was built from a reference set. A curated selection is shown here with the creative direction's original notes.
The reference images carry their own ambient colors, including muted greens, rusts, and pinks. Those belong to the references, not to Reliever. The brand palette is Section 4, complete as printed.
07 · Applications
The System at Work
Two applications of the new wordmark: the mark on its signature ground, and the mark reduced to an app icon inside a live product. Each one is doing something this guide documents. The captions say what you are looking at.
The wordmark introduces the brand. The equals icon signs it where the name is already known.
08 · Downloads
Production Files
Two production files today: the RELI=VER wordmark in black and in white, at full resolution with clear space built in. Download them individually below, or take both as one zip. The equals-sign app icon and any stacked or vertical lockups are shown in this guide as directions, not yet as files; when they are produced they will be added here. If you need something that is not here, ask; never rebuild the mark yourself.
| File | What it is | Pixels | Size | Download |
|---|---|---|---|---|
| 101_reliever-id-black.png | RELI=VER wordmark, black artwork, for light grounds | 4022 × 1319 | 40 KB | PNG ↓ |
| 101_reliever-id-white.png | RELI=VER wordmark, white artwork, for dark grounds | 4022 × 1319 | 38 KB | PNG ↓ |
No standalone icon file and no vertical lockup are part of this release.
Both files are transparent PNGs. The white-artwork file will look empty against a white page; it is not. The equals-sign app icon and the vertical or stacked lockups are not yet produced. Ask before recreating them.