Wirepay

A luminous, space-inspired fintech aesthetic blending deep navy and black canvases with ethereal fluid gradients. Rounded pastel UI tiles inject friendly warmth into a sleek, future-forward product presentation.

dreamy playful quiet

Visit site

Colour

Background#000000

Text#ffffff

Accent#00da94

Surface#0f172a

Muted#94a3b8

Typefaces

Display: syne
Body: Inter var
Mono: —
Source: unknown
Scale: 14 · 16 · 20 · 32 · 48 · 56

Layout

Grid: —
Container: —
Spacing base: 4px
Radius: 16px · 24px · 32px

Capture

Category: finance
Sections: 6
Captured: 2026-08-29
Rhythm: dark → mixed x2 → dark → mixed → dark

Type rules

display headlines set in bold geometric Syne at 72px with tight line height
body text set in clean neutral Inter var at 16px with line height 1.5 spanning up to 90 characters
section eyebrows and navigation links set in uppercase tracking

Colour rules

deep space-black and midnight slate backgrounds host high-contrast pastel cards
accent emerald (#00da94) reserved for highlighted headline words and promotional pill badges

Voice rules

pair high-level value statements with concrete transaction verbs
keep microcopy playful and conversational

Holds it together

feature modules float as high-radius pastel cards with dark text against dark backgrounds
illuminate hero and showcase imagery with multi-color radial gradient blur effects
highlight critical value-add words within headlines using vivid emerald green text

Contrast

text on background21.0:1 AAA

muted text on background8.2:1 AAA

text on surface17.9:1 AAA

accent on background11.5:1 AAA

background on accent11.5:1 AAA

Type, measured

Body: 16px / 1.5
Measure: 90 characters
Display: 72px / 1.07
Tracking: 0em display
Scale ratio: 1.46

Voice

Tone: declarative, optimistic, accessible
Sentences: short
Person: second
Vocabulary: plain
Calls to action: open, sign up, move, swap

Built with

Builder: —
Framework: nuxt
Motion: —
WebGL: —
Nav: —
Length: 5.3 screens

Sections in page order

3 marked strong · 6

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

00
hero
A futuristic dark navy fintech hero pairing soft luminous gradients with clean modern typography and app store callouts.
Mood
dreamy + bold
Layout
13 col · split · balanced
Open section →
01
feature grid
Strong
Playful, pastel-toned fintech feature cards floating with tactile UI mockups against a deep dark background.
Mood
playful + warm
Layout
3 col · grid · balanced
Open section →
02
feature grid
Strong
Soft pastel feature cards present simplified wallet and currency conversion interfaces with friendly rounded geometry.
Mood
playful + dreamy
Layout
2 col · grid · balanced
Open section →
03
showcase
A single blue branded payment card floats centered against a deep black field of distant stars.
Mood
dreamy + quiet
Layout
12 col · centered · airy
Open section →
04
cta
Strong
A modern, bright fintech banner card framed in organic gradient curves pairing bold highlighted copy with customer portraiture.
Mood
playful + bold
Layout
8 col · split · balanced
Open section →
05
footer
Sparse, high-contrast dark footer with pill-shaped contact buttons and generous negative space.
Mood
quiet + clinical
Layout
16 col · grid · airy
Open section →