SearchSubmit
MUUDS

Curated catalog of analyzed web design.

GoSquared Marketing Automation

Warm, earnest, and deeply restrained. A luminous soft-cream canvas paired with deep forest green typography replaces harsh modern SaaS tropes with an organic, ethical clarity. Fine hairline gridlines and minimalist line icons evoke thoughtful craftsmanship and environmental purpose.

warmquiet
Visit site

Colour

Background#fffbeb
Text#002c22
Accent#007a55
Surface#fdfcf4
Muted#4a5565

Typefaces

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

Layout

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

Capture

Category
saas
Sections
15
Captured
2026-08-30
Rhythm
light x15

Type rules

  • display headlines set in bold Inter with negative tracking (-0.025em) and sentence case
  • body text set at 58 characters per line using deep pine green instead of black

Colour rules

  • warm cream (#fffbeb) is the universal backdrop across all sections without dark alternations
  • deep forest green (#002c22) serves as the primary text and high-contrast button fill

Voice rules

  • frame email capabilities around climate impact and ethical practices alongside efficiency
  • pair core conversion buttons with reassuring risk-free subtext

Holds it together

  • use deep forest green instead of true black for all primary text and dark CTA fills
  • wrap section category eyebrow labels in soft pill-shaped rounded badges
  • accompany major CTA buttons with a reassuring zero-commitment subtext line

Contrast

text on background14.6:1 AAA
muted text on background7.3:1 AAA
text on surface14.8:1 AAA
accent on background5.2:1 AA
background on accent5.2:1 AA

Type, measured

Body
24px / 1.33
Measure
58 characters
Display
60px / 1
Tracking
-0.025em display
Scale ratio
1.26

Voice

Tone
earnest, reassuring, principled
Sentences
medium
Person
second
Vocabulary
plain
Calls to action
start, get started, read, see

Built with

Builder
—
Framework
next
Motion
—
WebGL
—
Nav
top_bar, 5 items
Length
12 screens

Sections in page order

3 marked strong · 15

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

  1. 00

    hero

    Warm, clean SaaS hero featuring deep forest green typography centered on an airy cream background with subtle vertical gridlines.

    Mood
    warm + quiet
    Layout
    1 col · centered · airy
    Open section →
    Warm, clean SaaS hero featuring deep forest green typography centered on an airy cream background with subtle vertical gridlines.
  2. 01

    logo bar

    Strong

    A calm, structured client logo grid etched onto a warm cream canvas with delicate divider lines.

    Mood
    quiet + warm
    Layout
    1 col · grid · airy
    Open section →
    A calm, structured client logo grid etched onto a warm cream canvas with delicate divider lines.
  3. 02

    feature

    A warm, gentle feature section combining centered sans-serif copy on soft cream with an embedded product UI preview.

    Mood
    warm + quiet
    Layout
    1 col · stacked · balanced
    Open section →
    A warm, gentle feature section combining centered sans-serif copy on soft cream with an embedded product UI preview.
  4. 03

    feature grid

    Warm and approachable feature grid composed of clean white cards with minimalist line icons on a soft cream backdrop.

    Mood
    warm + quiet
    Layout
    2 col · grid · balanced
    Open section →
    Warm and approachable feature grid composed of clean white cards with minimalist line icons on a soft cream backdrop.
  5. 04

    feature grid

    A warm, understated feature matrix with delicate line icons, gentle vertical dividers, and deep forest green typography on cream.

    Mood
    quiet + warm
    Layout
    16 col · grid · balanced
    Open section →
    A warm, understated feature matrix with delicate line icons, gentle vertical dividers, and deep forest green typography on cream.
  6. 05

    feature grid

    A calm, structured four-column feature grid laid out with minimal line icons over a warm cream background.

    Mood
    warm + quiet
    Layout
    16 col · grid · balanced
    Open section →
    A calm, structured four-column feature grid laid out with minimal line icons over a warm cream background.
  7. 06

    feature grid

    A quiet, warm multi-column feature grid using minimalist typography and simple line icons on a soft cream background.

    Mood
    quiet + warm
    Layout
    16 col · grid · airy
    Open section →
    A quiet, warm multi-column feature grid using minimalist typography and simple line icons on a soft cream background.
  8. 07

    feature grid

    A quiet and minimal three-column sustainability feature row set on warm cream with fine line icons.

    Mood
    quiet + warm
    Layout
    3 col · grid · airy
    Open section →
    A quiet and minimal three-column sustainability feature row set on warm cream with fine line icons.
  9. 08

    feature grid

    A calm, warm-toned feature grid structured with subtle vertical column dividers and minimal line iconography.

    Mood
    quiet + warm
    Layout
    16 col · grid · airy
    Open section →
    A calm, warm-toned feature grid structured with subtle vertical column dividers and minimal line iconography.
  10. 09

    feature grid

    A quiet, airy three-column integrations list on a warm cream background accented by minimal line icons.

    Mood
    warm + quiet
    Layout
    3 col · grid · airy
    Open section →
    A quiet, airy three-column integrations list on a warm cream background accented by minimal line icons.
  11. 10

    announcement

    Clean and warm product update section featuring a horizontal sequence of changelog cards over a soft cream background.

    Mood
    warm + quiet
    Layout
    1 col · stacked · airy
    Open section →
    Clean and warm product update section featuring a horizontal sequence of changelog cards over a soft cream background.
  12. 11

    feature grid

    Warm, restrained values grid highlighting company ethics and principles in clean rounded cards over a cream background.

    Mood
    warm + quiet
    Layout
    4 col · grid · balanced
    Open section →
    Warm, restrained values grid highlighting company ethics and principles in clean rounded cards over a cream background.
  13. 12

    testimonial

    Strong

    A warm, softly staggered masonry wall of testimonial cards showcasing ethical brand endorsements with gentle rounded geometry.

    Mood
    warm + quiet
    Layout
    1 col · grid · balanced
    Open section →
    A warm, softly staggered masonry wall of testimonial cards showcasing ethical brand endorsements with gentle rounded geometry.
  14. 13

    cta

    A quiet and warm dual call-to-action section set against a soft cream backdrop with centered, minimal typography.

    Mood
    warm + quiet
    Layout
    12 col · centered · airy
    Open section →
    A quiet and warm dual call-to-action section set against a soft cream backdrop with centered, minimal typography.
  15. 14

    footer

    Strong

    A clean, warm-toned multi-column footer grounded in eco-conscious certifications and quiet sustainability messaging.

    Mood
    quiet + warm
    Layout
    4 col · grid · airy
    Open section →
    A clean, warm-toned multi-column footer grounded in eco-conscious certifications and quiet sustainability messaging.

More like this

by shared mood