Vibeshots
← Sites

Omni

omni.org
Omni website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
A portrait-format street photograph is overlaid by a centered white rectangle with a multicolor mark and dark blue headline low inside. A thin white square outline extends around it; orange striped side areas are presentation framing. No controls are visible; webpage UI unknown.
Type
Large heavy dark blue sans identity and headline with tight line spacing. Exact font and metrics unknown.
Color and surface
Urban photo with motion blur, white panel and outline, dark navy text and multicolor mark.
Components
Center a white identity-and-message panel over a busy urban street photograph within a larger thin white square outline.

What makes it work

  • Busy urban street photograph
  • Centered white panel with large dark identity and lower message
  • Larger thin white square outline
  • Small multicolor geometric mark
On a new subjectFor a public transit information campaign, center a white identity-and-message panel with dark blue type and a multicolor geometric mark over an original busy station photograph, within a larger white square outline.

Measured

Fonts loadedSometype Mono, neue-haas-grotesk-display
H120px / 700
Body text16px
Page background#ffffff
Text color#081c39
Page height10,894px

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

Live behavior

Today
A white field carries a centered dark navy sans statement, smaller descriptor and outlined rounded action. A restrained top navigation accompanies a multicolor mark, and a large pale yellow circle enters from the lower edge. The gallery reference is a separate promotional composition with street photography and orange stripes.
Responsive
Desktop shows full link navigation and wordmark. Tablet replaces links with search, contact and menu; phone retains search and menu, wraps the headline into three lines and shows part of the circle text at the bottom. The ordinary phone has a mark alone while the fresh phone shows the full wordmark; load phase is a possible confound.
Scroll
At actual scrollY 750 a large pale yellow circle surrounds a smaller gold circle with centered dark text. The initial header and hero are outside the captured frame; the screenshot alone does not establish their positioning mechanism.

More like this