Skip to content
animorio
IT
All kits

Portfolio

For the site of a designer, a photographer or a studio: the logo coming in, an opening and a headline people remember, projects in lists and galleries, work on show, page transitions, who you are and how you work, the menu and contact.

205 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 studio logo stamped, painted, stitched, folded or drawn like a blueprint, on the first visit.

The logo, kept clean

For studios that want a pared-back brand: few shapes, one colour, one precise move.

The mark on the threshold

A studio home page made of the mark alone: a line that wears away under the pointer, a sign rising from the noise, a map lifting off the drawing.

Opening and brand

A loader that turns into the brand, openings that say straight away what you do and a page that gets covered in stickers if you leave it alone.

A drawn opening

A hand-drawn character who walks on and uncovers the name of the studio.

The studio background

Animated backgrounds for a studio’s first page: drafting-table crosses and poster shapes.

The headline

The big word on the first page: in pills, in glass, in plasticine, with handles, in modules, on the walls of a room.

Type on show

For graphic studios and type foundries: a single word that shows what the typeface can do.

Type in space

For studios working with type and 3D: words made of threads, readable from one point only, an architecture studio’s name drawn in perspective, its vanishing point following the pointer, and a pottery studio’s name made of clay, to press with a finger.

Type, pared back

Words that show a typeface with a single idea: blind-pressed, weight running through an hourglass, the scale of sizes.

A games studio

For a studio that makes games: the headline that arrives in pixels, the page that lights up under the pointer and the services on cards that straighten up.

The projects

The list of work: in a row, in folders, on a globe, in a room, inside letters, on discs.

The projects, kept clean

The list of work in rows of text: the image shows only when you pass over it; and the project list with a brace hugging the item under the pointer.

One project at a time

To leaf through the work one piece at a time: pages lined up in space and an index that comes back into focus at every change.

The galleries

Images of the work that answer the pointer and the scroll.

Galleries up close

A photographer’s pictures in a slide projector carousel, with the beam and the focus, on a dome around the viewer, spun with a finger, or an art gallery’s paintings hung one by one under the spotlights as you scroll; and a still life drawn only in contour lines that rise under the pointer; and three instant photos developing under the pointer.

Images, clean

Galleries with a single idea: a frame that leaves the film and becomes a print, five prints rising into a fan, prints settling into the index row, a cyanotype printed by the sun.

Work on show

One piece of work at a time, big: an interior studio’s homes, photos that surface, a painting, ceramics, glass, a film, a drawing.

Page transitions

From one project to the next without hard cuts.

Clean page changes

Pared-back page changes for studios: the grid, one line, nothing extra.

More clean page changes

Minimal page changes made of type, paper and physics.

Pages like paper

Page changes that behave like a real sheet: a dog-eared corner whose fold spreads across the whole page.

About and process

Awards, numbers, the team, the services, the tools of the trade and the method, told as you scroll.

The menu

The studio’s full-screen menu, coming out of its button, from under the page, from a lift or a drawer.

More menus

A full-screen menu for a studio that works with code, with the links written in characters, a photographer’s menu on a turning clock face a studio’s six sections on the faces of a cube that unfolds flat, a publisher’s links on sheets of tissue paper, another’s spelled by the falling letters of MENU, the nav of a measuring-tools studio, with the pointer running along the graduated scale, and an architecture studio’s menu with a plumb line swinging in front of the links.

The link bar

The top bar with the page you are on: a paper ribbon, watercolour, an inchworm, iron filings, previews, a viewfinder.

Contact

Buttons that come to meet you, the word that turns into the write button, the profile to follow and the email to copy.

Writing to the studio

The project enquiry written as a sentence: every blank is a field, the words after it make room.

The studio, kept clean

For studios that want little on screen: work filters with crop marks, a search through a foundry’s typefaces, the budget on a comb and the name breathing in the footer.

The other kits

All kits
Landing pageFor launching a product or a service, from headline to pricing.