Skip to content
Site volume
Colourway

Kits

3D kit

The wooden blocks in GL, CSS and SVG: the pile on its stage, the stills, the scenes, the crate, the case and the 404, print-shaded in the brand's inks.

14 pages, each with its live example, props and the press check.

  • Baseplate

    A slab with four by three sockets, one of them empty and keyed with a dashed line.

  • Block CSS

    A CSS 3D block for cards and small places, with a hop on its host's hover or keyboard focus and no JavaScript.

  • Block loader

    The MAKR letters hopping in a row while something loads, beside a literal status.

  • Block mark

    The 2 × 2 MAKR mark as blocks on integer pixels, with gap or overprint seams, from favicon size up.

  • Block scene

    An arrangement as CSS 3D blocks at the house camera, with an optional one-time drop into its pose.

  • Block still

    Any arrangement at any camera as server SVG: the stage's first paint, OG art and docs stills, inks resolved by the look.

  • Block SVG

    One block as SVG at the house camera: letters, supports and the wood block, for small places and lists.

  • Blocks stage

    The MAKR block pile on its own art plate: a server still first, then the live, print-shaded GL pile where the device can play.

  • Build on scroll

    An arrangement that assembles block by block as its section scrolls into view.

  • Crate

    A wood crate with a stencilled name and a line sticker: sealed with tape, or open with the wood block inside.

  • Plan plate

    A site plan lying on the floor with one letter block standing on it.

  • Sample case

    Four stacked plates in the line inks and an open fifth slot; it fans when its card is hovered or focused.

  • Slot

    A baseplate with one letter block seated in its recess, and a dimension line.

  • Topple 404

    The logo stack a visitor can knock over on the 404 page, and stack up again.