Style Guide

Fonts

Font family: "Open Sans", sans-serif Google Font. Default body font-size: 14px

Colors

#ffffff
#f0f0f0
#eeeeee
#dedede
#3c3c3c
#282828
#85b218

Buttons

primary
default
secondary

Forms

Example block-level help text here.

Lists

Piped list

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate delectus doloribus, fugit hic illo ipsum itaque magnam nesciunt, nisi nostrum quis rem similique sit suscipit voluptas.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate delectus doloribus, fugit hic illo ipsum itaque magnam nesciunt, nisi nostrum quis rem similique sit suscipit voluptas.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate delectus doloribus, fugit hic illo ipsum itaque magnam nesciunt, nisi nostrum quis rem similique sit suscipit voluptas.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate delectus doloribus, fugit hic illo ipsum itaque magnam nesciunt, nisi nostrum quis rem similique sit suscipit voluptas.

Piped list small

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, laudantium!
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, laudantium!
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Piped list inverse

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate delectus doloribus, fugit hic illo ipsum itaque magnam nesciunt, nisi nostrum quis rem similique sit suscipit voluptas.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate delectus doloribus, fugit hic illo ipsum itaque magnam nesciunt, nisi nostrum quis rem similique sit suscipit voluptas.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate delectus doloribus, fugit hic illo ipsum itaque magnam nesciunt, nisi nostrum quis rem similique sit suscipit voluptas.

Success list

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, laudantium!
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, laudantium! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate delectus doloribus, fugit hic illo ipsum itaque magnam nesciunt, nisi nostrum quis rem similique sit suscipit voluptas.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Canceled list

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, laudantium!
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate delectus doloribus, fugit hic illo ipsum itaque magnam nesciunt, nisi nostrum quis rem similique sit suscipit voluptas.
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Cards

Simple card

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate delectus doloribus, fugit hic illo ipsum itaque magnam nesciunt, nisi nostrum quis rem similique sit suscipit voluptas.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate delectus doloribus

list-group list:

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate

Width shadow and green top border

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate delectus doloribus, fugit hic illo ipsum itaque magnam nesciunt, nisi nostrum quis rem similique sit suscipit voluptas.

Animi architecto assumenda cumque cupiditate delectus doloribus, fugit hic illo

success-list list:

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, laudantium!
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore, laudantium!
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Width shadow and grey top border

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate delectus doloribus, fugit hic illo ipsum itaque magnam nesciunt, nisi nostrum quis rem similique sit suscipit voluptas.

canceled-list list:

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate
  • Lorem ipsum dolor sit amet,
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi architecto assumenda cumque cupiditate

Tooltips

Just some text

Hívjon minket a 06-1/234-5012-es számon