Brand · v1 · 10 Sep 2026
These are the official files. Use them as they are — never retype the name in a font, recolor it, or redraw the monogram.
Site nav, email signature, PDF headers, invoices.
| Version | Vector | PNG 1200 | PNG 2400 |
|---|---|---|---|
| Color — on light | svg | png | png |
| Dark — on #141619 | svg | png | png |
| Black — 100% K | svg | png | png |
| White — reversed | svg | png | png |
Narrow spaces and the one-pager cover.
| Version | Vector | PNG 1200 | PNG 2400 |
|---|---|---|---|
| Color — on light | svg | png | png |
| Dark — on #141619 | svg | png | png |
| Black — 100% K | svg | png | png |
| White — reversed | svg | png | png |
Favicon and avatars. The tile is part of the mark, so it is opaque in every file and never sits on an unknown background.
| Version | Vector | PNG 512 | PNG 1024 |
|---|---|---|---|
| Light tile | svg | png | png |
| Ink tile — default | svg | png | png |
| Black | svg | png | png |
| Reversed | svg | png | png |
| Favicon | svg | Live at /favicon.svg, /favicon.ico and /apple-touch-icon.png | |
| Website, slides, documents | jpiv-horizontal-color.svg |
|---|---|
| Anything on a dark background | jpiv-horizontal-dark.svg |
| Invoices and one-color print | jpiv-horizontal-black.svg |
| Reversed out of a photo or dark fill | jpiv-horizontal-white.svg |
| One-pager cover, narrow columns | jpiv-stacked-color.svg |
| Email signature | email-signature@2x.png — insert at 300 px wide. PNG on white, because Gmail does not display SVG and a transparent logo disappears in dark-mode mail. |
| GitHub, Calendly, tool avatars | jpiv-monogram-dark-1024.png |
| Anything else that wants a PNG | The 2400 px version, scaled down — never scaled up. |
| Clear space | One cap height of the “J” on all four sides. Nothing crosses it — no rule, no table border, no signature block. |
|---|---|
| Minimum size | Horizontal 110 px wide · stacked 84 px wide · monogram 16 px square. |
| In the site nav | Set to the nav text’s cap height (8.73 px): 119 px wide, the same optical weight as the links. |
| Type | Archivo SemiBold, tracked −0.025em. The numeral is IBM Plex Mono Medium at 98.3% of the name’s size, so both cap heights match. Both are SIL Open Font License fonts; every file here is outlined, so no font is needed to open or print it. |
| Color | The IV is the only color in the mark. Everything else is ink. |
| Short form | JP IV — in text only: short links, handles, business cards, QR codes, said out loud. The short domain jp-iv.com (once registered) forwards every path to the same page here, so jp-iv.com/call opens the booking page. Never set it as a logo: the IV monogram is the mark, and the full name is the brand. |
| Don’t | Stretch, outline, shadow, recolor, or add a tagline. Don’t put the monogram on a transparent background. Don’t build a monogram from “JP”. |
| Token | Light | Dark |
|---|---|---|
| Ink — the name | #1A1C1E | #E9EBED |
| Blue — the IV | #0F6FD6 | #4D9BF0 |
| Paper | #FCFCFB | #141619 |