Website Styles
← Sites

Julia Johnson

juliajohnson.com

Scroll recording at 1440px, 2026-11-03

How it’s built

Layout
White field with large portrait offset left, huge black cropped lettering behind its lower edge and two-bar menu at upper right.
Type
Tiny bold name and very large heavy black sans lettering.
Color and surface
White, black, pale aqua and portrait colors.
Components
Portrait, overlapping oversized lettering, corner identity and menu.

What makes it work

  • Large portrait overlapping oversized black typography on white.
On a new subjectFor an artist archive, overlap a large portrait with giant cropped black lettering on white.

Prompts


 
 

Measured

Fonts loadedHelvetica
Body text10px
Page background#ffffff
Text color#000000
Page height3,713px

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

Live behavior

Today
The live page is a white open canvas with independently placed fashion, portrait, campaign, and video-like image tiles at varied sizes and broad irregular gaps. A very large black JULIA wordmark overlays the lower collage and is cut by the viewport in several captures. A compact Menu control remains near the upper-right. At desktop scrollY 750, additional staggered image tiles appear. The mobile collage reorders/compresses into narrow columns and the oversized wordmark overlaps the lower content.
Responsive
Captured at 1440×1000, 768×1024, and 390×844. Tablet narrows the collage; mobile shows a tightly packed narrow multi-column mosaic with the large Julia identity overlay across its lower edge. Only captured widths are described; no breakpoint behavior is inferred.
Scroll
A real scroll state was captured at scrollY 750. It reveals further staggered collage images, including portraits, campaign images, and a tiled fashion sequence. No link or tile was activated.

More like this