jnj-global-design-system v0.0.6

Code base of the JNJ Design System v1.0.0

:wave: Hi, all

This repo contains the CSS Atoms of the J&J design system

Here you can find

Assets:

• All the J&J official fonts .woff2 format
• 1174 UI Icons .svg format with the J&J design system guidelines
• All the official J&J Logos .svg format
• Some official J&J Images

CSS Classes for:

• Background colors
• Border Colors
• Text Colors
• Typography styles
• Elevation shadows
• Glassmorphism

This repo is WIP more elements will be added.

All the css styles are in the styles-dist.css And there is a small documentation file (WIP) in the index.html

Link to the Atoms Figma file https://www.figma.com/file/xTiCfjt9icR0Ydlrn2VmpO/Atoms-J%26J---v1.0.0?type=design&node-id=6%3A9&mode=design&t=hxSCArlG2uQIzwtc-1