McLane Teitel

How it’s built

Layout

A modest two-line statement is centered within an exceptionally empty pale gray field. A tilted pale project-interface image enters along the bottom edge and is only partly visible.

Type

Medium regular-to-medium black sans centered statement with a single underlined word; little other enclosing text is visible.

Color and surface

Pale gray field, black text and mostly white nested project imagery with soft image shadows and small colored details.

Components

Central short statement with inline link treatment and partial oblique project preview.

What makes it work

• A modest centered two-line statement in a pale void above an oblique pale project image entering low.

Measured

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

Live behavior

Today

McLane’s captured portfolio opens on a pale gray canvas with a centered statement: “McLane is a product designer whose work is driven by usefulness, simplicity, and visual expression.” A large, angled white work panel enters at the bottom of the desktop frame; tablet and phone show the statement above cropped commerce and analytics-like project panels. The separate gallery reference also uses a pale gray/white canvas with the McLane statement above a large light project panel containing product imagery such as skincare and shoes.

Responsive

Desktop, tablet and phone measure 1440×1000, 768×1024 and 390×844, respectively, and each document equals its viewport. All states record y=0. The centered statement is wrapped more tightly on tablet and phone, with project imagery entering near the bottom of the viewport. These screenshots do not establish breakpoint thresholds or content beyond the captured frame.

Scroll

The state labeled desktop-scroll measures actual scrollY=0 in a 1440×1000 viewport-sized document. It shows the centered McLane statement above a cropped project panel with analytics and a “What’s next?” area. No actual scrolled position was captured.