Effects

The dot field, mesh placeholders, the hover shadow and the blurred nav.

The site uses few effects, and each has one job. The navigation bar is the one blurred surface: it is three quarters page color and blurs whatever scrolls under it.

Dot field

A grid of small dots sits behind every page. It is densest at the top and fades out toward the edges and the bottom.

Mesh placeholders

Four soft gradients stand in for a project cover that does not exist yet.

.mesh-1

.mesh-2

.mesh-3

.mesh-4

Hover shadow

A project tile gains a shadow while the pointer is over it, and stays where it is.

Move the pointer over the tile