Vibeshots
← Sites

Glitch&grit

glitchandgrit.com
Glitch&grit website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
Black portfolio page shows two rows of three wide project thumbnails near top, each with a narrow caption strip. A thin divider separates sparse lower area: GLITCH and GRIT at opposite ends, ampersand centered above stacked WORK/INFO/CONTACT US.
Type
Bold condensed white uppercase navigation, tiny sans captions; exact metrics unknown.
Color and surface
Black field, white type, varied colorful cinematic stills and thin gray divider.
Components
Six captioned images, divider, split brand labels and central stacked nav.

What makes it work

  • Black field
  • Captioned two-row project grid
  • Divider
  • Sparse lower navigation
On a new subjectFor an architecture studio, show a compact set of captioned projects above a divider and reserve lower space for identity and primary links.

Measured

Fonts loadedelza
Body text14.7945px
Page background#000000
Text color#000000
Page height14,500px

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

Live behavior

Today
Black field combines a large gray flower-like silhouette, pale green oversized title and dispersed small image tiles.
Responsive
Tablet and phone keep the split silhouette and image arrangement with smaller centered title; the phone crops outer tiles.
Scroll
At actual scroll 750, overlapping cyan and green project titles and imagery are visible.

More like this