A complete CSS framework organized using Atomic Design principles
Foundational design variables that define the visual language
Small text
Base text
Large text
Basic building blocks that cannot be broken down further while maintaining functionality
Simple combinations of atoms with a single clear purpose
Complex UI sections composed of multiple molecules and atoms
This is a card that demonstrates how atoms (badges) and molecules work together in an organism.
This card has hover effects and demonstrates the composition of multiple components.