Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A light page layers large translucent curved forms behind a left-of-center headline and support; compact top navigation includes a lime action.
- Type
- Large black regular sans headline, smaller sans support and muted secondary text.
- Color and surface
- White and pale-gray forms with black type and bright lime pill.
- Components
- Logo, top links, action pill, faint oversized background lettering, curved graphic, headline and support.
What makes it work
- A black sans headline over large pale overlapping curved forms with a lime utility action.
On a new subjectFor an urban cycling initiative, place a black invitation over pale overlapping wheel-like forms with a lime action.
Measured
Fonts loadedNeueMontreal
H172px / 400 / -2.52px
Body text16px
Page backgroundoklch(0.9644 0.0013 286.38)
Text coloroklch(0.1872 0.002 286.2)
Page height8,684px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Bejamas pairs a black full-width hero with blurred lime/white ribbon-like video imagery, large regular white sans copy, small gray supporting labels and white partner marks. A bright lime pill anchors the upper right. Desktop opening title sits low left with extensive dark space above; lower hero explanatory copy and paired oversized pills occupy the right. Rounded lower hero corners meet a pale gray ruled section. These observations concern the saved current version, independently of older selected gallery images.
- Responsive
- At768px the identity contracts to a symbol, navigation remains horizontal, and headline/partner row/explanation/actions form one left-aligned column. At390px navigation becomes a white circular menu cue beside a lime contact pill, heading reduces to48px, text uses20px side margins, and the two large hero actions stack at350px wide. Three widths do not establish exact breakpoints or menu operation.
- Scroll
- Actual desktop scroll750px in8684px document reveals right-column explanatory copy, lime primary and thin-outline secondary pills, followed by the hero rounded lower edge and a pale gray section with small label and fine dividing rules. Identity/navigation/contact remain at the top. The following section headings are only entering the lower edge, so its full composition is not reviewed.
