Brand style guide
Trust, made visible.
Oseaeyo sells a promise that's hard to see: a car you can't touch, bought across an ocean. Every choice in this system exists to make that promise feel concrete — documented, staged, and honest about the parts that aren't perfect. This guide is the reference for anyone designing or writing for the brand.
01 — Logo
The mark
A car in profile, resting on a wave — the crossing at the center of the business — with a single gold star marking the moment of arrival.
Left to right: primary lockup on parchment, reversed lockup for ink or photo backgrounds, icon-only mark for compact placements (nav, favicon, app icon).
Do
Keep the star gold on every background. Maintain clear space around the mark equal to the height of the car outline. Use the reversed version on ink or photo backgrounds.
Don't
Recolor the star, stretch the mark non-uniformly, place it on busy photography without a solid backing shape, or run it smaller than 28px tall.
02 — Color
Palette
Ink and parchment carry the page. Gold is reserved for action and highlight — if everything is gold, nothing reads as important. Harbor blue is the "verified" signal, distinct from gold so a status badge is never confused with a button.
Primary text, line art, headers
Body copy, secondary text
Primary background
Section banding, cards
CTAs, links, the star
Hover states, emphasis text
Verification badges, freight/shipping accents
Clean-title tags, confirmations
03 — Typography
Type system
Playfair Display for anything that should feel considered — headlines, the wordmark, key figures. Inter for everything the reader scans quickly: body copy, labels, forms, navigation.
Playfair Display: 600 / 700 / 800. Inter: 400 / 500 / 600 / 700. Never mix a third display face in; if a heavier voice is needed, go up a size in Playfair rather than reaching for a new font.
04 — Signature system
The Wave Route
The wave beneath the logo's car becomes a literal route on the page — the line a vehicle travels from a U.S. auction lot to Tema. It appears as a quiet divider on the home page and as the actual stage-by-stage timeline on How It Works. It's the one motif reused everywhere else stays quiet around it.
05 — Voice
How we write
Specific beats reassuring. A real number, a named stage, or a named person always outperforms an adjective like "trusted" or "reliable" — those words are exactly what a scam would say too.
06 — Components
UI building blocks
Buttons
Trust badges
Licensed & bonded
Short, specific proof point — never a bare adjective.
1-business-day quotes
Time-bound promises read as more credible than vague ones.
Status tags
Cards
Standard card
Used for process steps, guarantee details and grouped content. 1px border, soft shadow, 10px radius.
Badge card
Icon-led, for scannable trust points in a row.
Testimonial card — real name, real city, star rating.
07 — Imagery
Photography rules
This is the highest-trust-impact decision in the whole system.
Do
Use real inspection photos of the actual vehicle being sold — VIN plate, odometer, all four corners, undercarriage. Keep a consistent flash-lit, documentary style, not styled studio shots.
Don't
Use manufacturer stock photography for a specific listing, or generic "happy customer with car" stock imagery anywhere on the site.
Until real photography is loaded per-listing, the harbor-tinted gradient panel used throughout this build (see the inventory and inspection cards) is the approved placeholder — it reads as "photo pending," not as a finished image, which is intentionally honest.