Skip to content

Latest commit

 

History

History
23 lines (18 loc) · 1.89 KB

File metadata and controls

23 lines (18 loc) · 1.89 KB

Design Context

Users

Writers, bloggers, journalers, and lyricists who want focus — not features. They open this app to disappear into words. Mobile use is significant (adding to home screen). The app is often used at a desk or in a quiet moment on a phone.

Brand Personality

Quiet authority. Editorial. A room of one's own. Three words: still, precise, considered

Emotional goal: the feeling of picking up a beautiful notebook — everything is in its place, nothing competes for attention, and the writing is the only thing that matters.

Aesthetic Direction

  • Theme-fluid: the customizer UI must look correct on ANY theme background (cream/sepia, deep midnight, blueprint blue, forest green). No hardcoded dark/light assumptions — use currentColor, theme.text, theme.accent for all decorative elements.
  • Refined minimalism: like a museum catalog or a well-typeset literary journal. Space is expressive. Density only where density earns its place.
  • Anti-references: no glass morphism, no gradient text, no glowing accents, no "settings panel" chrome. The customizer should feel like an extension of the writing surface, not a separate tool.
  • Interactive states: all hover/focus/active states should feel deliberate and fast. No slow fades. Micro-interactions reward precision.

Design Principles

  1. Text over chrome — labels are data, not decoration. Every word must earn its place.
  2. Precision in density — small components (dot grids, color rows) should be pixel-exact. No accidental oversizing.
  3. Theme-agnostic — the UI adapts to the user's chosen theme background. Use theme.text and theme.accent for all tones.
  4. Earned revelation — advanced options appear through interaction (expand), not by default. The default view should be calm.
  5. Golden-ratio rhythm — spacing from the existing 4/8/13/21/34/55px scale. No arbitrary values.