Brand guidelines for moe.
Our name is moe. Always lowercase. Not "Moe", "MOE", or any other casing.
The trailing e of the wordmark is rendered in Moe Pink. When the wordmark appears in a single color, the pink e is preserved.
The icon is m. — the letter in the body color, the period in Moe Pink (a nod to .moe).
Do not alter the brand assets in any way, or display them in a way that implies a relationship with moe.
Maintain clear space around the wordmark equal to the height of the e on all sides. Do not place the wordmark over busy imagery or colors that compromise legibility.
The primary representation of the brand. Use the light variant on dark backgrounds, the dark variant on light backgrounds.
| Variant | Format | File |
|---|---|---|
| Light | Horizontal | wordmark-light.svg |
| Dark | Horizontal | wordmark-dark.svg |
| Light | Square | wordmark-square-light.svg |
| Dark | Square | wordmark-square-dark.svg |
For favicons, app icons, and other constrained square spaces where the full wordmark cannot be read.
| Variant | File |
|---|---|
| Light | icon-light.svg |
| Dark | icon-dark.svg |
Pre-composed variants on the Moe Black background.
| Variant | File |
|---|---|
| Wordmark | wordmark-stylized.svg |
| Icon | icon-stylized.svg |
| Name | Hex | RGB |
|---|---|---|
| Moe Pink | #ff4fa1 |
255, 79, 161 |
| Moe Pink Light | #ff75b8 |
255, 117, 184 |
| Moe Black | #0e0c0f |
14, 12, 15 |
| White | #ffffff |
255, 255, 255 |
Moe Pink is the canonical accent. Moe Pink Light is its hover / lighter tier. Moe Black is the canonical background.
Wordmark is set in the system sans-serif at weight 700 with -0.025em letter-spacing. On Windows this resolves to Segoe UI Variable; on macOS, SF Pro; on Linux, the platform's UI font.