Vibeshots
← Sites

Ravi Klaassens

raviklaassens.com
Ravi Klaassens website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
A bounded dark page shows a central portrait with the face obscured by red and black fragmented streaks, against grainy gray illumination. Small grouped navigation appears across top; centered white name/description and dates sit over the lower portrait, with a dark contact label left. Outer black area is presentation.
Type
Compact centered bold sans description and small underlined navigation, no giant headline. Exact font and metrics unknown.
Color and surface
Near-black, gray granular light, red fragmented portrait and white text.
Components
Center a grainy portrait with red/black fragmented facial area on dark gray, overlay compact white centered copy low and distribute small navigation groups across the top.

What makes it work

  • Grainy central portrait with red/black fragmented face
  • Dark gray field with light behind figure
  • Compact centered white lower copy
  • Grouped small navigation
On a new subjectFor a public contemporary-art exhibit, use an original grainy portrait with red/black fragmented facial area, compact white centered exhibition copy low and small grouped navigation.

Measured

Fonts loadedReplicaLL, Reckless Neue, Suisse Intl Book
H130px / 500 / -1.2px
Body text12px
Page background#e0dedd
Text color#000000
Page height7,189px

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

Live behavior

Today
A full-screen grainy gray/black portrait is vertically fragmented into red-and-black face streaks, producing a coarse unstable image surface. Pale small sans navigation is grouped in three underlined-link columns across the top, each with a simple geometric marker; a heraldic rider silhouette sits left, tiny boxed clock/location metadata and Discover utility at the right. A compact centered medium sans identity/statement and location sit low, framed by small square corner markers. A black contact rectangle with tiny corner dots sits at lower left. The following pale-gray section uses the same compact centered text and square framing, with a small dark-red bottom dock.
Responsive
Tablet retains the three-column top navigation and low framed title, while portrait framing tightens. Phone removes those link columns from the visible header, leaving rider, small clock/location and Discover. Center title stays about29.311px/28.139px versus30px/31.2px desktop; its location moves below and contact centers near the bottom. Phone still uses the full viewport portrait. Fresh phone shows a very different black-matted intro: inset portrait and a small rider entering at bottom, with no readable header/statement/contact. Source-bound lossless crops verify that absence rather than assuming viewer repetition suppression. It cannot be merged into the ordinary phone layout.
Scroll
Actual desktop scrollY750 leaves250px of distorted portrait and its low title at the top; upper navigation is gone. Pale rgb(224,222,221) region follows with three compact centered30px text blocks framed by small square markers. Several lower words are mid-reveal/clipped and not wholly legible, so the full raw sentences are not claimed painted. A lower Works/date strip enters, with a three-piece dark-red identity/Directory/Sound dock centered near y951. Those controls are untested. Sampled animations increase5 to12 in this phase; full page7189px is not inspected.

More like this