BlockBase Style Guide
Kandence WP V1.0 • Inspired by Relume. Motivated by Christ.
Typography
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Block Quote
No bullet list
No bullet list
No bullet list
- Bullet list
- Bullet list
- Bullet list
- Number list
- Number list
- Number list
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
ultra-bold (900)
extra-bold (800)
bold (700)
semi-bold (600)
medium (500)
regular (400)
light (300)
extra-light (200)
thin (100)
text-style-italic
text-style-strikethrough
TEXT-STYLE-ALLCAPS
Color Palette
1 – Brand
Brand Inactive
Brand Accent
Brand Hover
2- Brand Alt
Brand Alt Inactive
Brand Alt Accent
Brand Alt Hover
3 – Strongest Text
Strongest Text
4 – Strong Text
Strong Text
5 – Medium Text
Medium Text
6 – Subtle Text
Subtle Text
7 – Subtle Background
8 – Lighter Background
9 – White or Base
Custom 1
Custom 2
Custom 3
Custom 4
Custom 5
Custom 6
Success
Success Light
Error
Error Light
UI Elements
Button Accent Alternate
Button Secondary Alternate
Blog Post 3
Write a clear, descriptive title for your blog post Introduce the main topic and why it matters Briefly explain what this post is about, who it’s for, and why the reader should care. Keep it friendly and concise. First main idea or step in your post Explain a specific detail or sub-point for this section…
Blog Post 2
Write a clear, descriptive title for your blog post Introduce the main topic and why it matters Briefly explain what this post is about, who it’s for, and why the reader should care. Keep it friendly and concise. First main idea or step in your post Explain a specific detail or sub-point for this section…
|
Header Text |
Header Text |
Header Text |
|---|---|---|
|
Text |
Text |
Text |
|
Text |
Text |
Text |