SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Cushion

Calm, organized, and quietly confident. Generous white space and pale grey surfaces establish an uncluttered digital workspace feel, while precise typography and vivid sky-blue interactive accents emphasize clarity and modern focus.

quietclinical
Visit site

Colour

Background#f5f5f5
Text#1f1f1f
Accent#00a6f4
Surface#fcfcfc
Muted#8f8f8f

Typefaces

Display
Inter Tight
Body
ui-sans-serif
Mono
—
Source
unknown · system
Scale
10 · 12 · 14 · 16 · 18 · 20

Layout

Grid
—
Container
—
Spacing base
4px
Radius
8px · 12px

Capture

Category
saas
Sections
12
Captured
2026-08-29
Rhythm
light off-white x2 → pale grey → light off-white x4 → pale grey x3 → light off-white → pale grey

Type rules

  • display typography set in sentence case with tight unitless line height
  • body text constrained to a 73-character line length for comfortable readability

Colour rules

  • accent sky blue reserved almost entirely for primary CTAs and active notification indicators
  • rely on delicate shifts between off-white (#fcfcfc) and soft grey (#f5f5f5) surfaces rather than heavy borders

Voice rules

  • keep copy concise and focused on calm, async team productivity
  • use simple benefit bullets paired directly with UI previews

Holds it together

  • pair light neutral background containers with hairline borders to frame crisp product UI cards
  • use vivid sky blue (#00a6f4) strictly for interactive primary actions and status pills
  • stagger feature deep-dives across alternating left-right columns with icon-led benefit lists

Contrast

text on background15.1:1 AAA
muted text on background3.0:1 fail
text on surface16.1:1 AAA
accent on background2.5:1 fail
background on accent2.5:1 fail

Type, measured

Body
16px / 1.5
Measure
73 characters
Display
60px / 1
Tracking
0em display
Scale ratio
1.39

Voice

Tone
calm, direct, pragmatic
Sentences
short
Person
second
Vocabulary
plain
Calls to action
get, talk, sign up

Built with

Builder
—
Framework
astro
Motion
—
WebGL
—
Nav
sticky_top_bar, 6 items, sticky
Length
9.1 screens

Sections in page order

3 marked strong · 12

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

  1. 00

    hero

    Quiet and clean SaaS hero with generous white space, restrained typography, and a prominent soft blue call-to-action button.

    Mood
    quiet + clinical
    Layout
    10 col · centered · airy
    Open section →
    Quiet and clean SaaS hero with generous white space, restrained typography, and a prominent soft blue call-to-action button.
  2. 01

    showcase

    Strong

    Clean, understated collaboration inbox interface with clear list hierarchy and subtle status pills.

    Mood
    clinical + quiet
    Layout
    16 col · split · balanced
    Open section →
    Clean, understated collaboration inbox interface with clear list hierarchy and subtle status pills.
  3. 02

    statement

    Strong

    Crisp, airy typographic statement contrasting workplace communication problems against product solutions with playful inline micro-elements.

    Mood
    quiet + clinical
    Layout
    16 col · centered · airy
    Open section →
    Crisp, airy typographic statement contrasting workplace communication problems against product solutions with playful inline micro-elements.
  4. 03

    feature

    Strong

    Quiet and airy light-mode product feature presentation pairing clear explanatory copy with a crisp collaborative interface card.

    Mood
    quiet + clinical
    Layout
    2 col · split · airy
    Open section →
    Quiet and airy light-mode product feature presentation pairing clear explanatory copy with a crisp collaborative interface card.
  5. 04

    feature

    Clean, restrained SaaS feature section pairing a product UI preview with straightforward benefit bullets and soft pastel accents.

    Mood
    clinical + quiet
    Layout
    2 col · split · airy
    Open section →
    Clean, restrained SaaS feature section pairing a product UI preview with straightforward benefit bullets and soft pastel accents.
  6. 05

    feature

    Clean and restrained productivity feature split with minimal typography and a neat daily standup UI preview.

    Mood
    quiet + clinical
    Layout
    2 col · split · airy
    Open section →
    Clean and restrained productivity feature split with minimal typography and a neat daily standup UI preview.
  7. 06

    feature

    Clean and understated productivity feature showcase pairing a soft UI preview with clear, icon-badged benefits.

    Mood
    quiet + clinical
    Layout
    2 col · split · airy
    Open section →
    Clean and understated productivity feature showcase pairing a soft UI preview with clear, icon-badged benefits.
  8. 07

    testimonial

    Crisp, minimalist customer testimonial card featuring centered quote copy, five gold stars, and a circular founder avatar.

    Mood
    quiet
    Layout
    1 col · centered · airy
    Open section →
    Crisp, minimalist customer testimonial card featuring centered quote copy, five gold stars, and a circular founder avatar.
  9. 08

    feature grid

    Clean and airy feature grid showcasing secondary product capabilities in neatly bordered cards with pastel app-style icons.

    Mood
    quiet + playful
    Layout
    5 col · grid · airy
    Open section →
    Clean and airy feature grid showcasing secondary product capabilities in neatly bordered cards with pastel app-style icons.
  10. 09

    faq

    A clean, quiet FAQ section with a centered title and minimal expandable list items on a pale neutral background.

    Mood
    quiet + clinical
    Layout
    7 col · stacked · balanced
    Open section →
    A clean, quiet FAQ section with a centered title and minimal expandable list items on a pale neutral background.
  11. 10

    cta

    Minimalist centered call-to-action on a stark white background with clear dual conversion buttons and generous breathing room.

    Mood
    quiet
    Layout
    10 col · centered · airy
    Open section →
    Minimalist centered call-to-action on a stark white background with clear dual conversion buttons and generous breathing room.
  12. 11

    footer

    An exceptionally quiet, minimalist multi-column footer floating in generous pale grey negative space.

    Mood
    quiet
    Layout
    4 col · grid · airy
    Open section →
    An exceptionally quiet, minimalist multi-column footer floating in generous pale grey negative space.