Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- White bounded page shows four compact text columns across the top and small centered tab labels beneath a tick-mark line. An enormous black blackletter name spans the lower edge, partially overlaid by many brightly colored circular pictogram tokens. Small social pills sit left. Gray exterior is staging.
- Type
- Giant elaborate blackletter name contrasts with small plain sans columns and underlined links. Exact font and metrics unknown.
- Color and surface
- White field, black type, bright pink/yellow/blue/green icon discs.
- Components
- Place compact text columns above an enormous black blackletter name on white, with brightly colored circular pictogram tokens scattered across its upper edge.
What makes it work
- White field with compact upper text columns
- Enormous black blackletter name along bottom
- Bright circular pictogram tokens overlapping name
- Small centered tabs and tick line
On a new subjectFor a public music school, use compact program columns above an enormous original blackletter school name with colorful music pictogram discs scattered across it on white.
Measured
Fonts loadedInter, IBM Plex Sans
H220px / 500
Body text16px
Page backgroundtransparent
Text color#000000
Page height1,000px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- A sparse white portfolio presents a thin centered tick-mark navigation above four separated columns of black sans biography, case links, experience and features. Small pale gray social pills sit above a huge blackletter name spanning the bottom. The gallery reference shows colored symbols over that name, absent from these captured states.
- Responsive
- Tablet rearranges the four information columns into two rows and retains the large name near the bottom. Phone stacks the sections vertically, clips the rightmost navigation at the viewport edge and places the blackletter name below the captured view.
- Scroll
- The desktop scroll attempt records actual scrollY 0 and retains the same screen; no later section or scroll effect is established.
