Complete design system for CredFast's fintech platform featuring professional blue palette, consistent typography, and comprehensive component library for unified user experience.
Large impact sections with clear messaging and strong CTAs
Empowering Your Financial Journey
Explore our comprehensive range of financial products. Compare rates, terms, and features to find the perfect match for your needs.
Access our educational resources, calculators, and expert insights to understand your options and make informed financial decisions.
Connect with our certified financial advisors who provide personalized recommendations based on your unique financial situation.
Apply for the best-suited financial products with confidence, knowing you've made an informed decision with our support.
From loans to investments, credit monitoring to insurance - discover our comprehensive range of financial products designed to meet all your needs.
Quick personal loans for all your needs
Make your dream home a reality
Best credit cards with rewards
Fuel your business growth
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.
10.5 Cr+
Happy Customers
51+
Insurance Partners
5.3 Cr+
Policies Sold
99.4%
Claim Settlement
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.
Enter your details to check your credit score instantly
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
Hierarchical typography scale for clear information architecture
text-4xl md:text-5xl font-bold leading-tight tracking-tight
Used for main hero headlines and primary page titles
text-3xl md:text-4xl font-bold leading-tight
Used for section heroes and major announcements
text-2xl md:text-3xl font-bold leading-tight
Used for major section titles and feature headlines
text-2xl font-bold
Page titles and major section headers
text-xl font-bold
Subsection headers and card titles
text-lg font-bold
Component titles and step headings
text-base font-bold
Small section headers and labels
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
Professional fintech colors with blue primary and emerald accents
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 50
#ecfdf5
Section backgrounds
Emerald 100
#d1fae5
Light accents
Emerald 600
#059669
Success states
Hero Blue
#109EFF
Homepage hero gradient
Comprehensive collection of reusable UI components
Get instant loan approvals with our streamlined digital process.
₹50L+
Loans Disbursed
Helping thousands achieve their goals
Fill out our simple application form in just 2 minutes.
Consistent spacing scale for layouts and components
py-2080px - Major sections
py-1248px - Sub-sections
py-1040px - Component groups
py-624px - Card sections
px-6 lg:px-8Container padding
max-w-7xlMaximum container width
Version 2.0 • Complete design system with modern patterns
For questions about this design system, contact the CredFast design team.