Vibeshots
← Sites

Nkora

nkora.co.uk
Nkora website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
Warm café scene fills frame with thin pale navigation and centered light uppercase statement; a small pill and downward mark sit low center.
Type
Large light uppercase sans statement with small pale sans navigation.
Color and surface
Warm brown and gray interior with cream overlay text.
Components
Top identity and links, central title, lower pill and down mark.

What makes it work

  • A warm full-frame scene with centered light uppercase title and a small low-center pill.
On a new subjectFor a community ceramics workshop, use a warm studio scene with a centered light uppercase title and small low introduction cue.

Measured

Fonts loadedNKORA V4 Regular
H180px / 400
Body text12px
Page background#24201a
Text color#000000
Page height6,010px

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

Live behavior

Today
The Nkora opening uses edge-to-edge, warm-toned coffee-shop video or imagery. Thin pale-yellow navigation (Locations/About/Jobs/Gift Cards), a centered NKORA wordmark, and the large light-weight “CONSIDERED CUPS” headline overlay the visual; a small pale-yellow Wander In pill and chevron sit below. Desktop t0 and t2 show different scenes from a cafe, including a barista and cup preparation. At y=750 the lower edge of the hero leads into a dark olive section with a large uppercase statement about specialty coffee and a framed cafe image. Tablet and phone keep the headline and bottom invitation over tighter crops, with some nav items absent at phone width. The selected gallery image is a separate Nkora cafe hero with the same wordmark, headline and invitation.
Responsive
Desktop measures 1440×1000 with a 1440×6010 document; the desktop-scroll state records actual y=750. Tablet is 768×1024 with a 768×5412 document. Ordinary and reduced-motion phones both measure 390×844 in 390×5014 documents at y=0. The number of navigation labels visible and the crop/placement of the hero controls vary across sampled widths; three widths do not identify breakpoints. Animation counts are 1 in each ordinary state and 0 in reduced-motion phone.
Scroll
The desktop-scroll image records actual scrollY=750 in a 1440×6010 document. The bottom of the cafe hero, with the Wander In pill and chevron, appears above a dark olive section. That lower section places a large pale-yellow uppercase coffee statement on the left and a large cafe image on the right. The state does not test the invitation or any navigation.

More like this