Phoenix DuskMoon Design Conventions

Design Thinking

Before building any page or view, commit to an intentional aesthetic direction within the DuskMoon design system:

• Purpose: What does this page do? Dashboard, form, marketing, admin, content?
• Density: Dense data UI vs generous editorial spacing — pick one per view
• Emphasis: Identify the single most important action or content block — that gets primary color; everything else recedes
• Depth: How many surface layers does this view need? Flat (1-2 levels) vs layered (3-4 levels)

DuskMoon provides the tokens — your job is to use them with intention, not uniformly.

Theme Setup

CSS Entry (Required)