Mobile Design Projects in KirklandMobile Design Projects in KirklandBuild a serene, low-stimulation web application layout for a somatic education and chronic pain relief practice named "Sound Somatics".
Design System & Visual Direction:
Atmosphere: Calm, low-fatigue, organic visual environment designed for users suffering from nervous system overload and chronic pain.
Color Palette: Warm parchment background (#F7F5EE), soft cream card containers (#FAF8F5), deep slate serif typography (#22252A), and muted terracotta accent buttons (#D4A373).
Typography: High-contrast yet soft serif headline font (e.g., Playfair Display or Cormorant) paired with a clean, highly legible sans-serif body font.
Spatial Layout: Generous whitespace, soft rounded corners (16px to 24px border radius), and zero harsh contrast boundaries.
Component Architecture:
Minimal Navigation Header:
Left: Wordmark "Sound Somatics" with a subtle warm dot indicator.
Right: Minimal text link "Book a session".
Editorial Hero Section:
Pill Badge: "HANNA SOMATIC EDUCATION" in muted beige text inside a soft container.
Main Headline: "Restore Movement. Release Chronic Pain." (Large serif display font).
Subheadline: "Gentle Hanna Somatic Education designed to re-educate your nervous system and release deep holding patterns."
Primary CTA: Terracotta pill button reading "Explore Somatic Sessions".
Hero Asset: Rounded image container featuring warm, earthy studio photography (ceramic cup, natural stone, textured linen).
Interactive Session Accordion ("A quiet path back to ease"):
Section Title: "A quiet path back to ease" with subtext "Every session meets you where you are. Explore the ways we can work together."
Expandable Cards: • "Hanna Somatic Movement" (Subhead: Sensorimotor re-education for stiff joints and posture) • "Chronic Tension & Pain Release" (Subhead: Targeting back pain, neck stiffness, and stress patterns) • "Clinical Somatic Sessions" (Subhead: 1-on-1 personalized somatic movement education)
Behavior: Smooth tap/click interaction showing a plus icon (+) when collapsed and a subtle close icon (×) when expanded, revealing detailed session description copy inside a soft cream panel.
Gentle Intake Form ("Begin Gently"):
Section Header: "Begin gently" with subtext "Share a little about yourself and we'll find a calm time to begin. No pressure, no rush."
Card Layout: Clean, centered white/cream card with soft borders.
Input Fields: Soft rounded input fields with generous padding: • Name (Placeholder: "Your name") • Email (Placeholder: "you@example.com (mailto:you@example.com)") • What would you like to release? (Optional multi-line textarea with placeholder: "A few words about what's holding you...")
Submit Button: Full-width terracotta button reading "Book my session".
Minimal Footer:
Centered brand title "Sound Somatics" with sub-tagline "Hanna Somatic Education & Chronic Tension Relief". 
