Skip to content
animorio
IT
All kits

Landing page

For the page of a product, an app or a service: the logo coming in, the headline and the main button, the story on scroll, how it works and the services, who already uses it, pricing, questions and the waitlist.

162 pieces

Each piece can be watched live, tweaked in the Playground and copied on its own; the zip holds them all, each in its own folder.

Download the kit

The logo comes in

The product’s brand arriving in mercury, pixels, ink, a bubble or cut by a laser.

The logo, clean

Brand intros with a single idea: three circles that meet, a stencil peeled away.

The logo, essential

More logos arriving with a single gesture: a coin that spins and settles, a compass dividing a circle.

More pared-back logos

The product name settling calmly at the opening: letters landing in their shadows, snapping onto the type designer’s guide lines, printed by a rolling cube, made of particles the pointer blows away or of layers that fan open, composing itself while a fan of photos leaves in a blur, or coming into focus in a rangefinder, or growing like coral.

Logos for builders

For an engineering studio, an instrument maker or a construction firm: the logo that drops onto a tilted beam and levels itself; or an interior studio’s name tightening in from the horizon.

Hero

A headline that assembles or swears, the top bar and menu and a button that begs to be pressed.

A pared-back hero

For pages that keep the screen quiet: one word, one line, one colour, and one well-made move.

Sport and schools

The hero of a gym, club or school website: the boxing club’s leather heavy bag taking punches and swinging, the flight school cockpit where the pointer is the control stick; the curling club whose letter stones stop in the house.

Craftspeople and workshops

A workshop’s hero: a candle workshop’s name made of wax, dripping near the flame; and a paper mill’s name painted in watercolour on wet paper; and a glassworks’ sentence filling with water as you scroll.

The background

Animated backgrounds to put behind the opening headline: lines, contours, fog, crosses and flat shapes moving slowly.

The story on scroll

A story that moves on as you scroll: a launch, a journey, a dive, a stormy night.

A quiet scroll story

Scroll stories in a few lines: a drawing that builds itself, a number, one word at a time.

The project as you scroll

To present a building, a neighbourhood, a product made of parts or a journey: shapes that change as you scroll, a plan that passes under the clouds, a road to drive to the end a car going through the car wash step by step, a hot air balloon rising from the valley above the clouds and a handmade guitar built piece by piece.

The headline, clean

Opening headlines made only of type and measured motion.

A product, plainly

A product page to look at as you scroll, like a carbon wheel maker’s: the wheel coming closer as the page turns silver, headlines arriving letter by letter, thin circles marking the chapters, a speaker’s button whose field lines flip when it connects; a steel disk spinning down to rest under a design shop’s name; a lamp’s plug that connects as you scroll and lights the sentence.

A game to launch

For the page of a game or an app: two words dropping in as pixels and a page that answers the pointer like a screen.

How it works

Features one at a time, the steps of the method, from drawing to finished thing, charts and code to try.

An explanation, pared back

An idea explained with a real test: two paths, and the faster one always wins; or a studio’s method, “one step at a time”, with the letters of its name tumbling down the stairs.

The services

What you do, one item at a time: in brackets, in doses or as a wash programme.

Social proof

A ribbon of words, reviews and numbers that grow.

Pricing

The plans, the monthly and yearly switch and the buttons to upgrade.

Pricing you can touch

A subscription pricing table with a real object for each plan: a film lab’s cameras firing their flash, and the box of rolls filling up when you switch to yearly.

FAQ and sign-up

Frequently asked questions, the email, the waitlist, the buttons to get started and the command to copy.

Signing up, clean

Your own page name to claim, the waiting list drawn as a row of ticks and the button that draws an earthquake before putting you on the list; and a print shop’s magazine sign-up, with a button that presses into the paper; and the newsletter with an at sign that draws itself as you type the address.

The bottom of the page, clean

To close a pared-back page: the email on a plucked string, the budget on a comb, cookies in a single sentence and the name breathing in the footer.

The other kits

All kits
Restaurant and caféThe menu, table booking and a few games for guests.