The core of Rosely is a total of sixteen, carefully selected, low contrast pastel colors inspired by millennial pink for a eye-comfortable, but yet colorful ambiance.
Rosely has soothing contemporary colours designed to induce calmness and serenity and works well even on lower contrast displays. It is not eye fatiguing as it avoids high contrast colour changes and helps the eyes to focus on what is important.
Complementing these colours is a design system that emphasises clarity, simplicity and elegance.
Currently, the design system has been implemented in a number of websites, as well as themes for popular applications. In the future, the design system will include customised React components, and potentially other UI artefacts.
What is Rosely?
Section titled “What is Rosely?”
Why do I want Rosely?
Section titled “Why do I want Rosely?”Explore the concepts and motivations behind Rosely in the Concepts, Principles and Motivations section.
What can I do with Rosely?
Section titled “What can I do with Rosely?”Currently, you can use Rosely in your own projects or designs, and also use a Rosely theme for your favourite application.