Service · Design

Designed.
Not dragged.

Every email we ship is built by hand. Type chosen, spacing measured, dark mode audited, rendered in nine clients before it leaves the studio. It doesn't look like a SaaS template, because it isn't one.

The difference

Template vs. made.

Both these emails want your attention. Only one respects it. Left: a drag-and-drop template from the marketplace. Right: the same send, if we'd made it.

From a template pack
From the studio
The vocabulary

Twelve pieces. Infinite emails.

The atomic components we assemble for every client. Combined, translated, restyled — but never dragged into place.

"The quietest serum we've made."
01Subject line
Thursday · Volume 12 · Kept Minutes
02Preheader
KAALO · Brooklyn
03Masthead
Volume 12 — the economics of silence.
04Hero
The best writing I did this year was the stuff I didn't publish.
05Pull quote
Read the piece →
06CTA
  1. 01 · Ship less
  2. 02 · Read more
  3. 03 · Reply often
07Structured list
08Image block
— Sara Kline · Founder · Dashsky
09Testimonial
11Divider
— Founder
Founder · Your business
12Signature
The type stack

Three typefaces. One voice.

Every Mailelse email is set in one of three. Not three of each. The decision's already made — we use the time for the words.

Inter Tight · 56px · Subject
Spring reading.
Inter Tight · 28px · Section
What we've been working on.
Inter · 17px · Body
Every email we ship is built by hand.
Inter · 14px · Caption
Read time ~ 2 minutes
JetBrains Mono · 11px · Label
VOLUME · 12 · WEDNESDAY
How we decide

Five rules we don't break.

  1. I

    Left-aligned. Always.

    Center-aligned copy is for birthday cards. Not for emails that have to be read fast — on a phone, on a train, between two meetings.

  2. II

    One message per email.

    If the brief has three things, it's three emails. Crowding the reader loses all three.

  3. III

    No stock photography.

    If we don't have a photo that fits the moment, the email doesn't have one. Text is fine. White space is fine. Generic is not.

  4. IV

    Mobile-first. Desktop-intentional.

    Every email is laid out for a 375px screen first, then designed up. Reversed order is how you get a broken mobile experience.

  5. V

    Dark mode is not an afterthought.

    Every email gets a second QA pass in dark mode before it leaves the studio. If it breaks there, it doesn't ship.

Design brief incoming

Want yours designed
like this?

Hand off your email and SMS. We'll have a first design in your inbox within a week of kickoff. No Figma files, no design revisions meeting, no six-page brief.