Logo
JONES© in three widths. Same letters, same ©; pick the widest one that fits.
Versions
jonesco-black.svg
jonesco-jns-black.svg
jonesco-j-black.svg| Version | Use | Ratio |
|---|---|---|
| Full · JONES© | The default, wherever it fits: site headers, documents, invoices, merch. | 3.47 : 1 |
| Short · JNS© | When the full logo would drop below its minimum size, such as narrow headers. | 2.41 : 1 |
| Mark · J© | Square and tiny spaces: favicons, app and home-screen icons, avatars, stamps. | 1.35 : 1 |
Black and white
Black on light backgrounds, white on black. Those are the only two colors for the logo itself.
The mark can sit on a solid accent block as an icon: the docs’ own favicon is the white J© on magenta (icons/).
Space and size
- Clear space: at least a quarter of the logo’s height on every side.
- Minimum size: Full 24px tall on screen, Short 20px, Mark 16px. Below that, step down a version.
- All three files share one height, so swapping versions keeps the baseline and the © in place.
Do
Use the SVG files as they are, scaled evenly, in black or white.
Don’t
Stretch, outline, recolor, add effects, or retype the letters. Don’t put the logo in a rounded box.
Files
In logos/, black and white for each version: jonesco-black.svg, jonesco-white.svg, jonesco-jns-black.svg, jonesco-jns-white.svg, jonesco-j-black.svg, jonesco-j-white.svg. From a pinned release:
https://design.jonesco.com/v/1.5.0/logos/jonesco-black.svg