Gallery screenshot, saved 2026-10-24
How it’s built
- Layout
- A charcoal graphic carries a centered two-line white serif title with overlapping circular letterforms and a smaller word above. Subtle dark flowing lines cross the background. No controls are visible; full page and UI unknown.
- Type
- Large high-contrast white uppercase serif with intertwined circular letterforms; small uppercase serif word above.
- Color and surface
- Charcoal with subtle darker flowing lines and textured white type.
- Components
- An ornate two-line white serif title with intertwined circular letterforms sits on charcoal crossed by subtle dark flowing lines.
What makes it work
- Charcoal field and subtle dark flowing lines
- Centered two-line white high-contrast serif title
- Intertwined circular letterforms
On a new subjectFor a public music-history exhibit, use a centered two-line white high-contrast serif title with intertwined circular letterforms on charcoal with subtle dark flowing lines.
Live behavior
- Today
- The Santioni Spirits desktop opening is a nearly black field with the large white serif question “ARE YOU OF LEGAL AGE?” centered as two close lines. In desktop t2 and desktop-scroll frames, YES and NO outlined buttons flank a small line-drawn figure between the upper and lower parts of the question. At tablet and phone widths, the same question and choice row are vertically separated by broad dark space. The fresh reduced-motion phone screenshot instead shows a small Santioni Spirits wordmark, a circular line illustration and a thin white horizontal mark. The selected gallery reference is a different textured black composition reading “THE NOCTURNO EXPERIENCE.”
- Responsive
- The capture widths are 1440×1000, 768×1024 and 390×844; all documents match their viewports and report scrollY=0. The two desktop H2 text blocks are sampled at 159.22px/400; tablet samples 102.12px/400 and phone samples 70px/400. The body computes to rgb(29,29,29) background and black text, while the screenshots render pale title and controls. Captures establish only these three widths.
- Scroll
- The desktop-scroll-labeled state remains at scrollY=0 in a 1440×1000 document and shows the choice row between separated title blocks. It is not evidence of a lower page section.
