Griflan

How it’s built

Layout

A dark page has a top left vertical menu, centered wordmark and red action at right. A centered three-line cream and muted-gray serif heading dominates; small support and a red button sit beneath. A lower left text block faces a dark image panel.

Type

High-contrast display serif with upright headline and italic word in lower copy; small sans navigation.

Color and surface

Near-black, cream, muted gray and vivid red flat surfaces.

Components

A centered multitone serif statement and red action sit on near-black, with compact navigation above and a split introduction below.

What makes it work

• Near-black field
• Large centered multitone upright serif statement
• Compact support and red action
• Split lower introduction with serif text and image area

Measured

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

Live behavior

Today

A near-black field carries a large centered cream high-contrast serif headline, tiny left navigation, a centered wordmark and bright red actions. Below, a smaller serif studio statement sits opposite a changing media tile. The original desktop reference shows a different word within the lower statement and a dark media frame, a separate phase.

Responsive

Tablet keeps the desktop composition at a much smaller scale with substantial vertical space. Phone centers and stacks the heading, studio statement, outlined action and media; ordinary phone lacks the wordmark seen in the fresh phone frame, so loading phase is a confound.

Scroll

At actual scrollY 750 a large media panel with play-like labels fills most of the frame, while navigation and the connect action remain near the top. The upper headline is clipped; the frame does not establish playback or sticky positioning mechanism.