Vibeshots
← Sites

Colonia Zacamil

coloniazacamil.com
Colonia Zacamil website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
A richly detailed oblique illustrated aerial neighborhood fills the image: dense housing blocks, trees, roads, tiny figures and brightly painted facades form a continuous scene. An enormous white geometric wordmark/phrase runs along the bottom foreground; its lower portions are visibly cut by the image edge, so the full wording cannot be read.
Type
Extremely large heavy geometric white display lettering with angular cuts. Other readable text is absent; exact face/metrics unknown.
Color and surface
Muted concrete gray, olive and tan, accented with blue, pink, red and yellow facades; white foreground lettering contrasts with the busy illustration. No panels.
Components
Full-frame isometric neighborhood illustration, houses, trees, tiny people, giant lower-edge lettering.

What makes it work

  • Immersive detailed illustration
  • Environmental depth and small scene details
  • Oversized contrasting type integrated with image
On a new subjectBuild an unrelated detailed illustrated setting, then add one large contrasting phrase along an edge. Replace setting and message; do not invent the unseen remainder.

Measured

Fonts loadedRoboto Mono, Reckless Neue, Heathergreen
Body text16px
Page backgroundtransparent
Text color#ffffff
Page height1,052px

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

Live behavior

Today
Colonia Zacamil saved landing state places extremely tall condensed black FLY TO and ZACAMIL around a shallow rounded aerial-image slot across a pale warm-gray field. Large open top/bottom areas emphasize the horizontal word-image-word assembly. A small mono bracketed credit sits by the destination word; a centered black pill uses pale mono Discover text and a pale ring/end dot. A small centered serif audio invitation sits low on wider views. Background appearance is a visual estimate; body CSS is transparent.
Responsive
At768px the phrase remains one horizontal assembly with smaller99.84px type and a narrower image window. At390px FLY and TO split across the top, aerial image becomes a larger middle rectangle, and ZACAMIL fills a separate lower line, followed by the tiny credit. The display font increases to200px in this phone composition instead of uniformly shrinking. Discover sits near the bottom and the wider-screen audio invitation is outside/not visible in the phone sample; its absence is not assumed to be removal.
Scroll
The nominal scroll attempt records actual52px, reaching1052px document height in a1000px viewport. Screenshot bytes match t0/t2 and main title positions remain fixed in measurements, while a sampled lower IMG moves up52px. This is observed lack of visible change in the saved landing state, not proof the whole experience is non-scrollable. Discover may gate later content but was not clicked.

More like this