Dung Le
Design System
Homepage Section
Overal the providing service
This hero section immediately establishes credibility by showcasing impressive statistics that highlight customer satisfaction and success. The bold, large typography draws attention to key metrics—such as customer happiness percentages and user counts—while maintaining a clean, modern aesthetic. Subtle visuals, like icons or background elements, reinforce the positive sentiment without overwhelming the design.
Services Overview
This service-focused section combines strong messaging with visually engaging illustrations. Two key service offerings are explained using clear headlines, structured text, and vibrant graphics. Each section features a prominent call-to-action button.
Testimonials
-
Clean and organized cards with user feedback.
-
Highlighted quotes and names to give credibility.
-
Soft background color for contrast, making testimonials pop.
-
Pagination dots and navigation arrows for interactivity.
Steps
-
Clean and organized cards with user feedback.
-
Highlighted quotes and names to give credibility.
-
Soft background color for contrast, making testimonials pop.
-
Pagination dots and navigation arrows for interactivity.
Features
This section communicates trust and customer-centric values. Featuring a clean layout with a mix of engaging icons and a professional illustration, it highlights six core promises made to users. Each promise has a corresponding icon for visual clarity, ensuring the content is easy to scan and digest.
-
Clear, bold headings to draw attention.
-
Use of custom icons and illustrations for visual appeal.
-
Concise copy paired with a balanced layout to reinforce trust.
-
A prominent call-to-action button ("Get Started") encourages user interaction.
Actions Center
-
Engaging Headline: A bold, concise headline ("Financial Clarity in 60 Seconds or Less") draws users in.
-
Clean Layout: The section uses clean white space and a structured form layout to guide user focus.
-
Action-Oriented Buttons: Contrasting buttons make the next steps obvious—"Take Quiz" and "Book Financial Clarity Call."
