The logos, the colours, the rules.
Writing about Upsyde Yard, building a deck, or setting up a tool that wants our brand? Take what you need — no form, no sign-in, no permission to ask for. The whole kit is one file.
- Three logo lockups — transparent PNG
- colors.txt — every hex, in slot order
- fonts.txt — font slots and Google Fonts links
- logo-animation-spec.txt — the 2-second “Stamp” build
- README.txt — usage rules in full
Three lockups. Transparent PNG.
Ink on transparent, cropped tight — so the clear space comes from your layout, not from the file.
Paper, ink, and one red.
If a brand tool asks for four colours, give it the first four in this order. Tap any value to copy it.
THE FOUR
THE REST
Verified Green and Amber are status colours, not accents. Green means a product was checked by a human; amber means a deal is in talks. Borrowing either for a button quietly claims something that isn’t true — anything that needs to pull the eye uses Stamp Red.
Two families, three jobs.
Both are on Google Fonts, so there is nothing to license and nothing to ask us for.
Most good software dies of silence.
Sentence case, never all-caps. Italic is for one emphasis word in a line — nothing else.
Every listing is checked by a human. Every deal is written down.
Long-form copy sits at 16–20px. Below 15px it stops reading like a document.
VERIFIED SHIPPED
Eyebrows, status chips, ledger keys. Never a sentence — labels name a thing and stop.
https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,400..700;1,6..72,400..700&family=IBM+Plex+Mono:wght@400;500;600&display=swap
Short list. Please keep to it.
DO
- Give it clear space.
The height of the “U” on all four sides. The files are cropped tight, so the padding has to come from your layout.
- Put it on Paper or Ink.
The mark is ink on transparent. It holds on #F7F3EC, on white, and reversed out of a dark set.
- Keep the red rule.
The Stamp Red bar under the “UY” is part of the mark, not decoration on top of it.
DON’T
- Don’t recolour the mark.
Not to match a deck, not to match a partner palette. Ink, or reversed — that’s the whole range.
- Don’t fill the square.
The frame is a 2.5px stroke around nothing. Filling it turns a stamp into a badge.
- Don’t reset the wordmark.
“Upsyde Yard” is Newsreader Medium 500. Retyping it in anything else is a different company’s logo.
- Don’t stretch, rotate, or add effects.
No gradients, no drop shadows, no outline glow. Scale it proportionally and leave it alone.
“Stamp” — two seconds, one gesture.
There is no video file to hand out yet. This is the brief it gets built from, so anyone animating the mark for a film or an end card builds the same two seconds. Transparent background, 30fps, no audio — no spin, no bounce, no gradient sweep.
- 0.00sTransparent. Nothing on screen.
- 0.10sSquare draws in, top-left to bottom-right — 0.35s, ease-out, 2.5px ink stroke.
- 0.45s“UY” fades up over 0.2s with a 12px rise.
- 0.70sWordmark rises 16px into place under the mark — 0.25s, ease-out.
- 1.00sThe red rule lands hard — one frame in, 3px shake, settled by 1.10s.
- 1.20sHold to 2.00s. Last frame works as an end card.
Need a format that isn’t here?
Vector files, a reversed lockup, a screenshot of a real listing for a piece you’re writing — ask and we’ll send it. A person answers.