import { Meta } from '@storybook/addon-docs/blocks';
import { Logotype } from '@roleypoly/design-system/atoms/branding';
import { Space } from '@roleypoly/design-system/atoms/space';
import { palette } from '@roleypoly/design-system/atoms/colors';

<Meta title="Roleypoly Design System" />

<Logotype height="4em" circleFill={palette.taupe100} circleOuterFill={palette.taupe300} />
<Space />

# Rapid UI

#### Roleypoly Design System

This is a tool for Roleypoly developers to design and show off UI
components as they build them.

If you're interested in helping build Roleypoly, [please visit the GitHub project.][roleypoly]

All components here follow the [Atomic Design System][atomic], and might be used in any number of Roleypoly UI systems, not limited to
just the end user web application.

[roleypoly]: https://github.com/roleypoly/roleypoly
[atomic]: https://bradfrost.com/blog/post/atomic-web-design/