Skip to main content
Admin Brand assets

Brand assets

Every file is drawn from the same geometry, type ramp and colour as the product, so an asset made here cannot drift from the brand by having been made somewhere else. Exports use E20 Blue. A fixed file lives outside a resident's session, so it takes the default rather than whichever accent was last picked.

Icons

Mirrors of the installed set, for handoff to a platform.

iOS app icon

App Store and Xcode. Square at full bleed with NO corner rounding. iOS applies its own superellipse mask, and baked-in corners produce a double-rounded edge.

PWA maskable

manifest.json, purpose="maskable". Lettering held inside the 80% safe circle so no platform mask can clip it.

Android foreground

ic_launcher_foreground, for a native wrapper. Transparent, lettering inside the 66% safe circle. Android may mask to a circle, squircle or teardrop.

Android background

ic_launcher_background. Flat accent, no artwork. The two layers are composited and parallaxed by the launcher.

Favicon 48, small mark

The small mark: the O and the foot that draws it. The full stroke turns to mush at this size.

Favicon 16, small mark

The same small mark at 16px.

Avatars

Circle for social, squircle everywhere else.

Avatar: circle

X, Instagram, Facebook, LinkedIn. CIRCULAR artwork, because a squircle uploaded to a circle crop simply loses its corners and reads smaller than every account beside it. The lettering steps down 8% to hold the same optical weight.

Avatar: circle, small

For platforms that cap the upload at 400px and re-compress anything larger.

Avatar: squircle

Slack, Discord, GitHub, WhatsApp Business: anywhere the platform does not force a circle.

Headers

Profile banners, sized per platform.

X header

The avatar overlaps the lower left, so brand elements sit right of centre. Left third deliberately empty.

LinkedIn company banner

Very short at 1128 × 191. Wordmark left, domain right. A stacked lockup will not fit this ratio.

Lockups

Monogram plus name: email signatures, decks, posters.

Lockup: horizontal

The e2O mark and the name, for surfaces that are not the app: email signatures, partner decks, a press page. Cap height on the e's x-height, a shared baseline.

Lockup: horizontal, on dark

The same lockup all in paper, for placement on ink, magenta or a photograph.

Lockup: stacked

For square placements that still have room for words: a splash screen, a poster in a lobby, the back of a leaflet.

Wordmark

Transparent pill files in all three tones.

Wordmark: accent

The default, for light backgrounds. Transparent around the plate.

Wordmark: ink

For placement over photography, where a magenta plate would fight the image.

Wordmark: paper

For magenta or dark backgrounds. White plate, magenta lockup.

Compact wordmark

The e2O symbol alone, for anything narrower than about 104px.