Iconwerk

How it’s built

Layout

White canvas with a masonry-like arrangement of large rounded rectangular samples. A compact black logo and two-line proposition occupy upper left; colorful icon tiles and product demonstrations fill staggered columns to the right and below. A separate explanatory copy block sits lower left. Tile sizes vary but align on a loose shared vertical rhythm.

Type

Black modern sans with bold service phrase and regular supporting lines; white or colored pictograms dominate samples. Small rounded chat bubble appears upper right. Exact typeface not inferred.

Color and surface

White ground, pale gray and charcoal sample cards, bright red and blue panels, wood texture and black areas; corners are rounded, shadows not prominent.

Components

Brand mark, introductory proposition, varied icon sample panels, accessibility symbol card, photo/product demonstration, one chat bubble, explanatory block.

What makes it work

• Varied sample panels
• Loose staggered alignment
• Open white margins
• Brief framing copy

Prompts

Measured

Computed CSS at 1440px, 2026-10-24.

Live behavior

Today

The Iconwerk home capture uses a white background, compact “iconwerk” identity and contact control, with a short custom-icon design statement beside a dense mosaic of rounded image and icon tiles. The saved desktop image begins with a cloud-like line icon and a mixture of black, gray, red, orange and photographic tiles; a lower text block reads “Simple, clear, useful.” The separately selected gallery reference is another mosaic crop with different icons and tile arrangement.

Responsive

Desktop measures 1440×1000 with an 8411px document; tablet is 768×1024 with a 15395px document; ordinary and reduced-motion phone states are 390×844 with document heights of 11066px and 8427px. The phone capture stacks the statement and two-column tile grid; tablet uses wider multi-column tiles. These sampled widths do not establish breakpoint thresholds. The different document heights and icon states are recorded without assigning a cause.

Scroll

The desktop-scroll state measures actual scrollY=750 in an 8411px document and shows the “Simple, clear, useful.” statement alongside icon/product imagery. This is evidence for that saved position only.