Arrakis Finance

Sleek institutional DeFi infrastructure cloaked in deep black with warm horizon glows. Precision technical chart components and monospace metadata are elevated by elegant italic serif headline flourishes.

luxurious quiet clinical editorial

Visit site

Colour

Background#000000

Text#efe6df

Accent#ec9117

Surface#0a0909

Muted#928b86

Typefaces

Display: PP Eiko Italic Light
Body: ES Build Regular
Mono: JetBrains Mono
Source: google
Scale: 11 · 12 · 13 · 14 · 16 · 17

Layout

Grid: —
Container: —
Spacing base: 5px
Radius: 6px · 12px · 24px

Capture

Category: finance
Sections: 7
Captured: 2026-08-29
Rhythm: dark x7

Type rules

headlines pair geometric sans-serif with contrasting italic serif display type
body text set at 16px with line measure around 73 characters
metadata, pill tags, and numerical indicators rendered in monospace

Colour rules

deep black background dominates across all sections with subtle near-black container surfaces
warm amber accent #ec9117 is reserved strictly for primary buttons and guide pills
warm tinted off-white #efe6df used for primary headings against muted taupe #928b86 body copy

Voice rules

use high-conviction institutional market terminology
pair plain technical claims with italic serif emotional emphasis

Holds it together

combine sans-serif and italic serif within the same major headline for layered emphasis
restrict the amber accent colour strictly to primary action buttons and badge tags
display technical card interfaces against subtle near-black surface containers with dark borders

Contrast

text on background17.1:1 AAA

muted text on background6.3:1 AA

text on surface16.1:1 AAA

accent on background8.6:1 AAA

background on accent8.6:1 AAA

Type, measured

Body: 16px / 1.3
Measure: 73 characters
Display: 66px / 1.36
Tracking: 0em display
Scale ratio: 1.43

Voice

Tone: declarative, confident
Sentences: medium
Person: second
Vocabulary: technical
Calls to action: learn, contact, enter, view

Built with

Builder: framer
Framework: —
Motion: —
WebGL: —
Nav: —
Length: 6.1 screens

Sections in page order

3 marked strong · 7

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

00
hero
Strong
Luminous and sleek dark crypto hero pairing refined italic typography with a warm horizon glow and minimal branding accents.
Mood
luxurious + dreamy
Layout
1 col · stacked · airy
Open section →
01
cta
Quiet, refined dark call-to-action centered around elegant dual-font typography.
Mood
quiet + luxurious
Layout
13 col · centered · airy
Open section →
02
feature grid
Sleek dark-mode institutional fintech feature grid balancing precise typography with custom technical chart and market data visualizations.
Mood
clinical + quiet
Layout
2 col · grid · balanced
Open section →
03
logo bar
A stark black background framing an overlapping fan of glossy, rounded crypto protocol app icons beneath a clean headline.
Mood
quiet + playful
Layout
6 col · centered · airy
Open section →
04
showcase
Strong
Dark sophisticated research showcase pairing minimalist intro text with tactile, grainy expandable accordion cards.
Mood
editorial + clinical
Layout
15 col · split · balanced
Open section →
05
cta
Strong
Atmospheric dark call to action featuring warm ambient light and elegant italic serif typography.
Mood
luxurious + dreamy
Layout
16 col · centered · airy
Open section →
06
footer
A stark, utilitarian dark footer anchored by subtle monospace accents and a vibrant amber callout button.
Mood
clinical + quiet
Layout
15 col · grid · airy
Open section →