Skip to content

CLAUDE.md

Latest commit

 

History

History
30 lines (24 loc) · 2.34 KB

CLAUDE.md

File metadata and controls

30 lines (24 loc) · 2.34 KB
Raw

Design Context

Users

Browser users who want a personalized, aesthetic new tab experience. They open new tabs dozens of times a day — each moment should feel like a brief respite, not a distraction. They value beauty and customization but don't want complexity. The job to be done: transform a mundane browser moment into something personal and calming.

Brand Personality

Calm, Minimal, Elegant — Pluto is understated and sophisticated. It doesn't shout for attention; it quietly elevates the everyday. The tone is confident but gentle, like a well-designed space that feels effortless.

Emotional Goals

  • Calm & centered: A moment of peace before diving into work
  • Personal & grounded: Feels like their own space, familiar and comforting
  • Inspired & delighted: A spark of beauty or wonder each time
  • Focused & ready: Clear-headed, ready to get things done

Aesthetic Direction

  • Visual tone: Dark, minimal, spacious — generous whitespace (or "dark-space"), subtle shadows, smooth transitions
  • Theme: Dark mode only. Deep blacks (#0F0F0F panels, #000000 scaffold) with light off-white text (#EBEBEB)
  • Accent: Cupertino system blue as primary, 100+ curated gradients and 24 flat colors for backgrounds
  • Typography: Mix of serif (Cardo) and sans-serif (Jakarta Sans, Product, Renner) — clean hierarchy, light to medium weights
  • Motion: Smooth, unhurried animations (250ms easeInOut). Transitions should feel natural, never jarring
  • References: Pluto has its own unique identity — not derivative of any specific app or design system
  • Anti-references: Avoid cluttered dashboards, aggressive colors, gamified UI, or anything that feels noisy or demanding

Design Principles

  1. Quiet confidence — Every element should earn its place. If it doesn't serve calm, beauty, or function, remove it.
  2. Breathe — Generous spacing and restraint. Let backgrounds and content speak without competing UI chrome.
  3. Invisible craft — Animations, transitions, and interactions should feel so natural they go unnoticed. Polish is in the details.
  4. Personal sanctuary — The new tab is the user's space. Customization should feel empowering, not overwhelming.
  5. Privacy as design — No tracking, no analytics, no ads. This isn't just a policy — it's a design value that shapes trust and simplicity.