A name worth putting
on the work.
Custom lettering. Confident curves. One unmistakable dot.
The full name is the identity. A geometric wordmark drawn letter by letter, with open counters, angled terminals, and a square period that makes the domain part of the signature.
Download the brand kitOne name. Every format.
Built into the lettering.
A shared rhythm
The single-storey a and the b share a counter. The h carries that curve upward. Their weight ties the name together.
A forward edge
The angled S and s terminals give the lettering movement. The wide D and flat-ended v keep the silhouette grounded.
The dot stays
The period is a full square, matched to the letter stems. Keep it in every full-name version, including the stacked wordmark.
#08080A#F2F0EC#D72638The same signature, reduced.
Full name first. S. when space is tight.
Use the full-name avatar wherever it reads clearly. The S. is a supporting shorthand for small profile circles, browser tabs, and familiar contexts.
Leave breathing room. Keep at least one dot-width of clear space around the horizontal logo, and half a capital-height around standalone placements.
Size for the name. Use the full horizontal wordmark at 144px wide or larger. Below that, choose the stacked version at 100px or the S. mark.
Use the original artwork. Scale proportionally. Preserve the dot, spacing, and counters. For a one-colour application, use the supplied monochrome version.
Ready for the real world.
SVG originals for Illustrator, Figma, and the web. Transparent PNGs for everyday use. Social assets at their finished dimensions.
01 / Full wordmark
The primary signature. Start here.
- wordmark-accent-dark.svgWarm white + red dot ↗
- wordmark-accent-light.svgInk + red dot ↗
- wordmark-white.svgPure white ↗
- wordmark-black.svgInk ↗
- wordmark.svgInherits colour ↗
- wordmark-accent-dark.pngTransparent PNG / 3200px ↗
- wordmark-accent-light.pngPNG / on light ↗
- wordmark-white.pngPNG / pure white ↗
- wordmark-black.pngPNG / ink ↗
02 / Stacked wordmark
The full name for taller formats.
03 / Social & sharing
Ready to upload, with SVG originals.
- avatar-full-name.pngFull name / 1024 × 1024 ↗
- avatar-full-name.svgFull name / SVG ↗
- avatar-dark.pngS. / dark ↗
- avatar-dark.svgDark / SVG ↗
- avatar-light.pngS. / light ↗
- avatar-light.svgLight / SVG ↗
- avatar-red.pngS. / red ↗
- avatar-red.svgRed / SVG ↗
- social-card.pngSharing card / 1200 × 630 ↗
- social-card.svgSharing card / SVG ↗
- social-banner.pngBanner / 1500 × 500 ↗
- social-banner.svgBanner / SVG ↗
04 / Small marks & guide
Supporting assets for established contexts.
- mark.svgS. / inherits colour ↗
- mark-white.svgS. / white ↗
- mark-black.svgS. / ink ↗
- mark-accent-dark.svgS. / on dark ↗
- mark-accent-light.svgS. / on light ↗
- favicon-16.pngFavicon / 16px ↗
- favicon-32.pngFavicon / 32px ↗
- favicon-48.pngFavicon / 48px ↗
- favicon.svgSite favicon / SVG ↗
- apple-touch-icon.pngApple / 180 × 180 ↗
- brand-board.svgIdentity board / vector ↗
- brand-board.pngIdentity board / PNG ↗
- README.mdUsage & file guide ↗