ZATREIDES · LAB
00000

The lab.

Everything built against the Master Architecture. Cashmere #ECE7DF · Night #151515 · Crimson #93032E. Anton, neo-serif, terminal mono.

00 · Grade the labs

G11

Final lab · last pass

Every fix you asked for with what I did, the questions only you can answer, my suggestions, and the section order for home and /hire built from your approvals. Move, switch off, export.

Start here now
G10

Review · one sitting

Every lab in the order to look at it, Fable's pick per family with the reason, the alternates, and the fourteen decisions only you can make. Tap, note, export.

Start here
G0

Site v2 · assembled

The one-page site built from the kept and fixed sections: hero, brands, receipts, arc, case study, transmission, stepper, team, services, numbers, resources, close.

Assembling
G1

Carousel lab

19 carousel variants in the agency-blue system, fix round done. Keep / Fix / Kill with notes, export when done.

Fix round running
G2

Sections lab

25 sections across eight families, fix round running. Same grading, same export.

Awaiting grades
G3

Motion lab

15 text animations and 10 scroll devices, every element animated. Grade them the same way.

New
G5

/hire lab

The recruiter page rebuilt in the blue and paper system: new sections, scroll animations on every one, your copy kept word for word, no image canvases.

Building
G6

/portfolio lab

The email wall in the system, two ways: A restyles the rail, wall and lightbox, B goes slab-first with an arc and a rail per niche.

Building
G7

Portfolio showcases

Eight new ways to show emails: full-send theatre, anatomy assembly, inbox, before/after wipe, flow map, zoom archive, device trio, cadence calendar.

Building
G8

Scroll scrub

Scroll tied to assets: image-sequence turntable, video scrub, layered parallax hero, type as a mask. Free local renders first.

Gated · live
G9

Statements + transitions

Six one-line statement sections and five seam devices between blue and paper.

Building
G4

Zen's refs

Five section references and six 3D objects dropped 9/2. Refs in /lab/refs, objects in /images/3d.

Inputs

01 · Full page

A3

Agency · blue

New direction. Klein blue + orange, Anton over Bodoni italic, HUD furniture, tabbed carousel. Desktop opens blue, mobile opens paper, both alternate.

Current
A0

Agency · neo

Modern tech direction. Plasma gradient, Unbounded display, 3D send-stream of real email slabs.

Newest
A2

Agency · offer

ARB structure: trust bar, offer headline, pill CTA, star row, full-colour carousel.

Direct response
A1

Agency one-pager

Complete landing page. Dossier hero, receipts upfront, work wall, services, operator, close.

Newest

02 · Hero variants

H1

Dossier file

Cream desk, graph grid, micro-copy header, file ID, slab in a crimson tracking box.

Jan Koum ref
H3

Comic panel

Halftone field, crimson starburst behind the slab, corner badge lockup.

Speed ref
H4

Sniper lock

Tactical night, terminal readout, L-brackets and crosshair on the subject.

HUD too faint
H5

Edge cage

Giant outline over solid Anton, edge-to-edge, slab caged between the two bars.

Most aggressive

03 · Proof treatments

P1

Coverflow

Arc carousel of email slabs.

P2

Archive wall

Dense grid wall.

P3

Marquee

Rolling ticker rows.

P4

Spotlight grid

Grid with a moving spotlight.

P5

Dust logos

Brand marks in dust.

04 · Earlier experiments

M3

Monoliths v3

Standing slab monoliths.

M2

Monoliths v2

Earlier pass.

M1

Monoliths v1

First pass.

S1

Slab 3D

3D slab rig.

C1

Cube

Rotating cube.

F1

Flow engine

Flow diagram motion.

T1

Type lab

Font pairing tests.

05 · Live routes

R1

Home

The current agency site.

R2

/hire

Recruiter page, notebook aesthetic.

R3

/portfolio

The curated email wall.

R4

/case-studies

Images fixed — was a lazy-load deadlock.