MUUDS

Curated catalog of analyzed web design.

Qount

Engineered, clinical precision meets enterprise confidence. Alternating crisp white surfaces and stark charcoal containers frame high-fidelity software dashboards, while electric lime accents pinpoint conversion actions and margin metrics.

Visit site

Colour

Background#ffffff
Text#000000
Accent#d9ff42
Surface#1a1a1a
Muted#909090

Typefaces

Display
Body
Mono
Source
Scale
12 · 14 · 16 · 18 · 20 · 24

Layout

Grid
Container
Spacing base
5px
Radius
8px · 12px · 16px

Capture

Category
saas
Sections
13
Captured
2026-08-29
Rhythm
dark x2 → light x5 → dark x2 → light x2 → dark x2

Type rules

  • display headlines set in sentence case Inter bold with tight line height
  • body text set at 18px with comfortable 59-character measure for high legibility
  • metric counters set bold at prominent display sizes paired with small labels

Colour rules

  • electric lime (#d9ff42) reserved exclusively for high-intent primary buttons, pill tags, and key stat badges
  • deep carbon black (#1a1a1a) grounds hero, key feature callouts, and footer zones against clean white body sections

Voice rules

  • lead with quantifiable accounting firm operational gains
  • pair problem statements directly with proactive software solutions

Holds it together

  • use electric lime (#d9ff42) as a high-visibility contrast signal on both dark and light surfaces
  • anchor complex product narrative around structured multi-pane UI cards and metric comparison tables
  • alternate between deep dark zones and crisp light feature grids to structure user progression

Contrast

text on background21.0:1 AAA
muted text on background3.2:1 AA Large
text on surface1.2:1 fail
accent on background1.1:1 fail
background on accent1.1:1 fail

Type, measured

Body
18px / 1.56
Measure
59 characters
Display
48px / 1.17
Tracking
0em display
Scale ratio
1.28

Voice

Tone
authoritative, precise, commercial
Sentences
medium
Person
second
Vocabulary
domain-specific
Calls to action
get, explore, discover, watch

Built with

Builder
Framework
Motion
swiper
WebGL
Nav
top_bar, 17 items
Length
15.1 screens

Sections in page order

3 marked strong · 13

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

  1. 00

    hero

    High-contrast dark SaaS hero combining crisp product UI mockups with vibrant lime accent buttons and structured accounting firm proof points.

    Mood
    clinical + bold
    Layout
    1 col · stacked · balanced
    Open section →
    High-contrast dark SaaS hero combining crisp product UI mockups with vibrant lime accent buttons and structured accounting firm proof points.
  2. 01

    comparison

    Dark, structured comparison cards contrasting traditional workflows against modern software capabilities with clean UI mockups and stat highlights.

    Mood
    clinical + bold
    Layout
    1 col · stacked · balanced
    Open section →
    Dark, structured comparison cards contrasting traditional workflows against modern software capabilities with clean UI mockups and stat highlights.
  3. 02

    feature

    Strong

    Clean, structured enterprise SaaS feature section pairing precise copy and feature tabs with a dark multi-layered interface mockup.

    Mood
    clinical + bold
    Layout
    2 col · split · balanced
    Open section →
    Clean, structured enterprise SaaS feature section pairing precise copy and feature tabs with a dark multi-layered interface mockup.
  4. 03

    feature

    Clean, focused SaaS feature presentation pairing crisp typography on white with a high-contrast app interface preview.

    Mood
    clinical + quiet
    Layout
    10 col · split · balanced
    Open section →
    Clean, focused SaaS feature presentation pairing crisp typography on white with a high-contrast app interface preview.
  5. 04

    feature

    Clean and structured SaaS product feature section with layered analytics UI mockups beside a clear bulleted value proposition.

    Mood
    clinical + quiet
    Layout
    10 col · split · balanced
    Open section →
    Clean and structured SaaS product feature section with layered analytics UI mockups beside a clear bulleted value proposition.
  6. 05

    feature grid

    Clean, clinical SaaS platform overview featuring a centered header and three light rounded cards showcasing modular workflow UI previews.

    Mood
    clinical + quiet
    Layout
    3 col · grid · balanced
    Open section →
    Clean, clinical SaaS platform overview featuring a centered header and three light rounded cards showcasing modular workflow UI previews.
  7. 06

    feature grid

    Strong

    Clean and clinical light-themed SaaS section presenting structured product UI mockups above an integration tool showcase.

    Mood
    clinical + quiet
    Layout
    1 col · stacked · balanced
    Open section →
    Clean and clinical light-themed SaaS section presenting structured product UI mockups above an integration tool showcase.
  8. 07

    feature

    Dark, focused AI feature introduction pairing conversational copy with a clean interactive chat interface mockup.

    Mood
    bold + clinical
    Layout
    1 col · stacked · airy
    Open section →
    Dark, focused AI feature introduction pairing conversational copy with a clean interactive chat interface mockup.
  9. 08

    feature

    Clean and security-focused dark interface featuring stark compliance badges and a high-contrast lime callout button.

    Mood
    clinical + quiet
    Layout
    16 col · split · balanced
    Open section →
    Clean and security-focused dark interface featuring stark compliance badges and a high-contrast lime callout button.
  10. 09

    testimonial

    Strong

    Clean, corporate testimonial showcase featuring case study cards, bright lime green stat badges, and video interviews against a bright white background.

    Mood
    clinical + quiet
    Layout
    14 col · stacked · airy
    Open section →
    Clean, corporate testimonial showcase featuring case study cards, bright lime green stat badges, and video interviews against a bright white background.
  11. 10

    feature grid

    Crisp corporate blog showcase balancing rounded white resource cards with sharp electric lime accent highlights.

    Mood
    clinical + quiet
    Layout
    3 col · grid · balanced
    Open section →
    Crisp corporate blog showcase balancing rounded white resource cards with sharp electric lime accent highlights.
  12. 11

    cta

    A dark, technical demo section with crisp white typography set against subtle isometric wireframe line art.

    Mood
    clinical + quiet
    Layout
    2 col · split · airy
    Open section →
    A dark, technical demo section with crisp white typography set against subtle isometric wireframe line art.
  13. 12

    footer

    A dark, highly organized multi-column SaaS footer anchored by a newsletter signup bar and high-contrast lime green accents.

    Mood
    clinical + quiet
    Layout
    5 col · grid · balanced
    Open section →
    A dark, highly organized multi-column SaaS footer anchored by a newsletter signup bar and high-contrast lime green accents.