Typography Details

Headings

  • Heading Font: Poppins, very similar to ITC Avant Garde, but seems to render better on the web.
  • Weight: 700
  • Line Spacing: 1.2
  • Letter Spacing: none

Body

  • Font: Inter
  • Size: 18px
  • Line Spacing: 1.6
  • Letter Spacing: none

Heading 1

  • Size: 48px

Heading 2

  • Size: 40px

Heading 3

  • Size: 32px

Heading 4

  • Size: 24

Paragraph

Default

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis ante vitae magna rhoncus tempus. Cras quis mattis sem, et facilisis purus. Duis nunc elit, aliquam sit amet libero in, dignissim tempor justo. Mauris dignissim blandit dui nec condimentum. Duis in consequat mi, quis dapibus quam. Morbi eu ligula nec nunc placerat porttitor vitae in nisl. Proin pulvinar metus nec enim euismod dapibus. Maecenas ac turpis quis nisl pulvinar imperdiet.

Large – Lede paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis ante vitae magna rhoncus tempus. Cras quis mattis sem, et facilisis purus. Duis nunc elit, aliquam sit amet libero in, dignissim tempor justo. Mauris dignissim blandit dui nec condimentum. Duis in consequat mi, quis dapibus quam. Morbi eu ligula nec nunc placerat porttitor vitae in nisl. Proin pulvinar metus nec enim euismod dapibus. Maecenas ac turpis quis nisl pulvinar imperdiet.

Small – Fine Print

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis ante vitae magna rhoncus tempus. Cras quis mattis sem, et facilisis purus. Duis nunc elit, aliquam sit amet libero in, dignissim tempor justo. Mauris dignissim blandit dui nec condimentum. Duis in consequat mi, quis dapibus quam. Morbi eu ligula nec nunc placerat porttitor vitae in nisl. Proin pulvinar metus nec enim euismod dapibus. Maecenas ac turpis quis nisl pulvinar imperdiet.

Color Palette

NOTE: We weren’t sure how to utilize Waves of Grain in our design, so we left it out. If that color is important to their program, they can add it specifically. Let us know if we’re missing something. You’ll notice that we’re not using the accent colors apart from their use in the gradients, throughout the design. Open to your thoughts on that.

Dark Text and BG
Liberty Blue – 900
0a2140

Accent / Action
Prickly Pink – 900
e12490

Subtle Text
Liberty Blue – 400
B6BCC6

BG Subtle and Shadow
Liberty Blue – 200
E7E9EC

BG Light
Liberty Blue – 100
F2F2F4

Accent / Gradient
Malibu Blue – 900
00B1E1

Accent / Gradient
Jade Green – 900
57c1a5

Accent / Gradient
Radiant Orange – 900
f99d25

Highlight Text & Button
Gradient on Dark
165deg linear

Highlight Text & Button
Gradient on Light
165deg linear

Hero Header

  • Heading 1 with gradient highlight text
  • Primary and Secondary Button Style
  • Video with a modal overlay

Change Your Mindset. Change Your Tomorrow.

Access proven strategies, expert mentorship, and a community of growth-minded individuals.

Start Your Transformation Get Involved
Play

Unlock personal and professional growth based on 50+ years of wisdom.

Heading Variations

  • Centered with Centered Divider (Pink on Light BGs, Orange on Dark BGs)
  • Left Justified with Divider and Subheading

NOTE: We’re calling out the subheading as a different element than the standard H3 because we feel it doesn’t stand alone as well as the main heading font. Also, we’ve chosen a color that pushes it to the background a bit. I’m curious about your thoughts. I don’t love it, but I don’t love it in the darker color either. Maybe it’s fine as is.

Centered Heading on Light Background With Gradient Highlight

Left Justified H2 on Light Background With Gradient Highlight

A helpful and descriptive subheading

Centered Heading on Dark Background With Gradient Highlight

Centered Heading on Dark Background With Gradient Highlight

A helpful and descriptive subheading

Card Variations

  • Box Shadow: 8px offset-x 8px offset-x 0px blur 0px spread
  • Border Radius: 14px

The Winners Circle

For Growth-Minded Learners

$10/month

What You Get

  • A community dedicated to growth and shared wisdom
  • Access to training modules, podcasts, online learning, and enriching events
  • Personal and professional development throughout your journey.
Join the Winners Circle

Proven Success Formula

Access the exact strategies that built a startup into an industry leader

Engaged Community

Network with ambitious professionals and growth-minded individuals

Accordion

  • Minimalist
  • Jade green active state
  • Icon open/close indicators on the right

Revolutionize Your Outlook. Develop the attributes—like gratitude and purpose—needed to redefine failure, establish healthy boundaries, and maintain a powerful, optimistic approach to every challenge.

Master the Art of Connection. Move beyond simple speaking to actively listening, understanding non-verbal cues, and authentic engagement, ensuring your message is always heard and your relationships thrive.

Build Unbreakable Bonds. Learn to cultivate trust and respect through core values like honesty, integrity, and kindness, providing the framework for successful personal and professional connections.

Achieve Professional Excellence. Get the strategic blueprint for success, covering everything from operational excellence and sales and marketing processes to understanding your client base and mastering the long game of business growth.

Take Control of Your Wealth. Grasp the essential principles of managing money and leveraging finances to secure your future, move toward financial freedom, and make smarter economic decisions.

Leading is not just for the chosen few. Learn skills to become a leader at work, in your relationships, and in your community, and make a positive impact wherever you are.

Pre Footer CTA

  • The primary CTA on the site is to sign up for a Winner’s Circle membership
  • The goal of this section is to keep it focused on the primary action at the bottom of each page.
  • Background watermark subtly reinforces the brand

Join the Winners Circle

If you’re ready to grow,
this is for you.

We’re looking for people ready to go to the next level with proven techniques and mentors to guide you along the way. It’s time to invest in yourself.

Start Your Transformation Get Involved