CredFast Design System

Complete design system for CredFast's fintech platform featuring professional blue palette, consistent typography, and comprehensive component library for unified user experience.

Hero Section Patterns

Large impact sections with clear messaging and strong CTAs

HOW WE HELP YOU

Empowering Your Financial Journey

Discover & Compare

Explore our comprehensive range of financial products. Compare rates, terms, and features to find the perfect match for your needs.

Learn & Educate

Access our educational resources, calculators, and expert insights to understand your options and make informed financial decisions.

Get Expert Guidance

Connect with our certified financial advisors who provide personalized recommendations based on your unique financial situation.

Make Wise Choices

Apply for the best-suited financial products with confidence, knowing you've made an informed decision with our support.

Our Complete Financial Solutions

From loans to investments, credit monitoring to insurance - discover our comprehensive range of financial products designed to meet all your needs.

Personal Loans

Quick personal loans for all your needs

₹1L - ₹2Cr
10.99% onwards
Instant eligibility

Home Loans

Make your dream home a reality

Up to 90% funding
8.5% onwards
Quick approval

Credit Cards

Best credit cards with rewards

Instant approval
0% joining fee
Cashback & rewards

Business Loans

Fuel your business growth

₹1L - ₹5Cr
11.5% onwards
Minimal docs

Personal Loans

₹1 Lakh to ₹2 Crores at Lowest Interest Rates!

Instant eligibility checks

Minimal documentation required

Flexible repayment options up to 5 years

100% Secure

RBI Approved NBFC

Hero Image Placeholder

Health Insurance Up to ₹1 Crore

Protect your family's health and finances with comprehensive health insurance. Get cashless treatment at 10,000+ network hospitals, tax benefits up to ₹1 lakh, and coverage starting from just ₹307/month.

Cashless Everywhere

Tax Benefits

24/7 Support

Trusted by Millions

10.5 Cr+

Happy Customers

51+

Insurance Partners

5.3 Cr+

Policies Sold

99.4%

Claim Settlement

Worth ₹1,200 - Absolutely FREE!

Get Your Credit Score

FREE in 2 Minutes

Check your CIBIL score for free and get personalized loan offers. No impact on your credit score! Monitor your credit health and improve your financial profile.

Know what impacts your score

Get monthly updates & alerts

100% secure & confidential

Instant score in 2 minutes

Get Your Free Credit Score

Enter your details to check your credit score instantly

First Name *

Last Name *

PAN Number *

Phone Number *

Email Address *

I hereby consent to CredFast and its partners to Call/SMS/Email me with reference to my application... Read More

By proceeding, you agree to our Terms & Conditions and Privacy Policy

Typography System

Hierarchical typography scale for clear information architecture

Display Typography

Hero Display

text-4xl md:text-5xl font-bold leading-tight tracking-tight

Used for main hero headlines and primary page titles

Large Display

text-3xl md:text-4xl font-bold leading-tight

Used for section heroes and major announcements

Section Display

text-2xl md:text-3xl font-bold leading-tight

Used for major section titles and feature headlines

Heading Typography

Heading 1

text-2xl font-bold

Page titles and major section headers

Heading 2

text-xl font-bold

Subsection headers and card titles

Heading 3

text-lg font-bold

Component titles and step headings

Heading 4

text-base font-bold

Small section headers and labels

Body Typography

Large Body Regular

text-base font-normal leading-relaxed

Hero descriptions and feature explanations

Body Medium

text-base font-medium

Button text and important labels

Body Regular

text-sm font-normal leading-relaxed

Standard body text and descriptions

Small Medium

text-sm font-medium

Captions and metadata

Small Regular

text-xs font-normal

Fine print and disclaimers

Brand Color Palette

Professional fintech colors with blue primary and emerald accents

Primary Blue Palette

Blue 50

#E3F2FD

Light backgrounds

Blue 100

#BBDEFB

Subtle accents

Blue 400

#42A5F5

Primary buttons

Blue 600

#1E88E5

Logo blue

Blue 800

#1565C0

Dark accents

Emerald Accent Palette

Emerald 50

#ecfdf5

Section backgrounds

Emerald 100

#d1fae5

Light accents

Emerald 600

#059669

Success states

Hero Blue

#109EFF

Homepage hero gradient

Component Library

Comprehensive collection of reusable UI components

Buttons

Primary Buttons

Secondary Buttons

Success Buttons

Cards

Quick Processing

Get instant loan approvals with our streamlined digital process.

₹50L+

Loans Disbursed

Helping thousands achieve their goals

Apply Online

Fill out our simple application form in just 2 minutes.

Form Elements

Input Fields

Full Name

Email Address

Phone Number

Loan Amount

Alerts & Notifications

Information

Your loan application is being processed. You'll receive an update within 24 hours.

Success

Congratulations! Your loan has been approved and will be disbursed shortly.

Warning

Please ensure all documents are uploaded before the deadline.

Spacing System

Consistent spacing scale for layouts and components

Layout Spacing

Section Spacing

py-20

80px - Major sections

py-12

48px - Sub-sections

py-10

40px - Component groups

py-6

24px - Card sections

Container Spacing

px-6 lg:px-8

Container padding

max-w-7xl

Maximum container width

CredFast Design System

Version 2.0 • Complete design system with modern patterns

For questions about this design system, contact the CredFast design team.