a327ex

Redesign board, 2026-09-12 to 09-16

63 images · round 1: 21 · round 2: 30 · round 3: 12 · Astra (gpt-6-astra) via image_gen

Visual variations of the site redesign ideas from the Fable and Astra discussion. Round one tried structures and themes across the front door, the paged reader, the notebook, work homes, logs and engine-only ideas. Round two takes the images the owner chose (5, 7, 12, 15, 16, 17, 21) and varies how they work: no sidebar, dark theme only, real text on every page. Round three (L01 to L12) came after the homepage shipped: the owner picked 17, 47 and 48 for the log page, and these references cover the parts of a real log those three leave out.

Click any image to see it at full size with Astra's spec, its type and button treatment, and its noted deviations. Left and right arrows move between images, Esc closes. Chips hide a round or a theme, the way the site's filter chips do.

Round
Theme

Round 1: front door 6

Choosing. What the first screen presents, and how much of it belongs to finished works versus current activity.

Flat library
01 Flat library site dark 1672x941
Typographic directory
02 Typographic directory site light 1672x941
Shelf of distinct objects
03 Shelf of distinct objects paper 1672x941
Spatial atlas
04 Spatial atlas wild 1672x941
Works and current activity
05 Works and current activity site dark 1672x941
Horizontal poster index
06 Horizontal poster index wild 1916x821

Round 1: reader 5

Reading sequentially. The same It Follows opening on a dark spread, a paper spread and a phone, plus the two boundaries a book has and a feed lacks: an overview and an ending.

Quiet dark reader
07 Quiet dark reader site dark 1672x941
Quiet paper reader
08 Quiet paper reader paper 1672x941
Phone reader
09 Phone reader site light 851x1848
Book overview
10 Book overview paper 1672x941
Chapter ending
11 Chapter ending site dark 1672x941

Round 1: notebook 3

The current feed's material. Entries #528 to #530 paginated and scrolled with identical content, so pagination itself is the only variable, then the wild desk.

Paginated daily notebook
12 Paginated daily notebook site dark 1672x941
Scrolling daily notebook
13 Scrolling daily notebook site dark 1672x941
Collected fragments on a desk
14 Collected fragments on a desk wild 1448x1086

Round 1: work homes 2

One home per work: the prototype, its development history and its related essays as one object.

Horse Game home
15 Horse Game home site dark 1672x941
SNKRX home
16 SNKRX home variation 1672x941

Round 1: logs 1

Consulting. The transcript scrolls as today, inside a series frame.

Series-framed transcript
17 Series-framed transcript site dark 1672x941

Round 1: engine-only 4

What only a renderer that draws both prose and play can do: a playable plate, a reading trail, text as space, a replay as a page.

Prose beside play
18 Prose beside play paper 1672x941
Horizontal reading trail
19 Horizontal reading trail site dark 1916x821
Text as navigable space
20 Text as navigable space wild 1672x941
Replay as a page
21 Replay as a page variation 1672x941

Round 2: front door 6

Functional variations of image 5: no sidebar, a cover row, sampling every collection, notebook-first, a paged notebook on the front door, the phone, remembered places.

Cover row above notebook
22 Cover row above notebook site dark 1672x941
Homepage sampling every collection
23 Homepage sampling every collection site dark 1672x941
Notebook-primary homepage
24 Notebook-primary homepage site dark 1672x941
Homepage with a paginated notebook
25 Homepage with a paginated notebook site dark 1672x941
Homepage on a phone
26 Homepage on a phone site dark 852x1846
Homepage with remembered places
27 Homepage with remembered places site dark 1672x941

Round 2: reader 7

Functional variations of image 7: chapter navigation without a rail, single page versus spread, link previews, mixed content on pages, citing a passage, the page-turn edge, reading settings.

Reader with horizontal chapter navigation
28 Reader with horizontal chapter navigation site dark 1672x941
Single-page desktop reader
29 Single-page desktop reader site dark 1448x1086
References without losing the essay
30 References without losing the essay site dark 1672x941
Mixed-content essay spread
31 Mixed-content essay spread site dark 1672x941
Selecting and citing a passage
32 Selecting and citing a passage site dark 1672x941
Page-turn preview
33 Page-turn preview site dark 1672x941
Reading settings with immediate reflow
39 Reading settings with immediate reflow site dark 1672x941

Round 2: notebook 5

Functional variations of image 12: the reader's chrome on the notebook, one entry per page, every entry form on one spread, a message permalink, the phone.

Notebook with the reader's navigation
34 Notebook with the reader's navigation site dark 1672x941
One notebook entry per page
35 One notebook entry per page site dark 1672x941
Different entry forms within one notebook
36 Different entry forms within one notebook site dark 1672x941
A message permalink in the paginated site
37 A message permalink in the paginated site site dark 1672x941
Notebook on a phone
38 Notebook on a phone site dark 851x1849

Round 2: work homes and collections 5

The novel home, the game open in its home, the Replays tab, and the Experiments and Essays collection pages.

Novel home and chapter entrance
40 Novel home and chapter entrance site dark 1672x941
Work home with the game already open
41 Work home with the game already open site dark 1602x981
Work home with Replays selected
42 Work home with Replays selected site dark 1672x941
Experiments collection
43 Experiments collection site dark 1672x941
Essays by year
44 Essays by year site dark 1672x941

Round 2: logs and replays 5

The time-by-project archive, a log in the reader, a log built for consulting, a replay inside a turn, a replay linked to its transcript.

Logs across time and projects
45 Logs across time and projects site dark 1672x941
A log in the reader
46 A log in the reader site dark 1672x941
A log designed for consultation
47 A log designed for consultation site dark 1672x941
Replay expanded inside a turn
48 Replay expanded inside a turn site dark 1672x941
Replay linked to its transcript position
49 Replay linked to its transcript position site dark 1672x941

Round 2: across the site 2

Search across every collection, and expanded media with a clear way back.

Search across the whole site
50 Search across the whole site site dark 1672x941
Expanded media with a clear return
51 Expanded media with a clear return site dark 1672x941

Round 3: the log page 5

References for the log page built from 17, 47 and 48, for the parts those three leave out: the header, filter, summary and attachments; find with a list of matches; a delegated run; an old log with no speaker data; the phone.

Header and sections
L01 Header and sections site dark 1672x941
Find in the session
L07 Find in the session site dark 1672x941
A delegated run
L08 A delegated run site dark 1672x941
An old log without speakers
L09 An old log without speakers site dark 1672x941
The log on a phone
L10 The log on a phone site dark 835x1884

Round 3: inside a turn 7

What a turn holds: the speaker line with its cost and model, thinking and tool calls collapsed and opened, the owner's messages, system blocks, cards, a model change, and prose beside full-width code.

Assistant turn anatomy
L02 Assistant turn anatomy site dark 1672x941
Thinking and a tool call, opened
L03 Thinking and a tool call, opened site dark 1672x941
Owner turns
L04 Owner turns site dark 1672x941
System blocks
L05 System blocks site dark 1672x941
Cards inside turns
L06 Cards inside turns site dark 1672x941
Model changes
L11 Model changes site dark 1672x941
Wide content inside a turn
L12 Wide content inside a turn site dark 1672x941