/centralize-config-frontend

Primary LanguageTypeScript

cp-origin-web-centralize (Web Design System)

confluence

https://cp-origin.atlassian.net/l/cp/YC1MJzQB

Tech Stacks

  • React + Ts
  • Storybook (Figma addons included)
  • Style Dictionary
  • TailwindCss
  • ChangeSets (WIP)
  • Chromatic (WIP)

Project Diagrams (Key Main Project)

alt text

Why Design System ?

  • Source of truth
  • Functional Consistency
  • Focus on hard engineering problems

What is Design Tokens

alt text alt text Learn more https://m3.material.io/foundations/design-tokens/overview

Design tokens are central and tiny pieces of Ui information that will be used across serveral platforms such as

  • Color Value
  • Spacing
  • Animation
  • Shadows

Atomic Design

alt text