v0.1.1

🚀 v0.1.1 — The Color Module Definition

April 6th 2026

This release marks the transition from a 2-tier to a 3-Tier Variable Architecture, enabling advanced theming and the new Playground module.

✨ New Features

3-Tier Variable Logic: Added the "Interim/Themes" layer to allow for instant mode-switching between brand identities.
Open Color Integration: Rebuilt the Primitive collection using the Open Color standard for better accessibility and hue-grading.
Added 4 unique color moods each mood has total of 4 color palettes.
Fun & Vibrant - A high-energy, high-contrast scheme engineered for engagement in creative, gamified, or "Edutech" platforms.
Warm & Cozy - An approachable palette of ambers and earth tones designed for community, wellness, and lifestyle-driven interfaces.
Cool & Industrial - A stable, slate-based palette optimized for data-heavy SaaS, FinTech, and professional enterprise tools.
Soft & Elegant - A sophisticated, low-saturation scheme tailored for luxury editorial content and minimalist e-commerce experiences.

🎨 Color Module

Added an Interim color tier that Introduced a total of 9 color modes.
Custom
Warm & Cozy Light Mode
Warm & Cozy Dark Mode
Fun & Vibrant Light Mode
Fun & Vibrant Dark Mode
Cool & Industrial Light Mode
Cool & Industrial Dark Mode
Soft & Elegant Light Mode
Soft & Elegant Dark Mode
Created the core 3 tier architecture by mapping semantic values to the appropriate Interim value

⚡ Improvements & Fixes

Fixed: Contrast ratios on text-secondary for Dark Mode.
Updated: Naming convention for all tokens to strict kebab-case.
Refinement: Spacing tokens adjusted to 10px root alignment.

⚠️ Known Issues
Semantic mapping only 60% complete
Testing/Playground still needs to be created
Typography needs to be redefined
Spacing and Padding needs to be defined
Line Height values need to be reassessed

Full Changelog: https://github.com/DForant/dfd-design-system/commits/v.0.1.1