import { Meta } from '@storybook/addon-docs';

<Meta title="System/Guidance" />

# System Guidance

## Spacing

<iframe
  height="550"
  style={{ width: '100%' }}
  src="https://www.figma.com/embed?embed_host=astra&url=https://www.figma.com/file/3dQQ3bNohaQNfeQsqs8sBQ/Proper---2021?node-id=9272%3A46665"
  allowfullscreen
/>

## Centered content

<iframe
  height="550"
  style={{ width: '100%' }}
  src="https://www.figma.com/embed?embed_host=astra&url=https://www.figma.com/file/3dQQ3bNohaQNfeQsqs8sBQ/Proper---2021?node-id=9272%3A46662"
  allowfullscreen
/>

## Spotlight split

<iframe
  height="550"
  style={{ width: '100%' }}
  src="https://www.figma.com/embed?embed_host=astra&url=https://www.figma.com/file/3dQQ3bNohaQNfeQsqs8sBQ/Proper---2021?node-id=9272%3A46663"
  allowfullscreen
/>

## Ingredients

<iframe
  height="550"
  style={{ width: '100%' }}
  src="https://www.figma.com/embed?embed_host=astra&url=https://www.figma.com/file/3dQQ3bNohaQNfeQsqs8sBQ/Proper---2021?node-id=9272%3A46664"
  allowfullscreen
/>

<style>{`iframe { border: none; }`}</style>