Kiddie Kredit Style Guide

Browse our design elements and styles

Colors

Kiddie Kredit Green

#66c1bd

KK Grey

#576272

Buttons

Button Large

Primary Button Large

Button Default

Primary Button

Button Large

Secondary Button Large

Button Default

Secondary Button

Iconography

A reports clipboard for Kiddie Kredit icon

A help question mark that is green on a white circle background

A history time clock in green, blue, white and grey

A Kiddie Kredit Academy graduation white cap

Typography

Heading H1 - Aa Bb Cc Dd

Heading H1 - 54px

Heading H2 - Aa Bb Cc Dd

Heading H2 - 36px

Heading H3 - Aa Bb Cc Dd

Heading H3 - 24px

Heading H4 - Aa Bb Cc Dd

Heading H3 - 18px

Heading H5 - Aa Bb Cc Dd

Heading H5 - 16px

Heading H6 - Aa Bb Cc Dd

Heading H6 - 14px

Paragraph Default: 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 Default - 18px

Paragraph Large: 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 Large - 28px

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Unordered List - 18px

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor.

Ordered - 18px