Resolve Healthware
Clean, structured, and clinically reassuring. Soft gray surfaces and crisp white cards frame detailed desktop UI mockups, instilling trust in hospital operational software. Deep cobalt blue accents punctuate primary calls to action and key phrases against crisp black typography.
Rated
5.8/ 10
From 10 analysed sections. Two measured components and one judged by a model. Distinction is a rank within the library; the rest are scores in their own right.
- AI scorejudged
- 6.0
- Systemmeasured
- 6.1
- Distinctionmeasured
- 4.1
- on the grid
- 30%
- vertical rhythm
- 70%
- type on a scale
- 44%
- contrast passing AA
- 100%
- unlike the library
- 0.64
- model craft
- 6.1/10
- model deviation
- 2.2/10
Colour
Typefaces
- Display
- General Sans
- Body
- General Sans
- Mono
- —
- Source
- Scale
- 12 · 13 · 16 · 18 · 20 · 24
Layout
- Grid
- 12 columns
- Container
- 1176px
- Spacing base
- 4px
- Radius
- 8px · 16px · 24px
Capture
- Category
- health
- Sections
- 10
- Captured
- 2026-09-06
- Rhythm
- light x3 → white → light x5 → dark
Type rules
- display headlines use tight negative tracking at -0.05em
- section eyebrows always rendered in uppercase above sentence-case headings
- body text measure kept to approximately 54 characters per line
Colour rules
- royal cobalt blue (#00158f) used exclusively for primary CTAs and hero headline highlights
- light gray canvas (#f0f0f0) houses pure white (#ffffff) floating cards for modular clarity
- footer anchors the bottom of the page in solid dark blue (#272f61)
Voice rules
- frame all features around clinical efficiency and patient outcomes
- pair high-level value propositions with concrete workflow mechanics
Holds it together
- present software screenshots inside realistic desktop frames or clear white panels
- alternate UI mockups and descriptive copy in two-column split layouts
- prefix every major section title with a compact uppercase label
- contain multi-feature explanations inside individual white card containers on a light grey background
Contrast
Type, measured
- Body
- 16px / 1.5
- Measure
- 54 characters
- Display
- 88px / 1
- Tracking
- -0.05em display
- Scale ratio
- 1.53
Voice
- Tone
- authoritative, reassuring, direct
- Sentences
- medium
- Person
- second
- Vocabulary
- plain
- Calls to action
- book, send, discover
Built with
- Builder
- framer
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 8 items
- Length
- 12.5 screens
Sections in page order
- 00
hero
StrongClean, clinical SaaS hero pairing bold dual-tone blue typography with an angled desktop monitor showcasing healthcare software.
- Mood
- clinical + reassuring
- Layout
- 2 col · split · airy
- 01
stats
Clean clinical statistics grid highlighting hospital performance metrics on soft white rounded cards over a pale gray background.
- Mood
- clinical + reassuring
- Layout
- 3 col · grid · balanced
- 02
feature
StrongA clean, clinical healthcare presentation balancing soft frosted tabs against professional medical photography.
- Mood
- reassuring + clinical
- Layout
- 2 col · stacked · balanced
- 03
feature
StrongA sterile, clean healthcare feature showcase pairing a structured patient scheduling interface mockup with precise explanatory copy.
- Mood
- clinical + reassuring
- Layout
- 2 col · split · balanced
- 04
feature grid
A clean, clinical sequence of alternating cards demonstrating hospital management software modules through detailed UI mockups.
- Mood
- clinical + reassuring
- Layout
- 2 col · stacked · balanced
- 05
testimonial
A clean and understated testimonial slider presenting medical endorsements across softly shadowed cards on a neutral light backdrop.
- Mood
- reassuring + clinical
- Layout
- 3 col · grid · balanced
- 06
pricing
A straightforward medical SaaS pricing comparison presenting tiered checklist cards and a prominent custom consultation banner.
- Mood
- clinical + reassuring
- Layout
- 2 col · grid · balanced
- 07
statement
Clean, unpretentious split layout pairing an authentic monochrome team portrait with structured, readable corporate copy on a neutral grey background.
- Mood
- reassuring + grounded
- Layout
- 2 col · split · balanced
- 08
cta
A clean healthcare lead capture form paired with high-contrast typography and a doctor portrait cutout.
- Mood
- reassuring + clinical
- Layout
- 2 col · split · balanced
- 09
footer
A restrained deep navy footer delivering quiet corporate reassurance with crisp horizontal link distribution.
- Mood
- reassuring + serene
- Layout
- 2 col · split · airy
