Back to docs hub·docs/product/01-vision-guardrails.md
Reference document

Dokodo Vision & Design Guardrails (2026)

Last updated Mar 23, 2026

Dokodo Vision & Design Guardrails (2026)

Homepage Philosophy

  • One-page, anchor-led navigation
  • Each section is intentional, minimal, and emotionally resonant
  • Hero: wow effect, clear CTA, art-directed visuals
  • How It Works: three ritual steps, icons, breadcrumb visual
  • Product Proof: only one screenshot per frame, art-directed, no overlays
  • Privacy & Trust: concise, calm, privacy-first
  • Plans & CTA: simple, clear, visually strong
  • Footer: minimal, calm, premium

Constraints

  • Remove generic SaaS blocks, weak reassurance cards, and copy-heavy sections
  • Only keep information necessary for understanding, trust, and desire
  • Screenshots must fill containers and show only the most relevant product area
  • Visuals must never be noisy or repetitive
  • Navigation is minimal and intentional

Emotional Theme

  • “A place for everything”
  • Calm, organized, trustworthy, and satisfying
  • Premium through restraint, not flashy effects

For implementation, see .github/instructions/frontend-redesign.md and hero-section/home-experience components.