Design field guide · generated evidence
A field guide to the site’s components, typography, layouts, images, and recurring visual ideas. Use it to notice what works, name what breaks, borrow a relationship, and wander back into the live work.
Regenerated from the authored site.
Four ways to look
A still is useful when it preserves a question. These lenses make screenshots and public images into evidence for the next component, type decision, layout repair, or visual direction.
01 · component
Compare slot order, edges, actions, density, and how the card sits in company. Capture the page, the component, and the portable template for three different truths.
Study component captures02 · typography
Use repeated stills to notice measure, wrapping, label-to-title contrast, paragraph rhythm, and which lines begin competing at pocket width.
Open the type measurement03 · layout
Compare pocket, fold, and broadsheet. Look for clipping, empty tracks, accidental symmetry, duplicated surfaces, and a layout that loses its reason between widths.
Inspect spatial gravity04 · trope
Name the frame, motif, material, light, and posture before using a still as a model reference. Borrow the relationship; keep the destination’s own meaning and copy.
Trace palette and materialFind a handle
Results open in the focused still, token, or systems room. Try typography, cards.css, metamaterial, or an image name.
Type two or more characters to search without loading thousands of records into the page.
Route-anchored stills
These references are selected by authored route use, not a taste score. Open a route to see what the image is doing around real copy.
generated · webp · 77.3 KiB
A kinetic papergami artwork with geometric folds and shadows.
/public/images/renders/papergami/papergami-kinetic.webp
Seen in context /design/folios/ /services/ecosystem/ +5
published · webp · 164.7 KiB
A violet and teal math signal field with graph waves, luminous points, and spatial intuition traces.
/public/images/routes/math-signal-field-square.webp
Seen in context /design/experiments/symphony/a/ /design/experiments/symphony/b/ +4
published · webp · 32.4 KiB
Character cards for baker, mathematician, and WAP boy under the question what kind of guy needs to count to pie, above notes on how deep a WAP should be
/public/images/assets/folios/folio-what-kind-of-guy-counts-to-pie-display.webp
Seen in context / /design/experiments/folios/calendar/ +3
review · webp · 225.1 KiB
A dark signal lattice of glowing amber lines, operator marks, and suspended nodes resembling a storyboard for technical overlays.
/public/images/renders/unsorted-curation/algorithm-lattice-0.webp
Seen in context /blog/ /design/experiments/symphony/a/ +2
published · webp · 72.3 KiB
Lndr the rockgnome artisan working meticulously with miniature tools at a wooden studio desk.
/public/images/assets/rpg-wednesday/rpg-character-lndr-rockgnome-study-display.webp
Seen in context /play/rpg-wednesday/ /play/rpg-wednesday/character/ +1
published · webp · 372.6 KiB
Constellation studio study with luminous nodes arranged as a navigable field.
/public/images/home/constellation-studio-1600.webp
Seen in context /design/ /design/experiments/symphony/a/ +1
published · webp · 34.1 KiB
Papergami layout apparatus with translucent geometric apertures and spatial layers.
/public/images/assets/illustrations/design-papergami-layout-machine-display.webp
Seen in context /design/materials/ /design/slots/
published · png · 1.1 MiB
A crystal-like study of clustered facets and luminous planes suggesting stable arithmetic habitats and clean inverse structure.
/public/images/assets/compression-crystals.png
Seen in context /topics/math/field-theory/ /topics/software/compression/
Rooms behind the field guide
Recurring design tropes
The most useful site motifs connect information and atmosphere: frame as address, field as relation, material as reading condition, and route as room. Each becomes more convincing when it survives another page with different copy.