This repository holds design tokens and platform exports derived from Elemento Cloud, generated with designlang v7.0.0 on 2026-05-02. The canonical token set follows the Design Tokens Community Group format.
For day-to-day implementation, prefer semantic tokens over primitives. A short list for agents and humans lives in AGENTS.md (primary action color, surfaces, typography, radius, and layout regions).
Full visual documentation (palette, typography, components, gradients) is in elemento-cloud-design-language.md. Structured design notes: elemento-cloud-DESIGN.md.
| Path | Purpose |
|---|---|
elemento-cloud-design-tokens.json |
Source JSON tokens (primitive + semantic) |
elemento-cloud-variables.css |
CSS custom properties |
elemento-cloud-tailwind.config.js |
Tailwind theme extension |
elemento-cloud-shadcn-theme.css |
shadcn/ui–oriented CSS variables |
elemento-cloud-theme.js |
JavaScript theme object |
elemento-cloud-figma-variables.json |
Figma variables export |
elemento-cloud-wordpress-theme.json |
WordPress-oriented token bundle |
elemento-cloud-mcp.json |
Color inventory and metadata for tooling/MCP |
elemento-cloud-preview.html |
Static preview of tokens |
| Path | Platform |
|---|---|
android/colors.xml, android/dimens.xml, android/Theme.kt |
Android |
ios/DesignTokens.swift |
iOS |
flutter/design_tokens.dart |
Flutter |
| Path | Purpose |
|---|---|
wordpress-theme/ |
Minimal theme using theme.json and PHP templates |
- Web (CSS): Import or copy from
elemento-cloud-variables.cssand reference the documented custom properties. - Tailwind: Merge
elemento-cloud-tailwind.config.jsinto your project’s Tailwind config. - Design tools: Import
elemento-cloud-figma-variables.jsoninto Figma (or your design tool’s equivalent workflow). - Native apps: Use the Android, iOS, or Flutter files as generated sources; keep them in sync when you re-export from designlang.
When a value is not defined in the semantic layer, map to the closest existing semantic token and note the gap rather than inventing new hex values. See AGENTS.md for the agreed rules.
Artifacts here are produced by designlang. To refresh this repo, run your designlang pipeline against the same source URL and replace the generated files so metadata ($metadata in JSON, dates in markdown) stays consistent.
This work is offered under both of the following licenses at once. Any use, sharing, or adaptation must comply with all applicable terms from each:
- GNU Affero General Public License v3.0 — full text in
LICENSE(after the copyright and SPDX notice). - Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International — full legal text in
LICENSE-CC-BY-NC-SA-4.0.txt.
SPDX-License-Identifier: AGPL-3.0-only AND CC-BY-NC-SA-4.0
Token data reflects the public site’s visual language; rights in the Elemento name, logo, and brand may still apply separately from these license terms.