Atomic Systems and Data Visualization

A burst of post-merger innovation led to the creation of Axiom, an atomic design system. 

In the process, cross-functional designers represented their product needs across the survey research continuum and what emerged was a foundational system. With inputs for brand, a high level mission statement and core values designers discussed, researched, iterated, compared, and created a system of flexible figma and React components to use as building blocks for the work to come. 

System Parts

  • Design principles are derived from the companies core values. Principles should be reflected in every area of the design and visual mood of the user interface.

  • Voice and tone guide writers and designers with specific examples of how and how not to apply principles in practice.

  • Color guidelines included various palettes, tones. Typography features styles and example strings.

  • Design principles are derived from the companies core values. Principles should be reflected in every area of the design and visual mood of the user interface.

  • Atoms

  • Molecules

  • Organisms

  • Templates

Data Visualization Library

Representing the research vertical, I created an extensible set of chart components as a core part of this work.