Vibeshots
← Sites

Danilo Sierra

danilosierra.com
Danilo Sierra website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
An irregular collection of differently sized image tiles and tiny captions scatters across a black field.
Type
Small subdued sans captions and brighter project names; text within tiles is depicted content.
Color and surface
Black ground with dark images and isolated vivid greens, pinks and yellow.
Components
Unequal tiles, multiline captions, several play-like marks inside imagery and an unlabeled dark capsule.

What makes it work

  • A dark spatial collage of unequal project images with tiny quiet captions.
On a new subjectFor a community oral-history archive, scatter unequal interview portraits and stills on black with small captions.

Measured

Fonts loadedOverused Grotesk
H39.5px / 400 / 1.33px
Body text15.5px
Page background#050505
Text color#f2f1ee
Page height14,798px

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

Live behavior

Today
Danilo Sierra saved desktop is a nearly black editorial portfolio with tiny fixed corner identity/Bio navigation and three asymmetric content columns: narrow biography at left, dim project index in the middle and a wider stack of dark-framed writing/media cards at right. Underlines and brighter index entries establish hierarchy without display-scale hero typography. Bottom-left social/email utilities and bottom-right Display control sit at screen edges. This current version is separately attributed from gallery evidence.
Responsive
At768px the biography moves above a single chronological project stream: index label followed by its content card. At390px this remains a single column with20px side margins and compact reading type; desktop corner utilities become a centered rounded bottom dock with social, email and Aa controls. The fixed header stays small and Bio remains text, rather than a hamburger. Exact breakpoint and settings behavior unknown.
Scroll
Desktop actually scrolls750px within14831px document. Left biography and corner utilities remain at the same viewport positions, right media stack advances and middle index changes emphasis toward the visible project. This supports persistent desktop biography/index context while media moves; one sampled offset cannot establish the full synchronization or navigation behavior.

More like this