Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A small, left-aligned text column sits near the horizontal center of a white page, surrounded by very large empty margins. A lowercase personal name and keyboard shortcut lead into short first-person statements, nested bullet lists of work and notes with years, then contact links. No photographs, colored panels, or visible conventional navigation bar appear.
- Type
- Small near-black sans-serif body text with a bold name and section labels. Years are lighter gray, and nested items are indented with bullet markers. Text is compact and consistently aligned; exact metrics are unknown.
- Color and surface
- White background, charcoal text, and pale gray metadata/bullets. No visible borders, shadows, cards, or image surfaces.
- Components
- Name and shortcut cue, brief introduction, nested work and notes lists, and contact details presented as a single continuous text column.
What makes it work
- Single narrow text column
- Nested lists with clear hierarchy
- Generous white margins
On a new subjectOrganize an unrelated subject's profile or resource index as a compact hierarchy of short text entries with generous margins. Replace the personal portfolio material and identifiers.
Prompts
Create a visual direction for {{website_name}} in {{industry}} for {{audience}}, shaping {{content}} and supporting {{functionality}}.
COMPOSITION INVARIANTS: Center a compact nested list in a broad open field. Use indentation to distinguish top-level sections, entries, dates and contact actions without cards or large promotional headings. Preserve the observed visual hierarchy and spacing relationships, not the source-specific object inventory.
TYPE: Use small regular sans text with a clear size/weight hierarchy and muted date labels; links may carry one quiet accent. Set a readable scale step between display text, supporting copy, captions, and utilities. Do not name a font family.
SURFACE AND COMPONENTS: Keep a white surface, dark text and pale metadata; avoid imagery or panels unless the subject needs them. Component roles: Small top utility, short identity/introduction, nested work/content list, notes/updates and contact links. Keep controls visually distinct and subordinate to the main content.
IMAGE DIRECTION: Use new project and note labels appropriate to {{content}}; do not copy source names, dates, or contact data. Proportion estimate from the selected still: Visual estimate: list column about 40% frame width, centered horizontally; begins near 15% height and continues below fold. Treat it as an estimate, not fixed CSS geometry.
VARIABLES: Adapt names, details, image subjects, palette accents, and working actions to {{website_name}}, {{industry}}, {{audience}}, {{content}}, and {{functionality}}.
PROHIBITIONS: Use original copy and assets. Do not reproduce the source brand, exact wording, photographs, illustrations, products, people, or signature artwork; source-specific objects and motifs are optional only when they genuinely fit the new subject.
CONTINUATION: Continue with additional nested information only when useful; preserve the compact list and large surrounding whitespace.
RESPONSIVE PROPOSAL: Let the list use most available width, keep nested indentation readable, and place contact controls within the same vertical flow. These are design proposals, not observed mobile behavior. The selected still does not establish source fonts, CSS, implementation technology, motion, or control behavior. Do not present any of those as observed. Implement requested {{functionality}} as working new behavior without implying source validation.
Implement a responsive page for {{website_name}} in {{industry}} for {{audience}}, presenting {{content}} and working {{functionality}}.
INVARIANTS: Center a compact nested list in a broad open field. Use indentation to distinguish top-level sections, entries, dates and contact actions without cards or large promotional headings. Keep the same relative prominence and spacing without requiring the same source objects.
TYPE AND SURFACES: Use small regular sans text with a clear size/weight hierarchy and muted date labels; links may carry one quiet accent. Keep a white surface, dark text and pale metadata; avoid imagery or panels unless the subject needs them. Maintain clear display/body/utility scale, readable line lengths, and sufficient contrast. Components: Small top utility, short identity/introduction, nested work/content list, notes/updates and contact links.
IMAGERY AND SCALE: Use new project and note labels appropriate to {{content}}; do not copy source names, dates, or contact data. Visual estimate only: Visual estimate: list column about 40% frame width, centered horizontally; begins near 15% height and continues below fold. Use flexible widths and content-led dimensions; do not copy this screenshot's coordinates as fixed values.
VARIABLES: Adapt names, details, image subjects, palette accents, and working actions to {{website_name}}, {{industry}}, {{audience}}, {{content}}, and {{functionality}}.
PROHIBITIONS: Use original copy and assets. Do not reproduce the source brand, exact wording, photographs, illustrations, products, people, or signature artwork; source-specific objects and motifs are optional only when they genuinely fit the new subject.
CONTINUATION: Continue with additional nested information only when useful; preserve the compact list and large surrounding whitespace.
RESPONSIVE PROPOSAL: Let the list use most available width, keep nested indentation readable, and place contact controls within the same vertical flow. Use semantic content, keyboard-operable controls, visible focus, meaningful alt text, and no clipped content. The selected still does not establish source fonts, CSS, implementation technology, motion, or control behavior. Do not present any of those as observed. Implement requested {{functionality}} as working new behavior without implying source validation.
Measured
Fonts loadedInter, Inter Fallback
H115px / 400 / -0.15px
Body text15px
Page background#ffffff
Text color#0d0d0d
Page height1,000px
Computed CSS at 1440px, 2026-10-24.
