DADS Design Foundations

Use this skill to apply, check, and audit Japanese government-style web UI design decisions according to the Digital Agency Design System (DADS) foundations.

Read Order

1. Read Operating Rules and Core Gotchas below to align with foundational design constraints.
2. Follow the Procedural Workflows when constructing a layout, setting up colors, or typography.
3. For deep-dive specifications, route to the appropriate reference file in references/ according to the Reference Routing map below.

Reference Routing

When you need granular specs, token names, hex-level behaviors, or detailed tables, open the following files:

• Color Codes & Contrast: Read color_and_accessibility.md.
• Typography Scales & Decors: Read typography_and_text_styles.md.
• Grid Systems & Spacing Spans: Read layout_and_spacing.md.
• Icon Placements & Link States: Read icons_and_links.md.