Pattern Library

Reusable components and UI patterns for consistent design.

Buttons

Primary, outline, and accent styles

Cards

Service cards and info panels

Service Card

Used on service listing sections.

Learn More
Info Panel

Used for content blocks and details.

  • Title
  • Body text
Feature Row

Icon and text rows for features.

Tables

Accessible comparison tables

Product Rate Term Features
Conventional Mortgage 6.25% 15–30 years Fixed or adjustable rates
Personal Loan 11.99% 2–5 years No collateral required
Business SBA 7(a) Prime + margin Up to 25 years Government-backed financing

Forms

Accessible inputs and validations

Enter a valid email.
Choose an option.

Accordions and FAQs

Expandable content patterns

A top section introducing a page’s value proposition.

A high-visibility section prompting a specific action.

Use These Patterns for Consistency

Adopt components across new pages for a unified experience.