top of page
NH_Logo copy_3x.png
DSC05616_edited_edited.jpg

ADTHENA:

DESIGN SYSTEM

Using atomic design principles I created and managed a design system for Adthena. 

​

Design system is used by designers and engineers to ensure consistency and reusable components are made during design and build.

ATOMS

Starting with atoms, I created small components along with a colour palette and type styles.

​

Each component has an anatomy to explain how it works, dimensions for consistency and its various states.

Screenshot 2022-07-11 at 13.35.55.png
Screenshot 2022-07-11 at 13.40.38.png
Screenshot 2022-07-11 at 13.42.00.png

MOLECULES

Building upon multiple atoms, molecules are created.

Screenshot 2022-07-11 at 13.44.03.png
Screenshot 2022-07-11 at 13.48.57.png
Screenshot 2022-07-11 at 13.48.36.png

ORGANISMS

Building upon multiple molecules and atoms, organisms are created.

Screenshot 2022-07-11 at 14.22.57.png
Screenshot 2022-07-11 at 14.22.41.png
Screenshot 2022-07-11 at 14.22.24.png

Explore more projects

InvestmentIntelV2-900x506.png

Ai insights

Enabling users to make decisions that save their company £1000's

Screenshot 2024-07-24 at 13.17.36.png

Pill: Design System

Building a new design system and meeting WCAG 2.2 accessibility.

bottom of page