Case / Store emails

Store emails with your brand — readable in a dark mail app and on a phone

Standard shop emails often look like a system printout: a layout that is not yours, grey text that disappears when the mail app switches to a dark theme, a tiny table on a phone and a sender address nobody reads.

Here every letter the store sends — order, payment, account, password, subscription — shares one design with your logo, your contacts and your customer’s language. Mail apps that can show a letter in its own dark theme get a dark version prepared in advance, and on a phone the letter fills the screen with a button sized for a thumb.

52 templateschecked for contrast in the light and dark theme, on a wide screen and on a phone
2 languagesa customer gets letters in the language of the site version they ordered on
1 main buttonno more than one call to action per letter — the customer knows what to do
Who it is for

For stores and service companies whose customers read their inbox

An order confirmation is the letter a customer opens most carefully. It either looks like your company — or like a system message.

Owner

Every letter carries your logo, your name and your contacts. Change the phone or the address once in the settings — every letter follows.

Customer

Sees what is inside before opening, reads the order comfortably at night in a dark mail app and on a phone, and finds one clear button.

Manager

Letters are sent from the store’s own address, and a reply lands in the store’s mailbox — the letters invite the customer to reply instead of saying “do not reply”.

One design

Every letter looks like your company

The logo, the store name and the phone, e-mail and address at the bottom come from the store settings. The order letter shows what was bought and at what price, the billing details, the customer’s comment in a highlighted box and a short “what happens next”, so the customer does not have to write and ask.

  • Order, payment, shipment, refund — one header and one footer for every letter about an order
  • Account, password, subscription — the same design for letters about the customer’s account
  • The customer’s language — an order placed on the Russian version of the site gets letters in Russian, with prices in rubles and the date in Russian format
  • Real prices — the letter shows the same amounts as the product page
Order confirmation letter: the store logo, the note Order confirmed, the greeting, the order number and date, the Open my orders button, the customer’s comment in a yellow box, billing details, a table of three services with prices and the total, a What happens next list and the store contacts at the bottom
In the inbox

The customer sees what is inside before opening

Every letter starts with a short hidden line that mail apps show next to the subject: the order number, “payment received”, “your account is ready”. Without it, the inbox shows the first words of the layout — often a menu or an address. The picture is an illustration built from the real subjects and preview lines of the store’s letters.

Illustration of an inbox: five letters from the store with their subjects and preview lines — Order 000000128 is confirmed, Payment received for order 000000128, Your account is ready, Use this link to set a new password, You are on the list
Dark theme

A dark version prepared in advance, not an accident

In mail apps that support a letter’s own dark theme, the letter switches to its own dark colours: every text, box and table has a colour chosen for a dark background, so nothing turns into grey on black. The logo has transparent corners and sits on the dark background without a white frame. Other mail apps show the light version or recolour it in their own way.

The same order confirmation in the dark theme: dark background, light text, a dark green Order confirmed note, the comment in a dark amber box, the items table readable on the dark background
New account letter in the dark theme: the note Account created, the sign-in e-mail, the Open my account button and a list of what the account gives
  • Every text has its own colour — nothing is left to the mail app’s default colour
  • Boxes and tables switch together with the text, so the contrast stays
  • The logo with transparent corners — no white square on a dark screen
  • Checked by a program — every text against its background, in the light and in the dark theme
On a phone

A letter that fits the phone screen

Most customers open letters on a phone. On a narrow screen the letter takes the full width, the main button stretches across the screen so it is easy to hit with a thumb, and long service names and codes wrap inside the table instead of pushing it off the screen.

  • Full width — no tiny letter in the middle of the screen
  • A button for a thumb — across the whole width
  • A table that fits — names and codes wrap, the total stays in view
The order confirmation on a phone-sized screen: the Open my orders button across the full width, the comment and billing details, the items table with wrapped names and the total
Payment and password

Letters that answer the next question

The payment letter repeats the paid items and the total, so the customer has everything in one place. The password letter has a button and a backup link for when the button does not work, and it says what to do if the customer did not ask for a new password.

Payment received letter: the invoice number and the order it belongs to, the Open my orders button, billing details, the items with prices and the grand total
Password reset letter: the Set a new password button, a backup link to copy into the browser and the note Did not ask for this? Ignore this email — your current password keeps working
Checked on the live site

We rendered the store’s letters and checked every one

  • We built the letters from the store’s own templates with a test order and test customers — nothing was sent to anyone. The prices in the pictures are the prices on the site.
  • A program checked 52 templates of the store in the light and the dark theme, on a wide screen and on a phone-sized one, for both language versions: every text against its background — 0 problems.
  • Along the way we found that the logo had white corners on a dark background and replaced it with a version with transparent corners. Earlier the same check found that the options of an ordered service merged with the dark background — that was fixed before this case.

Letters your customers actually read

We will build your store with a full set of letters in your design and your customers’ languages — and check every one of them in the light and the dark theme and on a phone.

Another case: an admin panel with your site’s name on it →

Blog

Useful Articles

Sign in to your account

Quick sign-in

No new password needed. We only receive your name and email.

No account yet? Create an Account

Get Started

Free consultation · Response in 2 hours