MUUDS

Curated catalog of analyzed web design.

Obsidian

Monolithic and institutional. Deep black backgrounds, light serif typography, and textured raw stone renders create quiet, high-end fintech prestige.

Visit site

Colour

Background#000000
Text#e7e5e4
Accent#67d243
Surface#1a1a1a
Muted#a8a29e

Typefaces

Display
IvoryLLWeb-Light
Body
Inter Variable
Mono
Source
self_hosted
Scale
12 · 14 · 20 · 32 · 52 · 80

Layout

Grid
12 columns
Container
1346px
Spacing base
4px
Radius
8px · 12px

Capture

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

Type rules

  • display headlines use light serif in sentence case with tight leading
  • body uses compact sans-serif set in muted stone shades

Colour rules

  • pure black backgrounds across all sections
  • accent green reserved strictly for micro UI indicators and charts

Voice rules

  • lead with quiet institutional authority
  • frame AI features around compliance and operational scale

Holds it together

  • pair light editorial serifs with dark UI panels and stone imagery
  • keep all backgrounds pitch black or deep charcoal
  • limit bright accent colors strictly to data viz and active status states

Contrast

text on background16.7:1 AAA
muted text on background8.3:1 AAA
text on surface13.9:1 AAA
accent on background10.9:1 AAA
background on accent10.9:1 AAA

Type, measured

Body
12px / 1.5
Measure
113 characters
Display
80px / 1.07
Tracking
-0.02em display
Scale ratio
1.61

Voice

Tone
authoritative, understated, sophisticated
Sentences
medium
Person
second
Vocabulary
institutional
Calls to action
get, learn

Built with

Builder
Framework
astro
Motion
WebGL
Nav
top_bar, 9 items
Length
6 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

  1. 00

    hero

    A dark, monolithic financial dashboard showcase framed by textured stone formations and elegant serif typography.

    Mood
    luxurious + clinical
    Layout
    16 col · centered · airy
    Open section →
    A dark, monolithic financial dashboard showcase framed by textured stone formations and elegant serif typography.
  2. 01

    feature grid

    Strong

    Dark fintech feature grid pairing tactile 3D glass forms and financial UI overlays with refined serif headlines.

    Mood
    luxurious + clinical
    Layout
    12 col · grid · balanced
    Open section →
    Dark fintech feature grid pairing tactile 3D glass forms and financial UI overlays with refined serif headlines.
  3. 02

    feature

    Sleek and restrained feature section pairing refined serif typography with floating frosted UI cards over a moody mountain landscape.

    Mood
    luxurious + editorial
    Layout
    12 col · split · airy
    Open section →
    Sleek and restrained feature section pairing refined serif typography with floating frosted UI cards over a moody mountain landscape.
  4. 03

    feature

    Strong

    A dark, sophisticated product showcase blending raw organic rock textures with a floating UI dashboard and refined editorial serif typography.

    Mood
    luxurious + clinical
    Layout
    12 col · split · balanced
    Open section →
    A dark, sophisticated product showcase blending raw organic rock textures with a floating UI dashboard and refined editorial serif typography.
  5. 04

    feature

    Quiet dark section pairing a refined serif headline with three minimalist columns of security and compliance features.

    Mood
    quiet + clinical
    Layout
    10 col · split · airy
    Open section →
    Quiet dark section pairing a refined serif headline with three minimalist columns of security and compliance features.
  6. 05

    footer

    Dark, highly structured fintech footer with regulatory disclosures, compliance certification badges, and restrained typography on pitch black.

    Mood
    clinical + quiet
    Layout
    12 col · grid · airy
    Open section →
    Dark, highly structured fintech footer with regulatory disclosures, compliance certification badges, and restrained typography on pitch black.
  7. 06

    statement

    Strong

    A quiet, monolithic brand mark submerged in near-total darkness, radiating discreet luxury through muted tone-on-tone typography.

    Mood
    quiet + luxurious
    Layout
    12 col · centered · airy
    Open section →
    A quiet, monolithic brand mark submerged in near-total darkness, radiating discreet luxury through muted tone-on-tone typography.