SearchSubmit
MUUDS

Curated catalog of analyzed web design.

Amie

Quiet, functional, and deeply refined workspace aesthetic. Amie pairs high-contrast dark typography against airy off-white backgrounds and crisp, photorealistic UI previews. Electric blue interactive accents give focal pops to an otherwise disciplined, calm canvas.

clinicalquietplayful
Visit site

Colour

Background#fafafa
Text#000000
Accent#11a8ff
Surface#ffffff
Muted#5c5c5c

Typefaces

Display
Inter
Body
Inter
Mono
—
Source
self_hosted
Scale
12 · 13 · 14 · 16 · 20 · 40

Layout

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

Capture

Category
ai
Sections
10
Captured
2026-08-30
Rhythm
off-white → white → off-white → white → off-white x2 → white → grey → off-white → white

Type rules

  • display headlines set in sentence case with tight letter-spacing
  • body text set at 16px with relaxed 1.75 line-height in muted grey #5c5c5c

Colour rules

  • vibrant sky blue #11a8ff reserved strictly for primary interactive CTAs and highlighted span text
  • alternating #fafafa and #ffffff surfaces define section transitions without heavy divider rules

Voice rules

  • write from the user's daily workflow perspective
  • address competitor alternatives frankly without enterprise jargon

Holds it together

  • anchor every core narrative block with an expansive high-fidelity software preview
  • place colored eyebrow category labels directly above feature headlines
  • use pill-shaped badges and buttons across all interactive and social-proof elements

Contrast

text on background20.1:1 AAA
muted text on background6.4:1 AA
text on surface21.0:1 AAA
accent on background2.5:1 fail
background on accent2.5:1 fail

Type, measured

Body
16px / 1.75
Measure
124 characters
Display
56px / 1.14
Tracking
-0.012em display
Scale ratio
1.37

Voice

Tone
direct, conversational, product-first
Sentences
short
Person
second
Vocabulary
plain
Calls to action
start, request

Built with

Builder
—
Framework
next
Motion
—
WebGL
—
Nav
top_bar, 4 items
Length
15.8 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

    Clean, airy productivity hero featuring crisp left-aligned typography, a realistic floating app preview, and vibrant blue action buttons.

    Mood
    clinical + quiet
    Layout
    1 col · stacked · airy
    Open section →
    Clean, airy productivity hero featuring crisp left-aligned typography, a realistic floating app preview, and vibrant blue action buttons.
  2. 01

    feature

    Clean typographic SaaS feature section pairing structured narrative copy and social proof with a docked feature tab bar.

    Mood
    clinical + quiet
    Layout
    1 col · stacked · balanced
    Open section →
    Clean typographic SaaS feature section pairing structured narrative copy and social proof with a docked feature tab bar.
  3. 02

    feature

    Strong

    Crisp, airy product feature presentation with detailed UI mockups, restrained typography, and functional green checklist highlights.

    Mood
    quiet + clinical
    Layout
    1 col · stacked · airy
    Open section →
    Crisp, airy product feature presentation with detailed UI mockups, restrained typography, and functional green checklist highlights.
  4. 03

    feature grid

    Clean, understated software documentation layout with minimal typography, pill badges, and structured checklist cards on a crisp white background.

    Mood
    clinical + quiet
    Layout
    3 col · stacked · balanced
    Open section →
    Clean, understated software documentation layout with minimal typography, pill badges, and structured checklist cards on a crisp white background.
  5. 04

    feature

    Strong

    Clean, approachable productivity SaaS feature section combining conversational social proof, handwritten accents, and modular workflow UI previews.

    Mood
    playful + quiet
    Layout
    1 col · stacked · airy
    Open section →
    Clean, approachable productivity SaaS feature section combining conversational social proof, handwritten accents, and modular workflow UI previews.
  6. 05

    feature

    Strong

    Crisp and airy integration showcase featuring quiet typography over an elegant node diagram connecting third-party apps.

    Mood
    quiet + playful
    Layout
    2 col · stacked · balanced
    Open section →
    Crisp and airy integration showcase featuring quiet typography over an elegant node diagram connecting third-party apps.
  7. 06

    feature

    Clean, airy SaaS feature breakdown combining integration icons, narrative copy with a pull quote, and tabbed product UI preview.

    Mood
    quiet + clinical
    Layout
    1 col · stacked · airy
    Open section →
    Clean, airy SaaS feature breakdown combining integration icons, narrative copy with a pull quote, and tabbed product UI preview.
  8. 07

    feature

    Crisp and structured productivity feature section showing workflow automation diagrams on a calm, neutral canvas.

    Mood
    clinical + quiet
    Layout
    6 col · grid · balanced
    Open section →
    Crisp and structured productivity feature section showing workflow automation diagrams on a calm, neutral canvas.
  9. 08

    feature

    Clean and friendly onboarding section pairing a three-step timeline card with minimalist accordion FAQs on a soft off-white canvas.

    Mood
    playful + quiet
    Layout
    1 col · stacked · airy
    Open section →
    Clean and friendly onboarding section pairing a three-step timeline card with minimalist accordion FAQs on a soft off-white canvas.
  10. 09

    footer

    A quiet, airy footer and FAQ layout built on crisp typography and generous whitespace.

    Mood
    quiet
    Layout
    1 col · stacked · airy
    Open section →
    A quiet, airy footer and FAQ layout built on crisp typography and generous whitespace.

More like this

by shared mood