Lab
Skeleton
Rosinaldo

Skeleton

Eleven ways for a placeholder to give way to content.

Frost

The placeholder is the post behind frosted glass; when it loads, the glass clears.

RO
Rosinaldo
@r0sinaldo · 2m
A window for every story.

Something there, not yet in focus.

Dust

The placeholder is fine dust, carried into the content when it arrives.

RO
Rosinaldo
@r0sinaldo · 2m
A window for every story.

The grey becomes the content, rather than making way for it.

Denoise

The content is generated out of noise, the way an image model makes a picture.

RO
Rosinaldo
@r0sinaldo · 2m
A window for every story.

Loading as making, not filling in.

Pencil

A pencil sketches the post in, then the colour arrives.

RO
Rosinaldo
@r0sinaldo · 2m
A window for every story.

The content is drawn, not dropped in.

Melt

A quiet grey that breathes, then melts away as the content appears.

RO
Rosinaldo
@r0sinaldo · 2m
A window for every story.

A placeholder at rest, rather than busy.

Morph

Each placeholder shape turns into the thing it stood for.

RO
Rosinaldo
@r0sinaldo · 2m
A window for every story.

One thing becoming another, not one leaving as another arrives.

One light

One light passing over the whole placeholder.

RO
Rosinaldo
@r0sinaldo · 2m
A window for every story.

The classic shimmer, as one sweep instead of many out of step.

Ink

The text is written in, line by line.

RO
Rosinaldo
@r0sinaldo · 2m
A window for every story.

The placeholder already has the shape of the words.

Blur-up

The text arrives with a blurred preview of the picture, which sharpens when it lands.

RO
Rosinaldo
@r0sinaldo · 2m
A window for every story.

Something to look at while the rest is on its way.

Out of order

Each part arrives on its own, without moving anything else.

RO
Rosinaldo
@r0sinaldo · 2m
A window for every story.
4 still on the way

Real pages rarely load all at once.

Patience

For a long load, the placeholder says so, quietly.

RO
Rosinaldo
@r0sinaldo · 2m
A window for every story.

A shimmer promises a short wait; this one is honest when it isn't.

On this page

  • Frost
  • Dust
  • Denoise
  • Pencil
  • Melt
  • Morph
  • One light
  • Ink
  • Blur-up
  • Out of order
  • Patience