/ brand

Brand

The Hiraiship logo, colors and typefaces. Take what you need, and keep the logo as it is.

Logo

Every file is a vector SVG, or a transparent PNG 2000 px on its long side.

Wordmark, light backgrounds
The default logo. Black "Hirai" for white or light backgrounds.
SVG PNG
Wordmark, dark backgrounds
White "Hirai" for black or dark backgrounds.
SVG PNG
Mark
Where the wordmark has no room: small screens, favicons, avatars. Works on both.
SVG PNG
Illustration
A background illustration behind a title or a card, faded. Never a logo.
SVG PNG

A few rules, so the logo reads the same everywhere.

Wordmark first
Use the full wordmark wherever it fits. Switch to the mark alone only when space runs out.
Minimum size
The wordmark at least 24 px tall, the mark at least 20 px.
Clear space
Keep half the logo’s height free on every side, away from text and edges.

½ h½ h

24 px20 px

Clear space and minimum sizes

Amber carries the brand. Ink and Paper do the rest.

Amber
#EAB308
The brand color: the mark, buttons, highlights.
Ink
#0A0A0B
Text on light backgrounds, dark backgrounds.
Paper
#FAFAF9
Light backgrounds, text on dark ones.
Amber text
#A16207
Amber set as text on a light background, where #EAB308 is too pale to read.

Three typefaces, all free and open source.

Hiraiship, one word, capital H only: never HiraiShip, HIRAISHIP or Hirai Ship.

Questions, or a use these rules don't cover? Write to us.