Saaspo

Engineered and functional. A deep slate-and-charcoal dark theme acts as a clean gallery stage for full-color website screenshots. High-contrast typography and sharp neon green CTA buttons provide instant visual hierarchy without clutter.

bold clinical quiet

Visit site

Colour

Background#0b0f14

Text#ffffff

Accent#0af395

Surface#141b22

Typefaces

Display: Plusjakartasans
Body: Plusjakartasans
Mono: —
Source: self_hosted
Scale: 10 · 12 · 13 · 14 · 16 · 18

Layout

Grid: 12 columns
Container: 1305px
Spacing base: 4px
Radius: 8px

Capture

Category: tools
Sections: 5
Captured: 2026-08-29
Rhythm: dark x5

Type rules

single typeface hierarchy using Plusjakartasans across display, UI, and body
large headlines render in bold sentence case at 64px with a 1.2 line height
body text runs wide with a generous 96-character measure at 16px

Colour rules

deep slate #0b0f14 and dark surface #141b22 establish a distraction-free canvas for previewed screenshots
electric neon green #0af395 is reserved strictly for primary buttons, keyword highlights, and live counter tags
subtle borders (#222d38) define browser windows, inputs, and category filter dropdowns

Voice rules

lead with clear functional claims without marketing embellishment
frame newsletter subscription as a specific weekly design package

Holds it together

reserve neon green (#0af395) exclusively for interactive triggers, keyword highlights, and active status tags
frame website showcases inside dark browser window containers outlined with subtle borders
cluster directory controls into a pill switch and dropdown filter row directly above the card grid

Contrast

text on background19.2:1 AAA

text on surface17.4:1 AAA

accent on background13.1:1 AAA

background on accent13.1:1 AAA

Type, measured

Body: 16px / 1.5
Measure: 96 characters
Display: 64px / 1.2
Tracking: 0em display
Scale ratio: 1.41

Voice

Tone: declarative, confident
Sentences: short
Person: second
Vocabulary: plain
Calls to action: subscribe, submit, get

Built with

Builder: webflow
Framework: —
Motion: —
WebGL: —
Nav: top_bar, 6 items
Length: 5.1 screens

Sections in page order

3 marked strong · 5

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

00
hero
Strong
High-contrast dark directory hero pairing bold typography and electric green accents with an integrated newsletter card and category filters.
Mood
bold + clinical
Layout
2 col · split · balanced
Open section →
01
showcase
Strong
Clean multi-card curation grid showcasing diverse SaaS web designs inside realistic dark browser frames.
Mood
clinical + quiet
Layout
3 col · grid · balanced
Open section →
02
hero
Strong
Clean and spacious design platform hero pairing disciplined typography with an expansive product interface preview.
Mood
quiet + clinical
Layout
12 col · centered · balanced
Open section →
03
faq
Minimal dark FAQ section pairing a prominent left-aligned headline with clean accordion items.
Mood
quiet + clinical
Layout
2 col · split · airy
Open section →
04
footer
A dark minimal directory footer with structured link columns, creator attribution, and a vibrant neon green subscribe button.
Mood
quiet + clinical
Layout
12 col · grid · airy
Open section →