
Brand kit
Esy
Eh-see. Esy builds the AI systems that run marketing, and keeps how every piece of work was made.
01 · Name
Esy, said Eh-see
From essay, and the French essai: an attempt, a trial, a way of thinking something through. The systems are serious; the world we show them in is a toy world, where complex machines look as simple to pick up as a playset.
02 · Logo
The wordmark
- The wordmark is set in Black Ops One: a teal e, then sy in navy (or white on navy). Nothing else is set in Black Ops One.
- Use the SVG files. Don’t retype, redraw, stretch, outline or recolour it.
- Give it room: at least the height of the e on every side.
- On busy pictures, put it on a calm patch of navy or ivory, never over the art.
- The vinyl wordmark renders are pictures of the logo, for scenes and covers; the SVG is the logo.
- The e is Esy’s symbol: icons, app tiles, profile pictures, and anywhere a square mark goes. Mason is the mascot, not the symbol.
- The vinyl e on navy wherever the mark shows at 32px or more. Below that, and for print or one colour, the flat e: its SVG is the master.
- The full wordmark stays in headers and footers, and wherever the name has to be read.
03 · Icons
The e and Mason
Three marks, each on every ground, at every size we ship. The e marks the site in a browser tab. Mason is the app: in vinyl where there’s room, flat where there isn’t. The rows we use say where.
The e
The e from the wordmark. On a tile it’s drawn on a 16-pixel grid so it stays sharp at 16 and 32.
The e, vinyl
The e as a glossy teal vinyl piece, rendered by Esy from the flat e and keyed off its grey ground. Same letterform, in the brand’s material.
Mason, flat
His head drawn flat: the octagon, the stripe, the eyes. For small sizes where the vinyl’s shading blurs.
Mason, vinyl
His head in vinyl, made from his studio shot. On the home-screen tile his head fills the space; Android gets its own foreground, smaller, so its launchers’ masks never cut him.
Which icon where
| Where | Size | Icon |
|---|---|---|
| Browser tab, bookmarks | 16, 32, 48 px | The e, on navy |
| iPhone home screen, App Store, Spotlight | 1024 px, 60 pt, 40 pt | Mason, vinyl, on teal |
| Android home screen | Adaptive icon, 108 dp | Mason, vinyl, Android foreground on teal |
| Settings, notifications | 29 pt, 20 pt | Mason, flat, on navy |
| Profile pictures | Any | Mason, vinyl, on teal |
05 · Colour
Navy, teal and light
#0A2540The ground: pages, scenes, the sy of the wordmark.#061527The deepest night, under navy.#00A896The e, links, Mason’s stripe.#00D4AALight: finished work, the one word that matters.#2BD8BBGlow and highlights in lit vinyl.#F4F1EAPaper, Mason’s eyes, light grounds.06 · Type
Three faces, three jobs
07 · The world
Everything is vinyl
The toy theme runs through everything we picture. Vinyl comes in three forms:









08 · Mascot
OctoMason™
Mason for short.
Meet MasonEsy’s octopus. One mind, and eight arms that each work on their own: that is how Esy runs many jobs at once and keeps them in one place.More about Mason →09 · Voice
How we sound
- Calm and precise. Plain words, short sentences, no hype.
- Workflows, not prompts. Artifacts, not chats.
- Humans think. AI assists. People approve what ships.
- Show how it was made: real numbers, real runs, sources.
The SVGs are the logo; the vinyl renders are pictures of it. Every picture here is made with Esy, on api.esy.com.


04 · Social kit
Profile pictures and banners
Everything Esy puts on a social profile: the picture, the banner, and where each one is live. The profile picture in use is The e, vinyl, on navy. Every file is made by
scripts/brand-social.mjsandscripts/export-linkedin-banners.mjs, at each platform’s upload size.Profile pictures
Every platform but LinkedIn shows the picture as a circle, so each mark sits inside one: its box stays within 80% of the circle.
The vinyl e on navy, the letter from the wordmark in the brand's material. Esy's symbol, so its profile picture everywhere (2026-10-21).
His vinyl head on the teal of his studio render. Our profile picture until 2026-10-21; Mason is the mascot, not the symbol.
esy as the header draws it, on navy. Small inside a circle, so best where the picture shows large.
Banners
The Marketing Engineer over Zev’s desk, one design at every size. Each platform keeps its own line. Instagram, Threads, TikTok, Pinterest have no banner.
In use
Zev's profile banner, 4:1.
Zev Uhuru (personal)See it live ↗PNG ↓Platform’s size2560 × 1440 for TV, 6 MB. Only the centre shows on every device.
@EsyDotComSee it live ↗JPG ↓Platform’s size1500 × 500, made at 2x, as JPEG to stay under 2 MB. The avatar sits over the bottom-left.
@ESYdotcomSee it live ↗JPG ↓Platform’s sizeThe profile README banner, 1280 × 320 at 2x.
EsyDotComSee it live ↗PNG ↓No official size, safe defaultReady for the other platforms
The company page cover: 1512 × 256, at 2x. The page logo sits over the bottom-left.
@ESYdotcomSee it live ↗PNG ↓Platform’s size851 × 315 at 2x. Phones crop it to 2.4:1, so the words stay in the middle.
@ESYdotcomSee it live ↗JPG ↓Platform’s size3:1 under 1 MB; the avatar sits over the bottom-left.
Not set up yetJPG ↓No official size, safe defaultThe email header, 1100 × 220 at 2x. The site header itself is the wordmark.
zev.esy.comSee it live ↗PNG ↓No official size, safe defaultSkool publishes no size; 1084 × 576 (at 2x) is how its cover shows.
AI MarketingSee it live ↗JPG ↓No official size, safe defaultCommunity banner, 5:1 on desktop; phones crop the sides.
Not set up yetPNG ↓No official size, safe defaultTakes we made