MUUDS

Curated catalog of analyzed web design.

wehron-de

Engineered compliance rigor meets investigative restraint. Deep obsidian canvases paired with grayscale topographical contour artwork establish an authoritative intelligence environment. Crisp document cards and electric cobalt anchors deliver surgical clarity and legal confidence.

Visit site

Colour

Background#0b0b0e
Text#ffffff
Accent#2e1cb9
Surface#151515
Muted#73767b

Typefaces

Display
Inter Display
Body
Inter
Mono
Geist Mono
Source
google
Scale
10 · 12 · 14 · 16 · 18 · 20

Layout

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

Capture

Category
finance
Sections
10
Captured
2026-08-30
Rhythm
dark x3 → light x2 → dark → light x2 → dark → light

Type rules

  • section eyebrows rendered in Geist Mono uppercase with wide tracking
  • display headlines set in Inter Display with tight negative tracking (-0.045em)
  • body copy maintained at a generous 106-character measure for investigative briefs

Colour rules

  • deep cobalt (#2e1cb9) reserved exclusively for high-priority CTA blocks and focal container backgrounds
  • lilac accent (#aaa1ff) strictly used for uppercase metadata eyebrows on dark containers
  • monochrome card surfaces float with subtle 1px border separation against deep charcoal backgrounds

Voice rules

  • lead with precise forensic terminology and jurisdiction context
  • frame CTAs as structured diagnostic steps rather than marketing actions

Holds it together

  • place floating document report cards over topographical relief imagery to demonstrate evidentiary output
  • structure multi-step workflows using numbered mono labels (01, 02, 03) alongside short declarative case headers
  • switch background polarity between dark analytical modules (#0b0b0e) and light editorial registers (#fbfbfc) to signal transition from investigation to documentation

Contrast

text on background19.6:1 AAA
muted text on background4.3:1 AA Large
text on surface18.3:1 AAA
accent on background1.9:1 fail
background on accent1.9:1 fail

Type, measured

Body
16px / 1.2
Measure
106 characters
Display
48px / 1.06
Tracking
-0.045em display
Scale ratio
1.32

Voice

Tone
clinical, rigorous, discreet, authoritative
Sentences
medium
Person
second
Vocabulary
technical
Calls to action
einordnen, ansehen, anfragen

Built with

Builder
framer
Framework
Motion
WebGL
Nav
top_bar, 6 items
Length
10.6 screens

Sections in page order

3 marked strong · 10

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

  1. 00

    hero

    A dark, highly structured intelligence research hero combining restrained typography, topographical imagery, and precise compliance data cards.

    Mood
    clinical + quiet
    Layout
    1 col · stacked · balanced
    Open section →
    A dark, highly structured intelligence research hero combining restrained typography, topographical imagery, and precise compliance data cards.
  2. 01

    feature

    A precise, investigative dark section pairing numbered compliance problem statements with a crisp floating report card over topographic relief art.

    Mood
    clinical + bold
    Layout
    2 col · split · balanced
    Open section →
    A precise, investigative dark section pairing numbered compliance problem statements with a crisp floating report card over topographic relief art.
  3. 02

    feature

    A crisp, engineered dark split section contrasting a glowing document card with a structured three-step consulting workflow.

    Mood
    clinical + quiet
    Layout
    2 col · split · balanced
    Open section →
    A crisp, engineered dark split section contrasting a glowing document card with a structured three-step consulting workflow.
  4. 03

    feature grid

    Strong

    Precise, dark structured register container set against a clean light background, projecting clinical compliance rigor and engineered legal clarity.

    Mood
    clinical + quiet
    Layout
    1 col · grid · balanced
    Open section →
    Precise, dark structured register container set against a clean light background, projecting clinical compliance rigor and engineered legal clarity.
  5. 04

    testimonial

    Strong

    A clinical, highly structured dark analytical card floating on an austere white canvas presents an anonymized case proof.

    Mood
    clinical + quiet
    Layout
    1 col · stacked · airy
    Open section →
    A clinical, highly structured dark analytical card floating on an austere white canvas presents an anonymized case proof.
  6. 05

    feature

    Precise and analytical dark feature section pairing structured investigation steps with a detailed topographic elevation graphic and report overlay.

    Mood
    clinical + quiet
    Layout
    3 col · stacked · balanced
    Open section →
    Precise and analytical dark feature section pairing structured investigation steps with a detailed topographic elevation graphic and report overlay.
  7. 06

    showcase

    Precise and clean resource grid featuring dark technical illustrations atop crisp white cards against a soft cool grey background.

    Mood
    clinical + quiet
    Layout
    3 col · grid · balanced
    Open section →
    Precise and clean resource grid featuring dark technical illustrations atop crisp white cards against a soft cool grey background.
  8. 07

    team

    A crisp, serious Swiss-style corporate profile pairing a black-and-white portrait with structured metadata and an integrated briefing signup card.

    Mood
    clinical + quiet
    Layout
    2 col · grid · balanced
    Open section →
    A crisp, serious Swiss-style corporate profile pairing a black-and-white portrait with structured metadata and an integrated briefing signup card.
  9. 08

    other

    Strong

    Vibrant cobalt blue contact section pairing direct legal consultation copy with a clean, contained white form card.

    Mood
    bold + clinical
    Layout
    1 col · split · balanced
    Open section →
    Vibrant cobalt blue contact section pairing direct legal consultation copy with a clean, contained white form card.
  10. 09

    footer

    Structured corporate footer topped with a solid cobalt call-to-action banner and neat typographic navigation columns.

    Mood
    clinical + quiet
    Layout
    1 col · stacked · balanced
    Open section →
    Structured corporate footer topped with a solid cobalt call-to-action banner and neat typographic navigation columns.

More like this

by shared mood