Design.md v1

[marcusljf]

• Initial file created
• Use "Before implementing, read filepath/design.md and follow it." to ensure guidelines are followed
• Will continue to iterate over time

Summary by CodeRabbit

• Documentation
  • Added a new design guide for the authenticated app experience, covering visual style, layout, component usage, form/error handling, interactions, motion, copy, and accessibility expectations.
  • Included a clear do’s-and-don’ts checklist to help keep future UI changes consistent across the app.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
dub	Error		Jul 1, 2026 12:24am

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 35fed7d0-4d3f-4b8a-adf4-f0ae7467dc88

📥 Commits

Reviewing files that changed from the base of the PR and between c2ca6a5 and 21be4eb.

📒 Files selected for processing (1)

• design.md

---

📝 Walkthrough

Walkthrough

This pull request adds a new design.md document to the repository. The document defines design conventions for the authenticated app UI, covering theming, typography, spacing, component usage, form validation, accessibility, and copy guidelines, concluding with a Do's/Don'ts checklist. No code entities are altered.

Changes

Design Documentation

Layer / File(s)	Summary
Design system guidance document design.md	Adds a new document defining semantic theming, typography, spacing, elevation, component usage, form validation, state/interaction, motion, copy, and accessibility conventions, plus a Do's/Don'ts checklist.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Poem

A rabbit hops with a scroll in paw,
Bearing rules of shape and law—
Colors, type, and spacing true,
Accessible for all to view.
No code was touched, just words so bright,
Guiding builders toward the light. 🐇📜

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title matches the main change: adding the initial version of design.md.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch design-md

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}