Vibeshots
← Sites

Mathias Adolfsson 2026

mathiasadolfsson.dev
Mathias Adolfsson 2026 website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
A black rectangular page field sits within a white outer margin. Small identity/role text anchors upper left and About sits upper right. A horizontal project carousel occupies the middle: a large central landscape card contains a bold three-line statement and Browse our products action over a tent/interior scene; neighboring cards are partially visible at left and right. A thin curved indicator and Tentipi label sit near the bottom center. The white margin may be gallery framing.
Type
Central card uses bold white sentence case sans with smaller action label; top corner labels are small sans. No exact face/metrics.
Color and surface
Black page field, warm blue/amber central photo, white copy and white pill action; neighboring cards show other landscapes/people. Outer white margin is not confirmed part of page.
Components
Identity/about labels, horizontal project cards with partial neighbors, central over-image message/action and lower arc/category indicator.

What makes it work

  • Dark page field
  • One dominant central story/image card
  • Partial adjacent cards
  • Compact identity and sequence label
On a new subjectPresent one unrelated story or product image as the central card, with neighboring examples partly visible and a concise action. Replace personal identity and product-specific wording.

Measured

Fonts loadedinter
H113.5px / 400
Body text13.5px
Page background#080808
Text color#f7f7f7
Page height1,000px

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

Live behavior

Today
A black portfolio field presents a broad central image panel with curved-looking edges and partial neighboring panels at both sides. The central panel shows a landscape/interior image with bold white multiline copy and a small white pill within the depicted project. Small white identity and role occupy the top left, About sits top right, and a short arc with project label sits low center. Image-panel content is not asserted as independently functioning page controls.
Responsive
Tablet retains the central panel and slivers of its neighbors at a smaller scale, with identity and role visible. Phone retains a narrow central panel and side slivers, but its embedded headline and button are clipped on the left; only the name remains at top. Clipping is an observed limitation, not an invariant.
Scroll
The desktop scroll attempt has actual scroll 0 and document 1440x1000. Panels shift slightly in the later screenshot, but scroll attempt and elapsed time are confounded; no vertical page progression is established.

More like this