Consistency & Scalability
Design systems make it quicker and easier to replicate and scale designs by having a single collection of standards to rely on.
Alignment
Design systems improve alignment between designers and developers. Reduce time spent on what color or button to use, and instead focus on solving bigger problems.
Approachability-first
Make buying medicines not intimidating and stressful.
Trust Led
Make it easy to trust Truemeds by reducing any risk or anxiety around low quality of medicines.
Expertise in Medicine
Position Truemeds as an expert in the medicines it sells and recommends.
From redesigning and optimizing the experience to creating and organizing the design system, we worked with the Truemeds team to streamline their product design and development process.
100+ Tokens
Typography, Effects, Color styles.
500+ Components
Buttons, Fields, Dropdowns etc.
200+ Variables
Surface, Text, Borders and Spacing
Screens
UI ready layouts
Sub Atoms
Atoms
Molecules
Organisms
Pages
Sub Atoms / Tokens
Sub-atoms or tokens are a way to represent repeated design decisions such as colors, shadow units, font size and font weight values, and more
Atoms
Atoms are the smallest functional unit and are not useful on their own.
Molecules
Molecules are groups of atoms bonded together and are the smallest fundamental units of a compound
Organisms
Organisms give us some building blocks to work with, and we can now combine them together to form organisms. Organisms are groups of molecules joined together to form a relatively complex, distinct section of an interface.
Here's what Truemeds had to say
"At the core of our collaboration with Lights Out is a balance between innovation and practical aesthetics. It's not just about making things pretty; it's about making them work. That's what Lights Out excels at!"