prototemplate

Present.

The full walkthrough — one deck through the storyboard, the principles, every live prototype, and the scoreboard that picked the winners.

▶ Open the deck
01 Introthe nameplate
02 Whythe case for a redesign
03 Principlesthe rules the system runs on
04 Craftthe details, measured
05 Type detailletterforms at working size
06 Prototypesevery direction, live
07 Scoreboardhow each round was judged

Every direction.

13 directions · one storyboard
01

Toolchain

The minimalist evolution of the current site: one ruled column, bento rows whose shells never repeat, and a family of isometric line-art diagrams.

lightStructure from hairlines alone — no backgrounds, no ornament.
02

Chroma Flow

A curl-noise flow field pulls streaming color through the nameplate, and the product story reads as one continuous pipeline beneath it.

lightA double-line ribbon of flowing chroma carries the hero.
03

Dither Field

Hellos in eight scripts resolve out of Bayer noise and dissolve back, pixel by pixel, above data-led product rows.

lightThe hero is an ordered-dither field breathing at 1 bit.
04

Aurora Paper

A grainy aurora drifts behind an otherwise disciplined paper page, and the product story is told as one working workspace.

lightA Resend-grade light wash behind a paper page.
05

Glyph Rain

A particle rain of world-script glyphs gathers into each word of the headline, holds, and re-scatters, above script-led product sections.

lightCharacters from eight scripts condense into the headline.
06

Prism Light

One white beam splits through a glass prism and the translations ride the dispersion fan out, above delivery-led sections.

lightThe burst re-exposed for paper, masked into the thread.
07

Lens Gate

The ruled paper itself passes through one breathing glass — components enter in English, refract, and exit translated on the far side.

lightThe page's own rules bend through the lens and snap straight at the rim.
08

Paper Foundry

The bento machined into paper — hairline cells set into a brushed-graphite sheet, finished in strict reading order.

lightOne anisotropic sheen sweep over a reading-order cell cascade.
09

Terminus Board

A departure hall for locales — a split-flap headline over a flip-wave cell grid that lists languages the way a terminus lists trains.

lightThe headline riffles through world scripts, settles into English, and cools through amber.
10

Wide Rule

One analytic interference band crosses enormous quiet space, and the whole product story is set in the calm around it.

lightA film still — fringes dissolve into the null that holds the gate and the headline.
11

Event Horizon

Component walls dive with curved perspective into a black-hole gate — English falls in, translations emerge, and flags orbit the horizon.

lightCollinear pairs cross the horizon — in as English, out translated.
12

Hourglass

Dark corridor walls of UI cards sweep concavely into a vanishing point, pinching at an hourglass waist that holds the mark, the flags, and the CTAs.

darkThe English wall flows into the waist; the translated wall flows out.
13

Singularity

The enterprise gate: the lensing horizon alone on open paper, customers riding the locale belt, and a contact bay beneath it where glyphs rain through the dark.

lightNothing competes with the mass: customers and locales orbit it.