Style Guide Atx Web Designs

Branding

Colors

Color Swatches

  • #000000
  • #1a88ca
  • #eea232
  • #1c1b19
  • #ffffff

Color Palettes

  • #000000
  • #393939
  • #494b4c
  • #2f89ca
  • #206aae
  • #2c90ef
  • #eea23f
  • #d38435
  • #da9438
  • #1c1b19
  • #636261
  • #797979
  • #fff

Typography

This is Heading 1

This is Heading 2

This is Heading 3

This is Heading 4

This is Heading 5
This is Heading 6

Intro

This is an introduction text. Lorem ipsum dolor sit amet, consectetur adipiscing elt. Cras dapibus vulputate diam eu pretium.

Text

This is text XXS

This is text XS

This is text base

This is text regular

This is text medium

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Buttons

Icons

Form

    "]

    List

    Basic List

    • Item 1
    • Item 2
    • Item 3
    • Item 4
    • Item 5

    Flush List

    • Item 1
    • Item 2
    • Item 3
    • Item 4
    • Item 5

    Plain List

    • Item 1
    • Item 2
    • Item 3
    • Item 4
    • Item 5

    Tight Spacing Between

    • Item 1
    • Item 2
    • Item 3
    • Item 4
    • Item 5

    No Space Between

    • Item 1
    • Item 2
    • Item 3
    • Item 4
    • Item 5

    Inline List

    • Item 1
    • Item 2
    • Item 3
    • Item 4
    • Item 5

    Style Position Inside

    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    List with Icon Outside

    Font

    body font-family: Roboto Regular;

    h1font-family: Avenir Next LT Pro Bold;

    h2 font-family: Avenir Next LT Pro Bold;

    h3,h4,h5,h6 font-family: Roboto Regular;

    p font-family: Roboto Regular;

    a, ul, li, blockquote, span font-family: Roboto Regular;

    Two Box Layout

    Three Box Layout

    Four Box Layout