Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Inside a photographed laptop, the white portfolio page has a very spacious opening: tiny identity/navigation at top, a large lower-left serif name, small explanatory lines visibly rendering HTML-like tags in contrasting colors, a compact bordered message menu and a tiny orange fox. Laptop, keyboard, table, vase and room are gallery staging.
- Type
- Large lowercase high-contrast serif name; very small sans/monospaced-looking navigation and copy; pink/green syntax-like marks. Exact font identity is unknown.
- Color and surface
- White page, black text, sparse gray details and tiny pink/green marks; warm neutral laptop and room are staging.
- Components
- Spare navigation, oversized serif name, short code-like introduction/current-position lines, bordered message menu and tiny fox.
What makes it work
- Large serif name in spacious light field
- Tiny restrained top navigation
- Concise supporting lines with code-like syntax accents
- Small lower-left character or message affordance
On a new subjectFor a public archivist portfolio, use a large serif name in a quiet white field, a short code-styled line describing the archive work, very compact navigation and a small lower-corner contact affordance. Replace the designer biography and mascot; do not require laptop staging.
Measured
Fonts loadedCormorant Garamond, Manrope, Manrope Fallback, Amiri, Kalam
H186.4px / 600 / -0.864px
Body text15px
Page background#f9f9f9
Text color#303030
Page height13,573px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Sparse nearly white portfolio places an oversized black lowercase serif name well below the small uppercase header, followed by small monospaced code-like text with colored tag accents. A small animal and speech bubble appear in later desktop frames.
- Responsive
- Tablet preserves spacious name and text; phone wraps the name and code-like lines, with navigation partly clipped horizontally in the captured view.
