Kikoff's Style Guide df
2025 Kikoff Digital Style Guide for their Marketing & Product
Join over 1 million members. Over the past 6 years, we’ve helped people increase their credit scores by a total of 80 million points.
Download the Press Kit
Press on this link below to download Kikoff's 2025 Style System & logos
Build credit with Kikoff.
Join over a million people already using Kikoff. No credit check and open your account in minutes. The average of 28 point increase after the first month of Kikoff.
Brand Idea
We believe in "Transforming ideas into reality" by integrating people, processes, and products on a unified Kikoff design platform. This approach transcends traditional departmental boundaries and unites makers with customers, fostering an environment where work flourishes. This ethos is the foundation of our entire design system.
Our Values
We are guided by the principle of "Transforming ideas into reality," anchoring our design philosophy to drive our actions and unite our creative teams.
Transforming
Captivating, simple, and engaging approaches.
Ideas
Engineered, elegant, and systematic solutions.
Reality
Purposeful, intentional, and empowering choices.
The Kikoff Design System
Typography
SF Pro Display Font Family
Heading H1
Heading H2
Heading H3
Heading H4
Heading H5
Heading H6
What’s a Rich Text element?
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
What’s a Rich Text element?
The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.
Static and dynamic content editing
A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!
How to customize formatting for each rich text
Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
Block Quote
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.
- Bullet list item
- Bullet list item
- Bullet list item
- Numbered list item
- Numbered list item
- Numbered list item
- Bordered List Item
- Bordered List Item
- Bordered List Item
- Bordered List Item Small
- Bordered List Item Small
- Bordered List Item Small
Display Headings
Eyebrow Large
Eyebrow
Eyebrow Reduced
Stat & Numbers
Heading Super
Heading Normal
Heading Promo
Heading Reduced
Description Hero (for hero sections)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Description (for sections)
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
Colors & Gradients
Gradients based on the primary colors
Buttons
Component, text style and size variations
Icons
Archive Icons 2024
Archive Icons 2024
Forms
Plans & pricing
Comparison table
Subheading description and information can be added here
Subheading description and information can be added here
$0
Additional information can be added here
$3
Additional information can be added here
The most-loved credit builder.
Since 2019, we've helped millions of people just like you take control of their financial future.
Build Credit Fast