Vibeshots
← Sites

Rene Bieder

renebieder.com
Rene Bieder website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
Gray field with centered dark corrugated rectangular container-like object carrying large pale letter and number specimens; sparse header and bottom labels.
Type
Large regular pale sans specimen and tiny condensed list; compact black header.
Color and surface
Gray field and dark ribbed object with pale lettering.
Components
Centered wide ribbed dark artifact with large type and small list, sparse header.

What makes it work

  • Centered dark ribbed artifact
  • large pale specimen type
  • compact list
  • gray field
On a new subjectFor a public materials archive, show large pale specimen labels and a compact list on a wide dark ribbed sample against gray.

Measured

Fonts loadedFallback, Basis Sans Book, Basis Sans Bold
H340px / 400
Body text20px
Page backgroundtransparent
Text color#000000
Page height10,836px

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

Live behavior

Today
The René Bieder type foundry page uses a restrained white canvas, a slim navigation row and centered introductory copy describing its Berlin type studio. Below the introduction, wide specimen and client images form a two-column portfolio; the desktop-scroll frame at y=750 shows project labels such as “Neurath X” and “Volkswagen Group,” with a cookie notice along the bottom. The selected gallery reference is a distinct black shipping-container type specimen, not the live intro frame.
Responsive
Desktop is 1440×1000 with a 10836px document; tablet is 768×1024 with a 16760px document; both phone states are 390×844 with 9984px documents. The tablet and phone captures stack the introduction and portfolio imagery and replace the desktop text navigation with compact icon controls. These widths do not establish breakpoints or the complete page order.
Scroll
The desktop-scroll screenshot records actual scrollY=750 in a 10836px document and shows typeface/client cards including “Neurath X” and “Volkswagen Group,” plus the cookie notice and “Accept” button. This describes the saved scrolled frame only.

More like this