Digital Agency, Government of Japan — A design asset in three parts: a design language covering how to think about styling, UI components that give form to information and interaction, and guidelines for designing and building with usability and accessibility in mind.
Fit guidance has no recorded field-level check date. No readiness audit recorded.
Palette, type ramp, spacing grid, radius, elevation and motion — restated in our own structure from Design System for Digital Agency’s public references. Factual values for study; the official docs remain canonical.
Editable editorial reference. 0/4 fields have an explicit source and 0 have a recorded check date. Context sources are not proof of every value; verify current values with the maintainer before implementation.
Inspect every field and its evidence (JSON)Primitive / Blue 900
Primary brand blue. The Storybook theme independently sets the same value as colorPrimary.
--color-blue-900
Exactly what ships in japan-dads-design.md. This entry doesn’t have a full editorial breakdown yet, so the spec covers the verified facts — profile, official source, and an AI-ready prompt.
Restated from design.digital.go.jp and digital-go-jp/design-system-example-components, links last checked 2026-09-16. The file lists its sources and method in a provenance block at the top.
# Design System for Digital Agency — Design Style Reference
```yaml
# How this file was made. Sources are first-party; nothing here is
# read from a rendered page. Full breakdown at source_page below.
method: restated-from-official-tokens-package
confidence: high
verified_at: 2026-09-16
source_page: https://www.designsystems.one/design-systems/japan-dads
sources:
- https://design.digital.go.jp/dads/
- https://github.com/digital-go-jp/design-tokens/blob/main/figma/tokens.json
- https://github.com/digital-go-jp/design-system-example-components
```
> **Unofficial, community-authored reference.** Compiled by [designsystems.one](https://www.designsystems.one). Not affiliated with, endorsed by, or sponsored by Digital Agency, Government of Japan. "Design System for Digital Agency" and related marks belong to their respective owners. This document describes publicly observable style attributes in original words — it contains no copied documentation, logos, icon artwork, or original token files. Always defer to the official source for canonical, current values.
**System:** Design System for Digital Agency
**Owner:** Digital Agency, Government of Japan
**Official documentation:** https://design.digital.go.jp/dads/
---
## Summary
A design asset in three parts: a design language covering how to think about styling, UI components that give form to information and interaction, and guidelines for designing and building with usability and accessibility in mind.
_Editorial confidence: high. Values are drawn from well-documented public token references. Colour only. The Digital Agency publishes 144 colour tokens in DTCG form in its own design-tokens repository; this is the primary from that file. Field-level evidence: 0/4 claims source-linked, 0/4 dated. Confidence is not verification; validate canonical values before implementation._
[Inspect every field and its evidence](https://www.designsystems.one/api/style-spec?system=japan-dads)
## Color tokens
| Color | Value | CSS variable | Role |
| --- | --- | --- | --- |
| Primitive / Blue 900 | `#0017c1` | `--color-blue-900` | Primary brand blue. The Storybook theme independently sets the same value as colorPrimary. |
## Quick start (CSS)
```css
/* Design System for Digital Agency — illustrative tokens, restated as CSS custom properties.
Unofficial reference by designsystems.one; values are indicative, not
canonical. Native dp/sp values are omitted, never silently converted.
Official reference: https://design.digital.go.jp/dads/
Reference scope: Colour only. The Digital Agency publishes 144 colour tokens in DTCG form in its own design-tokens repository; this is the primary from that file.
Field evidence: https://www.designsystems.one/api/style-spec?system=japan-dads */
:root {
/* Color */
--color-blue-900: #0017c1; /* Primary brand blue. The Storybook theme independently sets the same value as colorPrimary. */
}
```
## Engineering profile
- Public engineering details are limited; see the official documentation.
## Apply this style with an AI tool
Paste this into your AI coding assistant as a direction, then iterate:
> Design in the spirit of Design System for Digital Agency by Digital Agency, Government of Japan — A design asset in three parts: a design language covering how to think about styling, UI components that give form to information and interaction, and guidelines for designing and building with usability and accessibility in mind. Use a primary colour near #0017c1. Match the intent, not the pixels; adapt it to my product rather than cloning it.
## Official reference
- [Design System for Digital Agency documentation](https://design.digital.go.jp/dads/)
---
_Generated by [designsystems.one](https://www.designsystems.one/design-systems/japan-dads) — a catalogue of public design systems. Style facts are reported for reference and education; adapt them to your own product. Report issues or takedown requests via the site._
Want the deep dive?
Design System for Digital Agency doesn’t have a full editorial breakdown yet — those cover origin, governance, token decisions, and the components worth studying. Thirty-seven anchor systems do.