Files
google-labs-code--design.md/examples/atmospheric-glass/README.md
T
wehub-resource-sync e6ed586119
Test / npm-registry-smoke-windows (push) Waiting to run
Test / test (push) Failing after 1s
chore: import upstream snapshot with attribution
2026-07-13 12:18:57 +08:00

1.2 KiB

Atmospheric Glass

A glassmorphism-driven weather application design system. Frosted crystalline panels float over vibrant gradient backgrounds, transforming complex meteorological data into a serene, premium visual experience. Uses a monochromatic white palette with varying alpha channels for luminosity and depth.

Files

File Description
DESIGN.md The complete design system specification in DESIGN.md format, including both structured YAML design tokens (frontmatter) and human-readable style guidance (markdown body).
tailwind.config.js A Tailwind CSS v3 theme configuration derived from the design tokens in the DESIGN.md frontmatter. Covers colors, typography, border-radius, and spacing. Component tokens are intentionally excluded — Tailwind's utility-first approach handles component styling through composition of these primitives.
design_tokens.json A Design Tokens Community Group JSON file containing all design tokens from the DESIGN.md frontmatter, including component-level tokens. This format is interoperable with tools like Figma, Style Dictionary, and other token pipelines.