Style Guide

Katie and The Chorus

Section Intro

INTERVIEWS & LIVE

Sometimes I Channel for Others

What if it’s all unfolding the way we intended? The first book from the Chorus offers an extraordinary perspective on our experience of being human and everything we are becoming next.

Hero Typography

Heading 1 {hero}

Heading 2 {hero}

Heading 3 {hero}

Paragraph {hero}

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.

Paragraph {hero} {normal}

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.

Paragraph {hero} {small}

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.

Hero Typography with video

Heading 1 {hero}

Heading 2 {hero}

Heading 3 {hero}

Paragraph {hero}

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.

Paragraph {hero} {normal}

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.

Paragraph {hero} {small}

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.

Hero Wrapper

wrapperHero

Heading 1 {hero}

Heading 2 {hero}

Heading 3 {hero}

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.

wrapperHero {center}

Heading 1 {hero}

Heading 2 {hero}

Heading 3 {hero}

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.

wrapperHero {right}

Heading 1 {hero}

Heading 2 {hero}

Heading 3 {hero}

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.

Colors

Lavender #6c7ee7

Teal #00c2cb

Orange #ec8d00

Red #e94234

Green #44855f

Black #333333

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

All Heading Tags

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Link Blocks

Regular Link Block - Go to Buttons

spacer 1.5rem

Medium Link Block - Go to Paragraphs

spacer 1.5rem

Small Link Block

spacer 1.5rem

Tiny Link Block

Heading - Small

Heading 1 {small}

Heading 2 {small}

Heading 3 {small}

Heading 4 {small}

Heading 5 {small}

Heading 6 {small}

Heading - White - Left Alignment

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Heading - Center Alignment

Heading 1 {center}

Heading 2 {center}

Heading 3 {center}

Heading 4 {center}

Heading 5 {center}

Heading 6 {center}

Heading - White - Center Alignment

Heading 1 {white} {center}

Heading 2 {white} {center}

Heading 3 {white} {center}

Heading 4 {white} {center}

Heading 5 {white} {center}

Heading 6 {white} {center}

Heading - Right Alignment

Heading 1 {right}

Heading 2 {right}

Heading 3 {right}

Heading 4 {right}

Heading 5 {right}

Heading 6 {right}

Heading - White - Right Alignment

Heading 1 {white} {right}

Heading 2 {white} {right}

Heading 3 {white} {right}

Heading 4 {white} {right}

Heading 5 {white} {right}

Heading 6 {white} {right}

Paragraph Alignment {Left/Right/Center}

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.

Paragraph Alignment - White {Left/Right/Center}

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.

Text Blocks

Regular Text Block

spacer 1.5rem

Smallest Text Block

spacer 1.5rem

Medium Text Block

spacer 1.5rem

Smallest Text Block

Paragraph {50/70/85}

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.

spacer 4.25rem

flexWrapper {horizontal}

Full Width

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.

Padding

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.

Padding Left

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.

spacer 1rem

spacer 1.5rem

spacer 2rem

spacer 3rem

spacer 3.5rem

spacer 4.25rem

spacer 6rem

spacer 8rem

Feature Single

Our Next Existence

I learned that Awakening became more difficult the further I strayed from authenticity. So, I started talking about it in a podcast. Sincerely, candidly, and - importantly - as I went along. I'm still talking today, less sure of any single answer, but more certain that there's never a wrong way to express the deepest parts of our hearts.

Each podcast season centers on the corresponding book's theme; and each episode builds on the previous ones, like a class.

Often, I channel a message from The Chorus, then discuss the meaning of the concept in our human context, connecting it to pop culture, technology, or personal experiences.

Start at episode 1 or follow your inspiration to a later episode. You can't go wrong! We hope you'll listen wherever you podcast, or on our YouTube channel.

Explore the Podcast

Icons

An icon of an open book with visible pages, indicating the presence of reading or literary content likely related to the website’s themes and books.

iconLarge

icon

icon {primary}

icon {title} {lavender}

iconButton

Feature Single

Our Next Existence

I learned that Awakening became more difficult the further I strayed from authenticity. So, I started talking about it in a podcast. Sincerely, candidly, and - importantly - as I went along. I'm still talking today, less sure of any single answer, but more certain that there's never a wrong way to express the deepest parts of our hearts.

Each podcast season centers on the corresponding book's theme; and each episode builds on the previous ones, like a class.

Often, I channel a message from The Chorus, then discuss the meaning of the concept in our human context, connecting it to pop culture, technology, or personal experiences.

Start at episode 1 or follow your inspiration to a later episode. You can't go wrong! We hope you'll listen wherever you podcast, or on our YouTube channel.

Explore the Podcast

Our Next Existence

I learned that Awakening became more difficult the further I strayed from authenticity. So, I started talking about it in a podcast. Sincerely, candidly, and - importantly - as I went along. I'm still talking today, less sure of any single answer, but more certain that there's never a wrong way to express the deepest parts of our hearts.

Each podcast season centers on the corresponding book's theme; and each episode builds on the previous ones, like a class.

Often, I channel a message from The Chorus, then discuss the meaning of the concept in our human context, connecting it to pop culture, technology, or personal experiences.

Start at episode 1 or follow your inspiration to a later episode. You can't go wrong! We hope you'll listen wherever you podcast, or on our YouTube channel.

Explore the Podcast

Our Next Existence

I learned that Awakening became more difficult the further I strayed from authenticity. So, I started talking about it in a podcast. Sincerely, candidly, and - importantly - as I went along. I'm still talking today, less sure of any single answer, but more certain that there's never a wrong way to express the deepest parts of our hearts.

Each podcast season centers on the corresponding book's theme; and each episode builds on the previous ones, like a class.

Often, I channel a message from The Chorus, then discuss the meaning of the concept in our human context, connecting it to pop culture, technology, or personal experiences.

Start at episode 1 or follow your inspiration to a later episode. You can't go wrong! We hope you'll listen wherever you podcast, or on our YouTube channel.

Explore the Podcast