Brand guide

How ShoUp looks, sounds, and shows up.

A reference for anyone building alongside ShoUp: designers, print vendors, partners, or a system rendering our name on its own page.

"The thing that shows up for my clients when I can't." Every design choice here serves that one line.

Download logo pack SVG + PNG + favicon · 36KB

Logo

The wordmark performs the verb: sho sits low, up steps physically higher, .ai trails quiet. The eye reads a literal step up.

On white or wash

On ink or a dark ground

Marks. The up monogram carries the wordmark's move into a single glyph pair, for anywhere the full wordmark won't fit.

Light bg

Dark bg

App icon tile

Clear space: leave at least the height of the mark's u free on every side. Keep the wordmark no smaller than about 24px tall on screen, or 15mm in print, it starts to lose the step below that.

×Don't recolor
shoUp.ai

Oxblood and teal only. Never purple, blue, or an off-brand tint.

×Don't stretch
shoUp.ai

Lock the aspect ratio. Scale proportionally, always.

×Don't bury it
shoUp.ai

Keep it on white, wash, or ink. Never a busy or low-contrast ground.

Color

Restrained on purpose. Two brand colours on white. The room is white, colour is the signal, it only appears where it earns its place.

Primary & accent
Oxblood clay
#7A2E2E · hover #5E2222
The anchor. Headline emphasis, secondary buttons, the "up" in the wordmark.
Deep teal
#2C6E66 · hover #245A53
Motion and the "reached" state. Primary buttons, links, the call log dot.
Ink & neutrals
Umber ink
#1C1814
Primary text.
Ink soft
#5A514A
Secondary text.
Ash taupe
#7D7264
Muted and meta text, mono labels.
Wash
#FAF8F4
App canvas, cards float on it.
Paper white
#FFFFFF
Cards and surfaces.
Semantic
Success
#2C6E66 (reuse accent)
Reached, done.
Warning
#C77D2E
Ochre, needs attention.
Error
#B23A2E
Kept distinct from oxblood so an error never reads as the brand.

Typography

Three faces, three jobs. Never swap them between roles.

Display & headlines · Bricolage Grotesque
The thing that shows up
when you can't.
Weights 700 / 800 · line-height 1.0–1.05 · letter-spacing −0.025 to −0.03em
Body & UI · Hanken Grotesk
An outbound agent phones each client on a schedule, chases until reached, runs the coach's question set, and hands off to the human coach for the monthly call.
Weights 400 / 500 / 600 / 700 · line-height 1.6
Data & ledger · IBM Plex Mono
06:40 called James R. reached, 3m 07:15 called Priya K. no answer, retry 09:00
Weights 400 / 500 · tabular figures

The call log

The signature device. A persistence ledger, timestamped rows, a teal dot on every reached call. It's the brand's proof-of-presence, and the smallest unit of the whole system is that one dot.

06:40called Sarah M.reached, 3m
07:15called Marcus D.reached, 2m
08:02called Priya K.no answer, retry 09:00
09:00called Priya K.reached, 4m

A filled dot means reached, an open ring means a miss, always paired with the word. Never colour alone.

Spacing & shape

An 8px base unit. Radius stays restrained, never bubbly.

4px
8px
16px
24px
32px
48px
64px
sm · 8px
buttons, inputs
md · 12px
small cards
lg · 18px
large cards
pill
tags, dots

Voice

Direct, plain-spoken, anti-fluff, confident. The great coach who has your back but won't let you off the hook.

SayCalls, chases, shows up, slips. Sentence case in headings and buttons. No em or en dashes, anywhere.
Don't sayEngages, nurtures, leverages, powered by, revolutionary, next-gen, unlock, automation platform.
The filterWould a sharp, warm coach who actually shows up say it, or wear it? If it's hype or fluffy, it's off-brand.

Building something with the ShoUp name on it?

ShoUp is white-label: the brand is said coach-to-coach, never spoken to end clients by the voice agent itself. Questions on using it correctly, bryan@shoup.ai.