#1134 Cards: bricks for starting points, ruled rows for the Replication Hub's tools

The pale rounded cards are replaced by two forms. Small sets of actions become solid bricks, and long lists become quiet ruled rows.

• Bricks for a handful of starting points: the action_cards shortcode (AWoP Toolkit, Get Involved, and the Submit page in #1133) and the Replication Hub's "Start here". Each brick is a solid block with studs along the top that tie it to the bricks in the home page illustrations. A row runs through the four area colours, starting with its own area's, so a page's bricks are related but not identical. On the hub the four bricks take the stage colours and join into one course.
• Rows for the hub's 19 tools: each stage is an open section under a rule in its colour, and each tool is a contents-style row, with the kind of tool (Database, Web app, Guide…) in a label column and the stage's starting tool titled in the stage colour.
• Area colours: the shortcode takes an optional area (edu, res, jus, com) that sets the first brick's colour. AWoP starts in justice purple, Get Involved in community orange; without it a row starts in research blue.
• No tool search on the hub: with 19 tools in four labelled stages, the search added more than it saved. Its markup, script and styles are removed.
• Accessibility fix: on phones, only a hub tool's 19 px title was a link, under the 44 px minimum. Now the whole row is the link and shows the focus ring. The smallest link target on these pages is now 76 px.

This is the combination recommended after two independent design explorations, one by Sol and one by a blind Opus agent: Brickwork for small sets, a contents page for long lists.

Based on #1118. Checks: SEO passes, axe finds nothing on the three pages at 1280 and 390 px, and the design check's page audit (overflow, text under 15 px, contrast, line length) is clean at 390, 1024 and 1440 px. In a browser, tapping anywhere on a hub tool's row follows its link.

Replication Hub

Desktop (before above, after below)

Phone, Start here (before left, after right)

Phone, first stage

AWoP Toolkit

Get Involved

Colour options considered (one colour, A: four area colours, B: a tonal range of one colour). The PR uses A, starting each row with the page's own area.

Created with Claude Opus 5.5 in Claude Code; design directions by GPT-6.1 Sol (Codex) and a separate Claude Opus 5.5 agent.

🤖 Generated with Claude Code

---

Summary by cubic

Replaces the pale rounded cards with two forms: solid bricks for small sets of starting points, and quiet ruled rows for the Replication Hub's 19 tools.

• The action_cards shortcode takes an optional area (edu, res, jus, com); AWoP uses justice, Get Involved community. Each row runs through the four area colours, starting with the page's own.
• Each brick is a solid block with studs along the top and keeps its colour when printed; the hub's four bricks take the stage colours and join into one course only once all four fit on a line.
• Hub stages become open sections under a rule in their colour, each tool a contents-style row with its kind (Database, Web app, Guide…) in a label column.
• On phones the whole tool row is now the link target, fixing the 19 px title that fell under the 44 px minimum.
• The hub's tool search is removed; its markup, script and styles are gone.