Dec 17, 2021

Design System

Launched Improved Design System Atoms

As we continue to define a new look-and-feel for our application it's important to start with strong building blocks. Atoms are traditionally thought of as these building blocks thanks to Brad Frost's Atomic Design.

What's New

  • System-UI Font Family All users will have a native-feeling experience regardless of what operating system they are using.

  • Accessible Color Palettes We've re-created our color palettes to include colors and color combinations that pass minimum

  • Design Tokens We've adopted the token methodology to give designers and developers context into how colors are used to define them in a consistent way.

As we continue to define a new look-and-feel for our application it's important to start with strong building blocks. Atoms are traditionally thought of as these building blocks thanks to Brad Frost's Atomic Design.

What's New

  • System-UI Font Family All users will have a native-feeling experience regardless of what operating system they are using.

  • Accessible Color Palettes We've re-created our color palettes to include colors and color combinations that pass minimum

  • Design Tokens We've adopted the token methodology to give designers and developers context into how colors are used to define them in a consistent way.

As we continue to define a new look-and-feel for our application it's important to start with strong building blocks. Atoms are traditionally thought of as these building blocks thanks to Brad Frost's Atomic Design.

What's New

  • System-UI Font Family All users will have a native-feeling experience regardless of what operating system they are using.

  • Accessible Color Palettes We've re-created our color palettes to include colors and color combinations that pass minimum

  • Design Tokens We've adopted the token methodology to give designers and developers context into how colors are used to define them in a consistent way.

As we continue to define a new look-and-feel for our application it's important to start with strong building blocks. Atoms are traditionally thought of as these building blocks thanks to Brad Frost's Atomic Design.

What's New

  • System-UI Font Family All users will have a native-feeling experience regardless of what operating system they are using.

  • Accessible Color Palettes We've re-created our color palettes to include colors and color combinations that pass minimum

  • Design Tokens We've adopted the token methodology to give designers and developers context into how colors are used to define them in a consistent way.

Built in Framer

Colors by Tailwind

Icons by Phosphor

Type set in Nuckle

Built in Framer

Colors by Tailwind

Icons by Phosphor

Type set in Nuckle

Built in Framer

Colors by Tailwind

Icons by Phosphor

Type set in Nuckle