72yonk Semantic Colour System
Unlock effortless theme expansion
Unlock effortless theme expansion
Unlock effortless theme expansion
Iterate on existing themes or create new ones while maintaining visual consistency and accessibility standards.
Iterate on existing themes or create new ones while maintaining visual consistency and accessibility standards.
Iterate on existing themes or create new ones while maintaining visual consistency and accessibility standards.
As design trends evolve and your product matures, the 72yonk semantic colour system empowers your team to adapt effortlessly.
As design trends evolve and your product matures, the 72yonk semantic colour system empowers your team to adapt effortlessly.
Rapidly scale themes
Rapidly scale themes
Achieve rapid theme scaling by assigning semantic associations to colours. Experience the power of effortless theme expansion and elevate your product.
Achieve rapid theme scaling by assigning semantic associations to colours. Experience the power of effortless theme expansion and elevate your product.
Accessibility built-in
Accessibility built-in
72yonk uses the human-friendly HSLuv colour space. Allowing you to explore different colour combinations while ensuring compliance with WCAG standards.
72yonk uses the human-friendly HSLuv colour space. Allowing you to explore different colour combinations while ensuring compliance with WCAG standards.
Design efficiently
Design efficiently
Reduce decision making time by working with a small set of colours with predefined meanings. Focus on optimising the user experience. Instead of deliberating between countless shades of grey.
Reduce decision making time by working with a small set of colours with predefined meanings. Focus on optimising the user experience. Instead of deliberating between countless shades of grey.
Maintain visual consistency
Maintain visual consistency
72yonk is framework for maintaining visual consistency across different colour themes. Keep your themes cohesive and harmonious to ensure a seamless user experience.
72yonk is framework for maintaining visual consistency across different colour themes. Keep your themes cohesive and harmonious to ensure a seamless user experience.
Start your semantic colour journey with the ready to use Figma files
Start your semantic colour journey with the ready to use Figma files
Or use the documentation to build your own semantic colour system
Or use the documentation to build your own semantic colour system
View Figma files
View documentation
Get started with semantic colours, themes, and Figma variables with confidence.
Get started with semantic colours, themes, and Figma variables with confidence.
The Figma files come prebuilt with
The Figma files come prebuilt with
18 interactive mockups
Ready to bring your themes to life
Ready to bring your themes to life
Over 30 components
Prebuilt components to help you get started
Prebuilt components to help you get started
Light and dark themes
Prebuilt themes to help you get started
Prebuilt themes to help you get started
Figma Variables
Switch between themes in one click
Switch between themes in one click
72yonk uses free and open source tools
72yonk uses free and open source tools
Github Prisim Primer
A tool for creating and maintaining cohesive, consistent, and accessible colour palettes.
Github Prisim Primer
A tool for creating and maintaining cohesive, consistent, and accessible colour palettes.
HSLuv Colour Space
A colour space based on CIELUV, which provides perceptually uniform and user-friendly colour representation.
HSLuv Colour Space
A colour space based on CIELUV, which provides perceptually uniform and user-friendly colour representation.
Google Material Symbols
A collection of over 2,500 glyphs with a wide range of design variants.
Google Material Symbols
A collection of over 2,500 glyphs with a wide range of design variants.
Use the documentation to build your own themes or
Begin building straight away with the ready to use Figma files
Begin building straight away with the ready to use Figma files
72yonk Semantic Colour System
Created by Cameron Collis
Documentation
Frequently asked questions