Glass

Quiet, gallery-like minimalism built entirely around native typography and stark contrast. Pure white space and tight multi-column grids recede into the background, allowing user photography and unadorned member reflections to lead.

quiet

Visit site

Colour

Background#ffffff

Text#000000

Surface#f2f2f7

Muted#8e8e93

Typefaces

Display: -apple-system
Body: -apple-system
Mono: —
Source: system
Scale: 13 · 17 · 22 · 34 · 38 · 88

Layout

Grid: 3 columns
Container: 1440px
Spacing base: 4px
Radius: 8px · 12px · 999px

Capture

Category: saas
Sections: 3
Captured: 2026-08-30
Rhythm: light x3

Type rules

display headings use sentence case with tight negative tracking at 88px
body text sits at 17px with a clean line length around 59 characters

Colour rules

maintain a strictly neutral canvas using pure white and light grey (#f2f2f7) backgrounds
let user photography provide all colour across the interface

Voice rules

write sincere community-oriented value statements
avoid marketing buzzwords and aggressive urgency

Holds it together

keep backgrounds pure white or subtle neutral grey (#f2f2f7) to frame photographic work without distraction
use pill-shaped rounded containers with hairline borders for interactive tags and search inputs
set all display headlines in centered sentence-case system sans

Contrast

text on background21.0:1 AAA

muted text on background3.3:1 AA Large

text on surface18.8:1 AAA

Type, measured

Body: 17px / 1.24
Measure: 59 characters
Display: 88px / 1.2
Tracking: -0.005em display
Scale ratio: 1.51

Voice

Tone: calm, reassuring, direct
Sentences: medium
Person: second
Vocabulary: plain
Calls to action: sign up, explore, learn

Built with

Builder: —
Framework: next
Motion: —
WebGL: —
Nav: sticky_top_bar, 7 items, sticky
Length: 6.8 screens

Sections in page order

3 marked strong · 3

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
Strong
Spacious, pure white hero with precise sans-serif typography, quiet copy, and a curated row of pill filters.
Mood
quiet + clinical
Layout
1 col · centered · airy
Open section →
01
testimonial
Strong
Clean, community-focused page combining rich photography masonry with an extensive grid of member testimonials and camera taxonomy.
Mood
quiet + editorial
Layout
3 col · stacked · balanced
Open section →
02
showcase
Strong
A clean, restrained showcase of community testimonials and photo curation categories set in structured light grey cards.
Mood
quiet + clinical
Layout
1 col · stacked · balanced
Open section →