![The white RELIEVE[R] wordmark centered on a deep black field crossed by translucent Adoption-Purple prism panels, stacked like blades of light](assets/applications/prism-hero-2560.jpg)
Brand Guidelines · Concept: Expected Value E[R] · Version 1.0 · July 2026
The back office for youth sports.
This guide is the Reliever identity in full: what the mark means, how the math 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. This time the name says it out loud. The wordmark completes itself as the math for a dependable outcome, so the mark and the mission read as one line. High contrast, because nothing is hidden. Exact line work, because the books are exact. Restraint, because in this category restraint is the credibility. 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
The Name Is the Equation
The Reliever wordmark reads RELIEVE[R], and it is built so the tail of the name spells the way statisticians write an expected value. Read it once and it says the company name. Read it again and it says Reliev, then E[R]: the notation for the value you can reasonably expect. Name and idea are the same set of letters.
There is one promise underneath the whole thing:
When Reliever is part of the equation, organizations can expect better outcomes.
What E[R] means
In probability and statistics, an expected value is written E[X]. The E is the expectation operator, the instruction to work out what a thing is worth over the long run. The letter inside the brackets is the thing being evaluated. Written out, E[X] equals the sum of every possible outcome multiplied by how likely it is: each result, weighted by its probability, added up, to give the value you can reasonably expect over time.
The Reliever mark makes one substitution. It replaces the conventional X with R, so the notation becomes E[R]. The R stands for Reliever, and more broadly for the results, the reliability, and the return the platform creates for a youth-sports organization. Placing R inside the brackets says something specific: Reliever is the value being calculated. A more organized, dependable, effective way to run the operational work behind youth sports.
The equation mirrors what the platform actually does. A youth-sports organization is juggling many variables at once: registration, scheduling, payments, communication, compliance, staffing, and the day-to-day administration. Reliever brings them into one back office. It turns operational uncertainty into clearer, more predictable outcomes. The math completes the word, and the word carries the idea, so the whole thing lands as one mark: intelligent, distinctive, and simple in its promise.
Anatomy
Name the parts, and the equation appears.
![The RELIEVE[R] wordmark: geometric-grotesque capitals RELIEV, an italic serif expectation operator E, a bracketed R, and a small trademark](assets/logos/102_reliever-id-primary-black.png)
RELIEV. The opening of the name, set in geometric-grotesque capitals: even weight, open counters, plainspoken and modern. This is the brand's everyday voice, doing the reading.
The expectation operator. The final E is drawn as an italic serif E, the mathematical convention for the expectation operator. Its slanted stress and serif detailing separate it cleanly from the grotesque capitals in front of it, so the eye catches the switch from name to notation. It is the E of RELIEVE and the E of E[R] at the same time.
The bracketed variable. The closing R sits inside square brackets, [R], the value being evaluated inside an expectation. This bracketed R is also the standalone icon, explained below.
The variable R. The value inside the brackets: Reliever, and the results, reliability, and return it creates.
The trademark. A small TM sits at the upper right of the wordmark.
How it is drawn
Two typographic voices meet in one line. The grotesque capitals of RELIEV are geometric, even, and modern. The italic serif expectation operator is a deliberate reference to mathematical typesetting, the way an equation is set in a textbook. The pairing is the point: the working voice of the platform, and the language of a calculated, dependable result, drawn as one word.
The [R] icon
![The bracketed [R] icon, black artwork](assets/logos/102_reliever-icon-black.png){kind=icon}
The bracketed [R] is the reductive mark: the whole idea shrunk to two brackets and a letter. It carries everything the wordmark says, because the wordmark's meaning lives in the brackets. Reliever is the value inside them. This is the form that becomes the app icon and the product tile, and it is the mark you reach for when the name is already on the screen or the space is small. In the product dashboard shown in Section 7, the [R] icon sits in the top-left of the sidebar as the application's tile.
A note on the variant set
Concept 102 ships in two forms: the RELIEVE[R] primary wordmark and the [R] icon, each in black artwork and white artwork. There is no stacked or vertical lockup in this set. Use the horizontal wordmark and the icon as documented; do not build a vertical lockup from these files.
03 · Logo Usage
Black or White. Nothing Else.
The logo 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.
Wordmark or icon
The RELIEVE[R] wordmark is the primary identification. Use it wherever the brand introduces itself: headers, covers, documents, email signatures, marketing, the first frame of a video. The wordmark is the only form that carries the full idea in plain sight, so it leads anywhere someone is meeting Reliever for the first time.
The [R] icon is the reductive mark. Use it where the name is already established or space is tight: app icons and product tiles, favicons, interface corners, watermarks, and social avatars. It carries the whole idea at small size because the meaning lives in the brackets.
When both could work, ask whether the viewer already knows they are looking at Reliever. If yes, the icon is enough. If not, use the wordmark.
The variants
![RELIEVE[R] wordmark, white artwork, on an Ink ground](assets/logos/102_reliever-id-primary-white.png)
![[R] icon, white artwork, on an Ink ground](assets/logos/102_reliever-icon-white.png){kind=icon}
When a surface floods with Adoption Purple or Alert Orange, or carries the purple-prism ground from Section 6, the mark on it is white. Measured against the system colors, white artwork carries 7.7 to 1 contrast on Adoption Purple and 3.3 to 1 on Alert 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 bracket height: the full height of one square bracket in the mark, which is the tallest element in both the wordmark and the icon. Keep at least one bracket height of clear space on all sides of the wordmark or the icon. The production files already carry roughly half to three quarters of a bracket height of padding inside the artboard, so placing a file edge-to-edge against another element still respects most of the minimum. When in doubt, give it more room. Space is part of this system.
Minimum sizes
The mark was drawn to survive small, and the brackets are what protect it. Below the sizes here the italic serif E and the square brackets start to close up, and the equation stops reading.
[R] icon: recommended minimum 24 px tall. In the product dashboard in Section 7 the icon runs as the sidebar app tile and stays fully legible at app-tile scale; that is the working proof behind this floor. Below 24 px, test on the real surface before shipping.
RELIEVE[R] wordmark: recommended minimum 20 px tall (bracket height), which holds the grotesque capitals near 14 px. Below this, switch to the [R] icon rather than shrinking the wordmark further.
Below a wordmark's minimum, switch to the [R] icon. Below the icon's minimum, use nothing.
![A 100 percent crop of the product dashboard sidebar, with the black [R] icon holding the top-left as the application tile](assets/applications/dashboard-mark-crop.png)
Icon · 24 px
Icon · 28 px
Icon · 40 px
Wordmark · 24 px
Wordmark · 32 px
The app tile
The [R] icon is the app-icon device. On a tile it sits centered, with at least a quarter of the bracket height of safe area on all sides. The rounded corner shown here is the only rounded element in this guide, an iOS superellipse-style app tile. The mark is black on a light tile and white on a dark one. A flat Adoption-Purple tile is the one sanctioned place the mark meets a flat takeover color: the claimed, adopted app tile, white mark at 7.7 to 1.
Black [R] on a light tile
White [R] on an Ink tile
White [R] on the claimed purple tile
The download set ships the transparent [R] mark only. No tile-background file exists; the tile is a placement rule, not an asset. Dashed lines mark the safe area.
Misuse
The mark is an equation. Most misuse is someone breaking the math. Never means never.
Black wordmark on light grounds. This is the rule working.
White mark on the prism ground. The one sanctioned dramatic exception, white artwork on the bright band.
Never remove or change the brackets. The value lives in the brackets. R without them is just a letter; [R] is the expected value. The brackets are square, never rounded, never parentheses.
Never set the expectation operator upright. The final E is an italic serif on purpose, the notation for expectation. Straightening it, or swapping it for the grotesque E, breaks the equation and the idea.
Never recolor the mark. It is black or it is white. Grey counts as recoloring. So do the takeover colors.
Never stretch or squeeze. The mark is drawn on a strict grid. Distortion breaks it before your eye knows why it looks wrong.
Never place on a busy or takeover ground. Black on dark or busy, white on light, or the mark on a flat purple or orange takeover: all wrong. The purple-prism ground is the one sanctioned exception, white mark only.
Never add shadows, glows, bevels, or any effect. The mark is flat and exact, like the books should be.
More nevers, in words: never respace the letters to hide the equation; never rotate or tilt the mark, the only slant is the italic E and it is already drawn in; never outline the mark or convert it to strokes; never redraw the wordmark or set it in a font; never use the [R] icon as a letter inside a word; never delete the TM.
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. On Ink, the secondary text color, at 15.4 to 1
Field
#FAFAFA · 250, 250, 250
Quiet section surface, specimen grounds
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 logo artwork is pure black #000000 and pure white #FFFFFF, confirmed by pixel-sampling every production file, and it stays that way. Ink #111111 is the reading black for text and interface structure; it is never applied to the mark. Keep the two blacks separate: the mark's black is absolute, the system's black is soft enough to read against all day.
The purple-prism ground. Section 6 documents a purple-prism ground: translucent Adoption-Purple glass panels layered over black, used as the brand's signature expressive drama. That ground is a visual-language treatment, not a new token, and it does not change the takeover rule. Adoption Purple and Alert Orange still appear as full-surface states only; the prism ground never becomes an accent, a trim, or a tint on a component.
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.
Prism is a ground, not a state
The purple-prism ground is expressive atmosphere that carries the mark; a takeover is a flat, full-surface state that carries type. The two are different registers and must never be confused.
![The white RELIEVE[R] wordmark on the purple-prism ground: translucent Adoption-Purple blades over black](assets/applications/prism-hero-1200.jpg)
![A product dashboard mockup on a light ground, with the black [R] icon in the sidebar](assets/applications/dashboard-2000.jpg)
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 logo never wears either color. On a takeover or prism 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 carries two voices: geometric-grotesque capitals for the name, and an italic serif expectation operator for the math. Host Grotesk answers them with a clean, modern, plainspoken voice for everything else. The mark is the signature; Host Grotesk is the handwriting of the whole system. 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 |
| 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 and figure labels, 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's italic serif expectation operator is drawn for the mark. It is never loaded as a webfont, never set as running type, and never used anywhere but inside the mark itself. No serif face is ever loaded on a Reliever surface.
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
The prism is the brand's drama.
When the system reaches for expression, it does it with the purple-prism ground: translucent Adoption-Purple panels stacked over black like blades of light. It is the one place the brand gets cinematic, and it stays disciplined. White mark, low-opacity panels, and always in service of the words.
The purple-prism ground
The signature expressive ground is a set of translucent Adoption-Purple panels layered over deep black, catching light at their edges like stacked blades of glass. It is the brand's dramatic register, used for covers, hero frames, section dividers, and title cards. Three rules hold it in line: the mark on it is always white; the panels stay low in opacity so the wordmark reads first; and the ground never leaks into the documentation core, where diagrams need to stay monochrome. The prism is drama, not decoration, and it does not change the color system in Section 4.
- 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 purple-prism ground overpower the mark or invade the documentation core.
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: the brand at full drama, and the brand at working scale inside a product. Each one is doing something this guide documents. The captions say what you are looking at.
Money should never feel casual, and the system should never feel unfriendly.
08 · Downloads
Production Files
Four production files: the RELIEVE[R] wordmark and the [R] icon, each in black and in white, at full resolution with clearspace padding built in. Download them individually below, or take the complete set as one zip. If you need something that is not here, ask; never rebuild the mark yourself.
| File | What it is | Pixels | Size | Download |
|---|---|---|---|---|
| 102_reliever-id-primary-black.png | RELIEVE[R] wordmark, black artwork, for light grounds | 4831 × 1637 | 66 KB | PNG ↓ |
| 102_reliever-id-primary-white.png | RELIEVE[R] wordmark, white artwork, for dark grounds | 4831 × 1637 | 62 KB | PNG ↓ |
| 102_reliever-icon-black.png | [R] icon, black artwork, for light grounds | 1679 × 1637 | 20 KB | PNG ↓ |
| 102_reliever-icon-white.png | [R] icon, white artwork, for dark grounds | 1679 × 1637 | 19 KB | PNG ↓ |
Concept 102 ships as the wordmark and the icon only. There is no vertical or stacked lockup in this set. If a square or tall format needs the brand, use the [R] icon.
All files are transparent PNGs. The white-artwork files will look empty against a white page; they are not.