dads-create-ui

What problem does it solve?

Speed up and standardize the creation of user interfaces that conform to the Digital Agency Design System (DADS) Foundations by providing explicit token selection, mapping, and accessibility checks so designs are consistent, portable, and reviewable.

Core Features & Use Cases

• Token selection and mapping: Choose DADS tokens for color, typography, spacing, corners, and elevation and map them to UI components.
• Accessibility checks: Run lightweight accessibility verifications such as contrast and semantic hierarchy checks against chosen tokens.
• Provisional design handling: When inputs are missing, state assumptions and produce a provisional design outline suitable for stakeholder review.
• Use case: Draft a responsive landing page layout that maps brand colors to DADS tokens and lists accessibility concerns for handoff.

Quick Start

Create a provisional DADS-based responsive web UI for a landing page targeting breakpoints 320, 768, and 1200 using the provided content hierarchy and brand constraints and return Foundation choices, Token mapping, Accessibility checks, Open questions, and Assumptions.