Style Guide

Heading Classes

KD-heading-style-h1

Asana Yoga

KD-heading-style-h2

Asana Yoga

KD-heading-style-h3

Asana Yoga

KD-heading-style-h4

Asana Yoga

KD-heading-style-h5
Asana Yoga
KD-heading-style-h6
Asana Yoga

Text Classes

KD-text-style-large
This is some text inside of a div block.
KD-text-style-medium
This is some text inside of a div block.
KD-text-style-regular
This is some text inside of a div block.
KD-text-style-small
This is some text inside of a div block.
KD-text-style-tiny
This is some text inside of a div block.
KD-text-style-subheading
This is some text inside of a div block.
KD-text-style-link
This is some text inside of a div block.

Rich Text

KD-text-rich-text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Dark urban restaurant
Urban Restaurant

Buttons

KD-button
Button
KD-button-small
Button
KD-button-secondary
Button
KT-button-secondary-small
Button
KD-button-link
Button

Form Elements

KD-field-label
KD-form-input
KD-form-text-area
KD-form-select-input
KD-form-checkbox
KD-form-radio
KD-button
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Colors

Asana Black
Asana Dark Green
Asana Light Green

Structure Classes

Defined and flexible core structure we can use on all or most pages.

KD-page-wrapper
KD-main-wrapper
KD-container-small
KD-container-medium
KD-container-large
KD-padding-global
KD-padding-section-medium
KD-padding-section-large
KD-padding-section-Xlarge
KD-button-group
KD-margin-bottom
KD-margin-top