Visual effects

Blinking words

Words that fade in and out five times, then stay on.

Moving word strip

A line of short messages that slides across the page.

Slide show

Pictures that change when the visitor presses Previous or Next.

Picture 1 of 5

Rolling slide show

Pictures that change on their own every four seconds, with a Pause button.

Picture 1 of 5

Picture morph

One picture melts into another.

Flip card with words

A card that turns over to show more.

Flip card with a picture

A picture on the front and a short description on the back.

Florist

A bright, playful design for a flower shop, with room for bouquets, prices and delivery days.

Rotating headline

One word in a headline that changes every few seconds, with a Pause button.

Gradient words

Words filled with a blend of colours. The colours can drift slowly across the words.

Highlighter sweep

A marker-pen stroke that sweeps behind the words that matter most.

Line drawing

A simple picture that draws itself, line by line.

Rolling numbers

Numbers that count up to their total. These are sample numbers.

Scroll reveal

Boxes that rise gently into place as the visitor scrolls down to them.

Before and after

Two pictures in one frame. Sliding the handle shows more of either one, which suits a haircut, a clean car or a new kitchen.

BeforeAfter

Picture zoom

A picture that zooms in where the pointer rests, so small details are easy to see.

Caption reveal

A picture whose caption slides up when the pointer rests on it.

Tilt card with a spotlight

A card that leans towards the pointer, with a soft light that follows it.

Picture lightbox

Small pictures that open larger, over the page, when pressed.

Open a larger picture of the tattoo studio design Open a larger picture of the real estate design Open a larger picture of the moving and packing design

Close the larger picture

Typewriter words

A line that types itself out, letter by letter, as if someone were writing it there and then.

Letters that rise

A heading whose letters float up into place one after another.

Star rating

Stars that fill up to the score, beside the number in words. The score here is a sample.

Filling bars

Bars that grow to their numbers, for things like how many customers come back. The numbers here are samples.

Slow pan picture

A picture that drifts and zooms slowly, like a camera moving across it.

Black and white to colour

A picture that starts in black and white and fills with colour when the pointer rests on it.

Two-colour pictures

Pictures turned into two brand colours, so photos of different kinds still look like one set.

Frosted glass card

A see-through card over a picture, with the picture softly blurred behind the words.

Same-day flowers

Order by noon for delivery today.

Wavy and slanted edges

Sections that meet with a wave, a slant or a curve instead of a straight line.

Button ripple

A button that sends a soft ripple out from the spot where it is pressed.

Sliding underline links

Menu links whose underline slides in when the pointer rests on them or the keyboard reaches them.

Smooth questions and answers

Questions that open and close smoothly, so a long list stays tidy. These are sample questions for a florist.

Flip cards

A service card that turns over to show the price and details on the back. The price here is a sample.

"How it works" steps

Numbered steps joined by a line that draws itself from the first step to the last.

Picture hotspots

Numbered dots on a picture that show a short note when pressed.

• 1Note 1, the menuThe menu: every page, one tap away.
• 2Note 2, the booking buttonThe booking button stays in the corner.
• 3Note 3, the photoA real photo of the salon, not a stock picture.