pryzm-design

Atmospheric creative suite aesthetic set against vast pitch-black negative space. Luminous, blurred gradient shaders provide organic vibrancy against strict technical diagrams and monospaced parameter labels.

dreamy clinical quiet

Visit site

Colour

Background#000000

Text#ffffff

Surface#141414

Muted#fafafa

Typefaces

Display: Inter
Body: Inter
Mono: Geist Mono
Source: self_hosted
Scale: 10 · 11 · 12 · 14 · 16 · 20

Layout

Grid: —
Container: —
Spacing base: 4px
Radius: 8px · 16px

Capture

Category: other
Sections: 9
Captured: 2026-08-30
Rhythm: dark x9

Type rules

display type in sentence case with tight negative tracking
monospaced type reserved strictly for UI metadata, labels, and effect parameters
body text kept minimal and wide-columned

Colour rules

strict monochrome UI frame on deep black to let saturated generative imagery act as primary color
surfaces tinted with subtle neutral darks #141414 without hue

Voice rules

terse, evocative descriptions of texture and color
precise technical tool terminology

Holds it together

render UI controls and structural containers on pure black (#000000) or dark surface (#141414)
pair floating visual artifacts with small monospaced metadata beneath
use rounded glass-like rectangular viewports to frame dynamic shaders

Contrast

text on background21.0:1 AAA

muted text on background20.1:1 AAA

text on surface18.4:1 AAA

Type, measured

Body: 14px / 1.63
Measure: 111 characters
Display: 48px / 1.05
Tracking: -0.02em display
Scale ratio: 1.36

Voice

Tone: precise, atmospheric, product-led
Sentences: short
Person: second
Vocabulary: technical
Calls to action: open, browse, try

Built with

Builder: —
Framework: next
Motion: lenis
WebGL: yes
Nav: top_bar, 3 items
Length: 10.2 screens

Sections in page order

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

00
hero
Floating luminous gradient tiles drift across deep black space, anchored by precise monospaced captions and a grounded low-slung headline.
Mood
dreamy + clinical
Layout
1 col · asymmetric · airy
Open section →
01
showcase
Precise dark-mode creative suite interface showcasing digital generative shaders and tactile parameter controls.
Mood
clinical + dreamy
Layout
1 col · stacked · dense
Open section →
02
feature
Monochromatic node-graph diagram floating over a sparse dark grid, evoking precision and modular creative control.
Mood
clinical + quiet
Layout
1 col · stacked · airy
Open section →
03
gallery
A dark, atmospheric gallery grid showcasing blurry visual presets and aesthetic texture templates for creative starters.
Mood
dreamy + quiet
Layout
4 col · grid · balanced
Open section →
04
feature
A stark dark-mode feature showcase pairing technical export copy with a textured, abstract generative canvas and code overlay.
Mood
clinical + quiet
Layout
1 col · stacked · airy
Open section →
05
pricing
Crisp and disciplined dark-mode pricing cards with clean typographic hierarchy and subtle border framing.
Mood
clinical + quiet
Layout
2 col · grid · balanced
Open section →
06
faq
A clean, quiet two-column FAQ laid out with high typographic discipline against pure black.
Mood
quiet + clinical
Layout
3 col · split · balanced
Open section →
07
cta
Dreamy dark newsletter card with minimalist typography set against a soft-focus botanical blur.
Mood
dreamy + quiet
Layout
12 col · centered · airy
Open section →
08
cta
A stark, ultra-minimal dark CTA floating quietly in vast black negative space.
Mood
quiet + bold
Layout
12 col · centered · airy
Open section →