Vibeshots
← Sites

Bulletproof

wearebulletproof.com
Bulletproof website, live site

Live capture at 1440px, 2026-10-24

How it’s built

Layout
A laptop-screen composition shows a turquoise vertically ribbed backdrop, overscale cyan uppercase letters cropped and partly hidden by photographed hands reaching around a chocolate-like triangular object, with a small elegant serif phrase at right. Tiny case-study labels and pagination sit near the lower edge. The physical laptop/body and black outer setting are gallery staging.
Type
Huge geometric cyan uppercase display, thin refined serif phrase and tiny plain sans project labels. Exact fonts unknown.
Color and surface
Turquoise ribbed backdrop, cyan type, warm skin/food tones, black accents and pale delicate serif text.
Components
Oversized cropped type interleaved with hands and a product object, small opposite phrase, compact project metadata and pagination.

What makes it work

  • Saturated vertically ribbed field
  • Oversized cropped geometric type integrated with staged hands/product imagery
  • Small contrasting refined serif phrase
  • Discreet project metadata
On a new subjectFor a renewable-energy cooperative, stage hands assembling a small solar component across a saturated vertically ribbed field, interleave the photograph with oversized cropped geometric lettering, and add one fine serif promise with discreet project labels. Replace beverage/agency imagery and omit laptop staging.

Measured

Fonts loadedSequel Sans Book, Mixta Pro Light, Mixta Pro Light Italic, Sequel Sans Regular, Sequel Sans Medium
H1109.44px / 400 / -9.8496px
Body text14px
Page background#f1f1f1
Text color#181713
Page height7,162px

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

Live behavior

Today
Full-screen colorful product footage under scattered oversized uppercase sans words anchored low in the frame. Word spacing is tight and lines are staggered across the width, with small pale rounded rectangular navigation tabs at upper right and a compact identity upper left. The next section reverses to pale gray, using a huge centered uppercase statement with one pink line, a small monochrome team photo and an italic serif line below. A bordered consent panel covers substantial lower-right content.
Responsive
Desktop hero type is109.44px/87.552px, weight400, tracking-9.8496px; tablet declares58.368px/46.6944px. Tablet reveals only title fragments around consent. Phone retains the identity and all three labeled tabs rather than collapsing navigation. Its entire underlying hero slogan is covered by consent in these frames;50.7px DOM sizes must not be represented as visible phone type. VIDEO layers remain viewport-sized, with substantially different footage/crops across states. Consent changes action layout and occupies most of the phone lower third.
Scroll
Actual scrollY750 shows the hero ending near y250, with only the upper Create fragment still visible. Below is a pale-gray centered statement at86.4px/61.92px: first line pink, subsequent lines near-black. A monochrome team IMG appears below and an italic line starts at the lower edge. Raw lower hero words remain at nonzero coordinates but are covered by the pale section and are excluded. Consent remains fixed over the right portion.

More like this