thomaspeng.ca · Redesign Review

Thirteen directions.
One goes live.

This is a private review board for choosing the redesign of thomaspeng.ca. Thirteen complete, distinct site directions are built and deployed across three rounds, alongside two brand identity galleries. Every direction is fully interactive and ships with a light and dark toggle. The subject: a graphic designer turned AI-native agent engineer who builds agentic systems and evaluates them honestly. Review the index below, open the live previews, then pick one direction to promote to the live apex domain.

  • 13Site directions
  • 3Rounds
  • 2Brand galleries
  • 9.0Top score
Round 01

First directions

Built first · the original three
  • Instrument

    8.5

    Observability / trace-dashboard

    A portfolio built like a great trace dashboard. A live agent fan-out graph plus an embedded Quorum trace UI prove the agentic-eval thesis on sight.

    Light + dark toggle View live
  • Cinematic

    8.0

    Cinematic WebGL shader field

    A genuine cinematic WebGL hero where the shader enacts adversarial verification resolving into convergence. Bold and memorable, honest numbers carrying the substance below.

    Light + dark toggle View live
  • Monograph

    8.5

    Editorial research paper

    The work presented as published research, nulls included. Numbered figures, confidence intervals, and honest-null callouts make the intellectual-honesty thesis unmissable to a lab reviewer.

    Light + dark toggle View live
Round 02

Design-language expansion

Five new visual systems
  • Blueprint

    8.0

    Engineering schematic / axonometric

    A technical drawing of the work: graphite hairline grids, leader lines, and annotation-red callouts. Systems shown as wireframe axonometric, not as marketing.

    Light + dark toggle View live
  • Swiss

    8.5

    International Typographic poster

    Grid-locked, asymmetric, one bold international red. Discipline as power: big type, rules, and field divisions do all the work with nothing decorative.

    Light + dark toggle View live
  • Riso

    8.5

    Risograph print / halftone overprint

    Spot inks on cream with deliberate halftone and overprint misregistration. Tactile and human, a designer's hand visible behind the engineering.

    Light + dark toggle View live
  • Atlas

    8.5

    Spatial product-viz / 3D object

    A single 3D object on a gallery plinth carries the page, bronze labels and gallery white kept restrained. The work treated as a product worth examining in the round.

    Light + dark toggle View live
  • Ledger

    8.0

    Lab-notebook build log

    A light, ruled lab notebook, not a terminal. Dated entries, diff-green and diff-red changelog marks, and a highlighter accent show the honest record of how the work was built.

    Light + dark toggle View live
Round 03

Honesty-forward

Brainstorm-selected · thesis-first
  • Autopsy

    9.0

    Retraction-as-hero editorial

    Leads with a retraction, not a win. A measured lift is shown to be a truncation artifact, then corrected in the open. Intellectual honesty made the headline.

    Light + dark toggle View live
  • Pressure

    8.5

    WebGL result-as-hero scatter

    The hero is the actual result: a live WebGL2 scatter where attacker points and converged points separate before your eyes. The chart is the headline, not decoration.

    Light + dark toggle View live
  • Router

    8.0

    Cost-aware routing rate-card

    An actuarial rate-card for the work: model tiers, cost per task, and where a cheaper tier holds quality. Engineering judgment priced like an insurance table.

    Light + dark toggle View live
  • Adversary

    8.0

    The site audits the visitor

    An interactive inversion: the page red-teams the visitor's assumptions, then shows its own work being audited the same way. The thesis, demonstrated live on you.

    Light + dark toggle View live
  • Seed

    8.0

    Reproducibility-first document

    Every claim ships with its seed, command, and calibration. A reproducibility-first engineering document where the reader could rerun the result themselves.

    Light + dark toggle View live
Brand

Identity

The mark is chosen, the explorations are kept for reference
Selected identity

Grid-P, cyan accent · Cabinet Grotesk

The chosen identity: the modular Grid-P logomark with the deeper-cyan accent cell, locked to a Cabinet Grotesk wordmark. The full system, with construction grid, color tokens, wordmark, and favicon, is documented in the brand4 gallery.

View selected identity system

How to choose · Next step

After you pick

Open the live previews, compare them, and choose the direction that best fits the audience you are targeting. A brand identity can be selected independently of the site direction. The step-by-step promote-to-apex procedure lives in the results doc inside the agency superpowers folder. Every preview is noindex and stays live until one direction is promoted to the apex domain.