Style Guidelines Demo

Main Content Styles:

This is buah-large-bold-green-heading class demo.

This is buah-large-green-heading class demo.

This is buah-large-serif-green-heading class demo.

---

This is buah-medium-serif-green-heading class demo.

---

This is buah-large-bold-brown-heading class demo.

This is buah-large-upcase-serif-brown-heading class demo.

This is buah-large-upcase-bold-brown-heading class demo.

---

This is buah-medium-serif-brown-heading class demo.

This is buah-medium-brown-heading class demo.

---

This is buah-small-bold-brown-heading class demo.

This is buah-small-upcase-bold-brown-heading class demo.

---

This is buah-small-brown-text class demo.

This is buah-small-warm-grey-text class demo.

Fonts:

This is buah-museo-sans-900 class demo.

This is buah-museo-sans-300 class demo.

This is buah-museo-300 class demo.

Colors:

Available colors: white, beige, red, green, neutral, light-green, light-brown, warm-grey, brown. Each color can have one of 3 prefixes to form a class: buah-color-, buah-bg-color-, and buah-border-color. Combine them and you will get class names.
For example: buah-color-red, buah-color-green, buah-color-white + buah-bg-color-brown.

Buttons:

Combine class action_button from the theme with buah-button or buah-button-primary:

action_button + buah-button action_button + buah-button-primary