WebInspoo
A focused, utility-first design gallery set against a deep matte black canvas. High-contrast typography and minimalist rounded cards keep attention on the curated work, while dense, panoramic waves of colorful app icons inject vibrant texture.
Visit siteColour
Typefaces
- Display
- sanss
- Body
- sanss
- Mono
- —
- Source
- self_hosted
- Scale
- 10 · 12 · 14 · 15 · 16 · 20
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 8px · 12px · 9999px
Capture
- Category
- tools
- Sections
- 6
- Captured
- 2026-08-29
- Rhythm
- dark x6
Type rules
- display headlines at 60px with tight -0.025em letter-spacing in sentence case
- body text set at 14px with 1.43 line-height restricted to around 56 characters per measure
Colour rules
- dark charcoal (#141414) background grounds the entire interface with #27272a used for cards and pills
- color is delivered almost entirely through SaaS app screenshots and vibrant icon waves rather than UI accents
Voice rules
- pair short benefit-focused statements in two-part sentences
- use pill buttons for all direct interactions
Holds it together
- keep UI surfaces neutral and dark (#141414, #27272a) so featured content provides the visual color
- render filter controls and tags as rounded pill chips with subtle dark borders
- anchor transitional areas with dense diagonal clusters of colorful brand icons
Contrast
Type, measured
- Body
- 14px / 1.43
- Measure
- 56 characters
- Display
- 60px / 1
- Tracking
- -0.025em display
- Scale ratio
- 1.44
Voice
- Tone
- declarative, concise
- Sentences
- short
- Person
- second
- Vocabulary
- plain
- Calls to action
- browse, submit, subscribe, get
Built with
- Builder
- —
- Framework
- next
- Motion
- —
- WebGL
- —
- Nav
- sticky_top_bar, 8 items, sticky
- Length
- 5.9 screens
Sections in page order
3 marked strong · 6- 00
hero
StrongDark curated directory hero anchored by a sweeping wave of SaaS app icons across the lower right.
- Mood
- bold + playful
- Layout
- 14 col · asymmetric · dense
- 01
gallery
A curated dark-mode gallery grid displaying high-contrast website previews inside sleek rounded cards.
- Mood
- quiet + clinical
- Layout
- 3 col · grid · dense
- 02
logo bar
StrongA dense, panoramic wave of colorful brand and app icons drifting across deep black space.
- Mood
- playful + dreamy
- Layout
- 1 col · full bleed · dense
- 03
cta
A quiet, dark newsletter signup block balancing a bold sans-serif headline with delicate italic serif typography.
- Mood
- quiet + editorial
- Layout
- 16 col · centered · airy
- 04
footer
A structured dark multi-column directory footer organizing design inspiration links into dense, utilitarian typographic columns.
- Mood
- clinical + quiet
- Layout
- 1 col · grid · dense
- 05
logo bar
StrongA dark minimal canvas punctuated by a playful heap of vibrant app icons settling along the bottom edge.
- Mood
- playful + quiet
- Layout
- 1 col · full bleed · airy
