MUUDS

Curated catalog of analyzed web design.

Resolve Healthware

Utilitarian, clean, and clinical. The aesthetic relies on cool off-white surfaces, crisp modular white cards, and high-contrast deep blue accents to establish operational authority for medical software.

Visit site ↗

Colour

Background#f0f0f0
Text#000000
Accent#00158f
Surface#ffffff
Muted#272f61

Typefaces

Display
General Sans
Body
General Sans
Mono
Source
google
Scale
12 · 13 · 16 · 18 · 20 · 24

Layout

Grid
Container
Spacing base
4px
Radius
8px

Capture

Category
health
Sections
17
Captured
2026-08-27
Rhythm
light x16 → dark

Type rules

  • display type set with tight negative tracking at -0.05em in sentence case
  • body measure kept strictly under 55 characters per line for high legibility
  • section category labels formatted in compact uppercase sans-serif

Colour rules

  • deep cobalt blue accent reserved for primary action buttons and leading keywords in headlines
  • off-white light grey backgrounds dominate layout surfaces with crisp white card containers

Voice rules

  • lead with operational efficiency metrics and medical compliance
  • use standard clinical terminology across all workflow modules

Holds it together

  • render UI feature demonstrations inside rounded white card surfaces floating on cool grey canvas
  • use cobalt blue exclusively for primary buttons, form triggers, and headline focus words
  • anchor dense feature blocks with compact uppercase eyebrow labels

Contrast

text on background18.4:1 AAA
muted text on background11.1:1 AAA
text on surface21.0:1 AAA
accent on background12.3:1 AAA
background on accent12.3:1 AAA

Type, measured

Body
16px / 1.5
Measure
54 characters
Display
88px / 1
Tracking
-0.05em display
Scale ratio
1.53

Voice

Tone
clinical, informative, utilitarian
Sentences
medium
Person
third
Vocabulary
domain_specific
Calls to action
book, send, discover

Built with

Builder
framer
Framework
Motion
WebGL
Nav
top_bar, 8 items
Length
12.5 screens

Colour, by area

accent on headline_word, primary_button, text, container, icon, input
#f0f0f0 0%#ffffff 0%#f0f2ff 0%#272f61 0%#dadef7 0%#00158f 0%

Sections in page order

3 strongest marked · 17

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

  1. 00

    hero

    Bright, clinical SaaS hero pairing bold blue typographic emphasis with an angled realistic desktop monitor mockup.

    Mood
    clinical + bold
    Layout
    12 col · split · balanced
    Open section →
    Bright, clinical SaaS hero pairing bold blue typographic emphasis with an angled realistic desktop monitor mockup.
  2. 01

    statement

    A stark, clinical text-only statement with deep blue type floating on a muted cool grey backdrop.

    Mood
    clinical + quiet
    Layout
    12 col · stacked · airy
    Open section →
    A stark, clinical text-only statement with deep blue type floating on a muted cool grey backdrop.
  3. 02

    stats

    A clean, data-driven stats grid displaying hospital metrics in floating white cards against an off-white canvas.

    Mood
    clinical + quiet
    Layout
    3 col · grid · balanced
    Open section →
    A clean, data-driven stats grid displaying hospital metrics in floating white cards against an off-white canvas.
  4. 03

    feature

    Strongest

    A clean healthcare feature card pairing interactive benefit tabs with workplace photography above a bold section header.

    Mood
    clinical
    Layout
    1 col · stacked · balanced
    Open section →
    A clean healthcare feature card pairing interactive benefit tabs with workplace photography above a bold section header.
  5. 04

    feature

    A crisp, clinical healthcare feature section pairing modular appointment schedule cards with straightforward descriptive copy.

    Mood
    clinical + quiet
    Layout
    2 col · split · balanced
    Open section →
    A crisp, clinical healthcare feature section pairing modular appointment schedule cards with straightforward descriptive copy.
  6. 05

    feature

    Functional healthcare SaaS feature block pairing a clean dark blue headline with realistic patient ward UI cards.

    Mood
    clinical + quiet
    Layout
    11 col · split · balanced
    Open section →
    Functional healthcare SaaS feature block pairing a clean dark blue headline with realistic patient ward UI cards.
  7. 06

    feature

    A clean, clinical feature section pairing an authentic medication database interface mockup with concise explanatory copy.

    Mood
    clinical + quiet
    Layout
    2 col · split · balanced
    Open section →
    A clean, clinical feature section pairing an authentic medication database interface mockup with concise explanatory copy.
  8. 07

    feature

    Crisp and utilitarian feature presentation pairing clean explanatory copy with a detailed healthcare billing data table.

    Mood
    clinical + quiet
    Layout
    10 col · split · balanced
    Open section →
    Crisp and utilitarian feature presentation pairing clean explanatory copy with a detailed healthcare billing data table.
  9. 08

    feature

    Clinical medical software feature showcase pairing inventory metrics and pharmaceutical imagery with explanatory copy.

    Mood
    clinical
    Layout
    16 col · split · balanced
    Open section →
    Clinical medical software feature showcase pairing inventory metrics and pharmaceutical imagery with explanatory copy.
  10. 09

    feature

    Pragmatic, clinical SaaS feature presentation showing medical audit logs and lab test analytics on a clean grey background.

    Mood
    clinical
    Layout
    11 col · split · balanced
    Open section →
    Pragmatic, clinical SaaS feature presentation showing medical audit logs and lab test analytics on a clean grey background.
  11. 10

    feature

    Strongest

    A crisp, structured healthcare analytics card paired with dense feature copy above an assertive testimonial section introduction.

    Mood
    clinical + quiet
    Layout
    1 col · stacked · balanced
    Open section →
    A crisp, structured healthcare analytics card paired with dense feature copy above an assertive testimonial section introduction.
  12. 11

    pricing

    Strongest

    A stark white clinical layout featuring floating healthcare testimonial cards above an oversized pricing plan headline.

    Mood
    clinical + quiet
    Layout
    1 col · stacked · airy
    Open section →
    A stark white clinical layout featuring floating healthcare testimonial cards above an oversized pricing plan headline.
  13. 12

    pricing

    Clean, utilitarian comparison cards presenting software pricing tiers through straightforward checklist feature lists.

    Mood
    clinical + quiet
    Layout
    2 col · grid · dense
    Open section →
    Clean, utilitarian comparison cards presenting software pricing tiers through straightforward checklist feature lists.
  14. 13

    pricing

    Clean and minimal custom quote callout card with a high-contrast deep blue button over a pale background.

    Mood
    quiet + clinical
    Layout
    8 col · centered · airy
    Open section →
    Clean and minimal custom quote callout card with a high-contrast deep blue button over a pale background.
  15. 14

    team

    A grounded about section pairing a candid black-and-white team photograph with structured informational copy.

    Mood
    warm + quiet
    Layout
    2 col · split · balanced
    Open section →
    A grounded about section pairing a candid black-and-white team photograph with structured informational copy.
  16. 15

    cta

    High-contrast clinical lead-capture section combining bold grotesque typography with a medical professional cutout beside a clean contact form.

    Mood
    clinical + bold
    Layout
    2 col · split · balanced
    Open section →
    High-contrast clinical lead-capture section combining bold grotesque typography with a medical professional cutout beside a clean contact form.
  17. 16

    footer

    A calm, minimal deep navy footer with clean typography, balanced social media icons, and wide-set navigation links.

    Mood
    quiet + clinical
    Layout
    1 col · split · balanced
    Open section →
    A calm, minimal deep navy footer with clean typography, balanced social media icons, and wide-set navigation links.

More like this

by shared mood