import { Meta, Title, Story } from '@storybook/addon-docs/blocks';
import * as ColorsStories from './Colors.stories.js';

<Meta title="Colors" />

<Title>Colors</Title>

Reflects a product's style, creates hierarchy, and provides meaning to components and messages.

**Design reference:** [Figma (Colors)](https://www.figma.com/design/YbvOpVPUBxTSEzg4J8pXKu/Weni---unnnic?node-id=24315-37750&m=dev)
---

<Story of={ColorsStories.Colors} />