mirror of
https://github.com/apache/superset.git
synced 2024-09-19 12:09:42 -04:00
736b53418a
Co-authored-by: Lyndsi Kay Williams <55605634+lyndsiWilliams@users.noreply.github.com> Co-authored-by: Michael S. Molina <70410625+michael-s-molina@users.noreply.github.com>
26 lines
1.0 KiB
Plaintext
26 lines
1.0 KiB
Plaintext
import { Meta, Source } from '@storybook/addon-docs';
|
|
import AtomicDesign from './atomic-design.png';
|
|
|
|
<Meta title="Design System/Introduction" />
|
|
|
|
# Superset Design System
|
|
|
|
A design system is a complete set of standards intended to manage design at scale using reusable components and patterns.
|
|
|
|
You can get an overview of Atomic Design concepts and a link to the full book on the topic here:
|
|
|
|
<a href="https://bradfrost.com/blog/post/atomic-web-design/" target="_blank">
|
|
Intro to Atomic Design
|
|
</a>
|
|
|
|
While the Superset Design System will use Atomic Design principles, we choose a different language to describe the elements.
|
|
|
|
| Atomic Design | Atoms | Molecules | Organisms | Templates | Pages / Screens |
|
|
| :-------------- | :---------: | :--------: | :-------: | :-------: | :-------------: |
|
|
| Superset Design | Foundations | Components | Patterns | Templates | Features |
|
|
|
|
<img
|
|
src={AtomicDesign}
|
|
alt="Atoms = Foundations, Molecules = Components, Organisms = Patterns, Templates = Templates, Pages / Screens = Features"
|
|
/>
|