Digital invitations: visual hierarchy that reads in 5 seconds

Your aunt opens the invitation on her phone, standing in the kitchen with the kettle going. She pinches the screen to zoom in. She zooms back out, scrolls, zooms in again. Then she sends you a WhatsApp: "So what time is it?" The time was on the invitation. It just wasn't the first thing she saw.

That is the whole job of visual hierarchy in digital invitations. Not decoration — order. Date, place and dress code should land before anyone has to hunt for them.

Five seconds, one visual hierarchy

You get one scan. If date, time, place and dress code all sit at the same size, the eye has nowhere to start, and the guest gives up and asks. Set one clear first level, one second level, and keep everything else visibly below both.

• Put the date in the largest type on the cover and the place directly under it. If your aunt needs two fingers to zoom, the hierarchy failed.
• Host names go at the top and large. Everything else on the page should be visibly smaller than that name, never the same size.
• Dress code gets one line, at the same weight as the time. Not buried in tiny type at the foot, not louder than the venue.
• Home test: send the cover to a group chat and ask only "when and where?". If anyone hesitates or answers halfway, reorder it before it reaches anyone else.

The date leads; everything else follows

One piece of information sits at the top level: the date. Time, day of the week and place go on a clearly lower level, still readable on a phone in daylight. If the time and the venue compete at the same size and colour, guests read both halfway and message you about something that was already written down.

Order the page the way you'd set a table. Main thing in the middle, everything else around it, nothing extra on the cloth.

If a guest has to zoom, the hierarchy failed — not the guest.

Colour before typeface

Pick one accent colour and spend it only on what you want seen first, whether that's the date or the confirm button. If you tint half the invitation, nothing stands out. Light background with dark text usually beats the reverse, because you check contrast in the street, phone in hand, sun in front, not on a monitor.

If a photo sits behind the text, darken or blur the area where the words go. A white date over garden leaves disappears the moment someone turns the screen brightness down.

A hierarchy you can fix without reprinting

You can move the time up a level, or push the dress code down one, after the invitation has gone out. The link stays the same and guests see the updated version. Each scene is edited with its own text and photos, so the cover can hold the date while the dinner scene carries the map and the exact hour. The character counter in the editor forces the decision: if a sentence doesn't fit its slot, it isn't hierarchy, it's clutter. RSVPs arrive inside the invitation, in one ordered list, instead of scattered across group chats.

Start with the cover. Edit it for free, read it on your phone in daylight, and publish once the date is the first thing you see.