Brand kit · Logo guidelines · brand.orphos.app

Step into a story.

How the Orphos logo behaves in the wild — the marks, the colour, the breathing room, and the lines we don’t cross. Grab the files you need below.

↓  Download assets
Version0.1 — working draft
TypefaceTo be confirmed
The markThe lamp O
01

The two marks

Orphos has one logo expressed two ways. Which you reach for depends only on space and context.

Primary — the wordmark

Orphos, in full

The default and the anchor. Use it the first time Orphos appears on any surface, and anywhere there’s room to read it: site headers, hero screens, marketing, decks, email, print, the splash screen.

Secondary — the O

The lamp O

Our shorthand once Orphos is known. Use it where the word won’t fit or isn’t needed: the app icon, favicon, social avatar, loading states, a watermark, a stamp on merch.

02

Download the logo

Pick the mark, the colour and the format. SVG is vector with a transparent background, PNG is hi-res and transparent, and PDF is print-ready on the correct artboard. Black goes on light, white goes on dark, and crimson goes on light only.

↓  Download everything (.zip)
The wordmark
crimson
The lamp O
crimson
03

Approved colourways

Three, and only three. The logo is always one solid colour with the lamp and counters knocked out — never split or multi-toned.

PrimaryBlack on light
ReversedWhite on dark
AccentCrimson on light

Crimson (#DC143C) is the accent and goes on light grounds only — never on black or dark. There is no grey version.

04

Colour

The whole system is three colours. No secondary palette, no tints, no grey.

Black

#000000
Primary logo colour on light backgrounds; body text.

White

#FFFFFF
The reversed logo on dark backgrounds; the page itself.

Crimson

#DC143C
Accent. Logo on light only — never on black or dark.
05

Clear space & padding

Give the logo room to breathe. The measuring unit is the O itself, so the rule scales at any size without maths.

Unit = the O
  • a
    Wordmark: keep clear space of at least half an O on every side — a full O is better. Nothing (text, edges, other logos, imagery) enters that zone.
  • b
    The O alone: keep at least a quarter of its own height clear on all sides.
  • c
    App / favicon tiles: the O sits centred with roughly 22–28% padding inside the tile — already built into the icon files.
  • d
    Clear space is the minimum, not the target. When in doubt, give more.
06

Minimum sizes

Below these, the lamp closes up and legibility goes. Never scale past the floor.

Wordmark · comfortable
≥ 180 px / 36 mm wide
Wordmark · minimum
140 px / 28 mm wide
O · minimum
32 px (keeps the lamp)
O · favicon floor
16–24 px

At 16 px the lamp’s detail collapses to a suggestion — fine for a favicon, but prefer 24 px+ wherever the platform allows. Always scale proportionally; never set a fixed height that distorts the width.

07

Backgrounds & contrast

Pick the colourway by contrast. The one firm rule: crimson is for light grounds only.

Do · black on light
Do · white on dark
Do · crimson on light
Don’t · crimson on dark
Don’t · crimson on red
Don’t · busy / low contrast
08

Misuse

The logo ships finished. Don’t redraw it — and keep it crisp: no glow, no shadow, no gradients, no outlines.

Don’t stretch or condense.
Don’t squash or distort proportions.
Don’t rotate or tilt the mark.
No glow, shadow or gradient — keep it flat.
Don’t place on busy / low-contrast grounds.
Don’t recolour — only black, white or crimson.
09

Layout principles

Where it sits, and which mark does the job. The icon files are pre-built for the common tiles.

App icon
Social avatar
Favicon
10

Asset index

Everything available on this page, and where it lives.