Introduction

This is where you welcome people to your styleguide! Some things to think about:

  • Why are you creating it?
  • What are you documenting?
  • Who will be using it?
    •

    Principles

    This is where you welcome people to your styleguide! Some things to think about:

  • Why are you creating it?
  • What are you documenting?
  • Who will be using it?
    •

    Release Status

    What changes have you made to your design system?

    Design

    This is where you welcome people to your styleguide! Some things to think about:

  • Why are you creating it?
  • What are you documenting?
  • Who will be using it?
    •

    Colors

    Header Color #ffffff
    Text Color #7A7A7A
    Element Color #222
    Accent Color #ff5200


    Do's

    List the things to do here.
    Dont's

    List the things to not do here.


    Typography

    FONT

    Aa

    Red Hat Display
    Bold

    Aa

    Red Hat Display
    Regular

    Aa

    Red Hat Display
    Medium

    Aa

    Red Hat Display
    Light

    HEADLINES

    h1 headline

    h2 headline

    h3 headline

    h4 headline

    h5 headline
    H6 HEADLINE
    BODY TEXT

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna



    Do's

    List the things to do here.
    Dont's

    List the things to not do here.


    Icons

    Coming Soon

    Do's

    List the things to do here.
    Dont's

    List the things to not do here.


    Layout

    Spacing


    Coming Soon 1120px desktop

    Do's

    List the things to do here.
    Dont's

    List the things to not do here.


    Breakpoints

    These are the breakpoints used in the design system to adapt layouts across different screen sizes:

    MOBILE
    TABLET
    DESKTOP

    Introduction

    This is where you welcome people to your styleguide! Some things to think about:

  • Why are you creating it?
  • What are you documenting?
  • Who will be using it?
    •

    Principles

    This is where you welcome people to your styleguide! Some things to think about:

  • Why are you creating it?
  • What are you documenting?
  • Who will be using it?
    •

    Release Status

    What changes have you made to your design system?