Middle Name

How it’s built

Layout

Deep green page places a large white regular sans multiline introduction toward the upper left; a white bottom band holds a black name and downward arrow.

Type

Large regular white sans introduction; smaller black text in lower band.

Color and surface

Deep green field and white band with black text.

Components

Large left-aligned introduction and contrasting bottom strip with name and arrow.

What makes it work

• Deep green field
• large left-aligned white text
• white lower band and black identity/arrow

Measured

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

Live behavior

Today

The Middle Name portfolio begins with a very large navy wordmark on a warm off-white ground. A broad open vertical gap separates it from a horizontal rail of project cards with varied image proportions and staggered vertical placement. The desktop-t2 frame shows a later rail arrangement than desktop-t0. At actual scrollY=490 the gallery remains near the top and a lower-right statement with a Get in Touch button appears beside a left column of pill links.

Responsive

At 1440×1000 the wordmark nearly spans the top and the project rail sits well below it. At 768×1024 the wordmark is smaller and centered above a partially visible rail. At 390×844 the wordmark is a single line and the rail appears low in the viewport with horizontally cropped neighboring cards. These examples sample three widths and do not establish breakpoint rules.

Scroll

At actual scrollY=490 in a 1440×1490 document, project cards occupy the upper part of the frame. A statement beginning “Brands built on understanding” with a Get in Touch button appears at lower right, opposite About, Testimonials, Contact and Instagram pills. This single position does not establish sticky behavior.