State cards
Make a status or value useful through context, not a number alone.
Created & adapted by Insan NurjamanPrimitive + semantic variables foundationCurated public preview
Component model
Small and Large source cards expose titles, values, indicators, increment labels, and detail regions. Financial figures in these examples are sample design content, not outcomes.
Original specimens
Original exported design. Open to inspect at full size. Source appearance is preserved; private editable files are not linked.Usage
Choose deliberately
- Give each value a meaningful label.
- Include the context needed to interpret a change.
- Avoid presenting sample balances as verified business impact.
Keep the limits visible
Source properties and screenshots document design intent. Validate the supported combinations and interaction behavior in the implementation before treating them as a guarantee.
Read usage guidelines Curated design documentation by Insan Nurjaman. Native examples are illustrative, not a production package or a standards certification.
Explore the story 
