LOGO GUIDELINES

How to use the WAKURON logo correctly: which file to pick, which colors to use and what to avoid.

01 Anatomy

WAKURON logo with wordmark

Mark

A stylized 3D torii gate built from white and lavender blocks, set on a solid crimson circle. The top beam breaks out of the circle on the left.

Wordmark

WAKURON in uppercase, with a Japanese line below it.

Name

The brand name is always written in all caps: WAKURON. Never Wakuron or wakuron.

02 Logo Files

Use SVG wherever you can. Use PNG only where SVG isn't supported (social previews, some third-party platforms).

WAKURON mark

Mark

Full-color mark. Favicon, app icon, hero section, small brand spots.

SVG
WAKURON silhouette

Silhouette

Single-color white mark. Watermarks, backgrounds and red surfaces.

SVG
WAKURON logo for dark backgrounds

Logo – Dark Mode

White wordmark. For dark backgrounds. Default on the website.

SVG
WAKURON logo for light backgrounds

Logo – Light Mode

Dark wordmark. For white and light backgrounds, print and documents.

SVG

03 Colors

Click a swatch to copy its hex code.

Brand colors

Mark shading logo only – not for UI

Backgrounds

#12131A
#1C1E29
#2A2D3D
White
Crimson – silhouette only

04 Typography

Aa

Montserrat

Wordmark and all website text.

あア

Noto Sans JP

Japanese line of the logo and Japanese text on the website.

The wordmark in the logo files is converted to outlines, so the fonts don't need to be installed to display it. Never retype the wordmark yourself.

05 Don'ts

Don't recolor the logo.

Don't stretch or squash it.

Don't rotate or skew it.

Don't add shadows, glows or outlines.

Don't use the dark-mode logo on light backgrounds (or vice versa).

Don't put the full-color mark on red.

Copied!