Varsity

How it’s built

Layout

A bounded hero shows a group of people in an elevator, divided by fine vertical and horizontal rules into navigation zones. A large white high-contrast serif statement sits lower left; a white header has centered serif identity and lime contact action. Colored exterior rods are presentation.

Type

Large white high-contrast uppercase serif message, small sans navigation labels and centered serif identity. Exact font and metrics unknown.

Color and surface

Dark warm photograph, white type/rules and lime action.

Components

Divide a full-field close group photograph with fine rules into navigation zones, anchor a large white serif statement lower left and use a white header with lime action.

What makes it work

• Close group photograph with fine ruled navigation zones
• Large white serif lower-left statement
• White header with centered identity and lime action
• Small zone labels and arrows

Measured

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

Live behavior

Today

A white header with centered serif identity and lime contact button sits above an elevator photograph divided by fine white lines into three columns and two rows. A large white serif statement occupies the lower left; small navigation labels sit at grid edges. The original desktop image shows the same photo grid without the header in its crop; the gallery reference frames it inside a larger graphic.

Responsive

Tablet retains the three-column grid and white header, with a tighter photo crop and smaller statement. Phone replaces the dated header area with a left identity and menu icon, crops to the central person, and places the statement across the lower image. The grid remains visible.

Scroll

At actual scrollY 750 the same image is divided by large magenta, lime and mauve blocks, with only a clipped fragment of the serif statement visible. This single frame does not establish a complete transition or destination.