Verdant Grove

Soft-green systems for calm, restorative experiences.

A nature-forward design system that blends gentle motion, organic textures, and breathable spacing for focused work.

Soft gradients Leafy textures Low contrast
System balance
Spacing 4 / 8 / 16 / 32 / 64
Radius 10 / 18 / 28 / 40
Motion Soft ease ยท 420ms
Type Cormorant + Karla

Design principles

Verdant Grove prioritizes calm and clarity. Create soft layers, keep lines light, and use motion like a breeze.

Grounded Flowing Warmth

Breathing space

Use generous padding and wide line length to keep interfaces relaxed.

Natural contrast

Balance soft greens with crisp ink text to preserve readability.

Gentle cues

Animations should feel like subtle wind, not sudden bursts.

Color palette

Soft greens form the base. Accent with river blue and warm sunlight for emphasis.

Mist #eff6ef
Surface #f4f8f3
Fern #4f8a6e
Moss #315c45
River #6fa7a4
Sun #f0d8a8

Typography

Cormorant Garamond delivers organic elegance. Karla keeps UI copy clean and efficient.

Display

Cormorant Headline

Use for hero lines, section titles, and editorial callouts.

Body

Karla keeps interfaces readable and modern without breaking the natural tone.

Components

Buttons, inputs, toggles, and badges are soft-edged with light motion cues.

Buttons
Inputs
Toggles
Badges
Active Stable Flow Warm

Surface layouts

Layer softly colored panels with minimal borders for dashboards and planning views.

Meadow board

Growth Plan

Track initiatives with calm spacing and clear, low-contrast groupings.

9
Projects
4
In bloom
6d
Next Review
Canopy view

Wellness Cycle

Use river accents to highlight daily rituals and soft gradients for milestones.

78%
On track
12
Habits
3
Notes

Data and alerts

Use soft backgrounds for table rows and gentle alert panels for status updates.

Trail Status Lead Review
Habitat research Collecting Field team May 02
Wellness guide Approved Editorial May 10
Trail markers Draft Design May 18
Healthy cadence

Daily check-ins are steady and aligned with the motion guidelines.

Needs focus

Reduce visual clutter on the review screen to keep attention calm.

Gentle reminder

Two milestones need updated notes before the next meeting.