Miami-Dade Section 8 • Light Style Guide

Clean Housing Assistance Landing Page System

A lighter Elementor visual reference for a trustworthy, accessible, conversion-focused housing assistance landing page.

01 • Colors

Light Color Palette

Use white and soft-blue surfaces, navy text, blue for primary action, green for positive eligibility states, and amber/red only for verified statuses.

Page Background
#F7FAFC
Soft Blue Background
#EEF6FF
White Surface
#FFFFFF
Navy Text
#0F172A
Slate Body Text
#475569
Muted Text
#64748B
Border
#D8E4F2
Primary Blue
#005CF8
Trust Cyan
#1CAFE7
Eligibility Green
#21A67A
Warning Gold
#D97706
Closed Red
#DC2626
Soft Blue Tint
#DBEAFE
02 • Typography

Fonts & Sizes

Headings

Font: Montserrat. Weight: 750–800. Color: #0F172A.


H1 72 / 42 mobile

H2 50 / 32

H3 28

H4 21

Body Copy

Lead: 20px / 1.6 line-height. Best for hero and section intros.

Body: 16px / 1.7 line-height. Best for cards, FAQs, and explanatory content.

Small: 14px / 1.55 line-height. Best for helper text, disclaimers, captions, and status dates.

03 • Elements

Reusable Components

Status Badges

OpenUpcomingClosed

Always include a “Last verified” date near status labels.

Form Fields

04 • Landing Sections

Section References

Hero / Lead Capture

White/soft-blue background, clear headline, short subheadline, trust points, and a quiz CTA.

Miami-Dade housing resources
Eligibility and waitlist guidance

How It Works

1. Answer Questions?
2. Review Options
3. Get Updates

Eligibility Snapshot

Use clean checklist cards for income, residency, household size, and required documents.

Photo ID and Social Security cards
Proof of income and household records
Start Eligibility Check

Waitlist Status

Current Status
Check Official Source
Update Needed

Only display an open/closed status when verified and dated.

05 • Card Styles

Audience & Resource Cards

👨‍👩‍👧

Families

Low-income households seeking voucher guidance.

62+

Seniors

Older adults looking for housing support.

Disabled

Individuals who may qualify for assistance.

Veterans

Housing resources may be available.

Final CTA

Don't Miss Future Housing Opportunities

Use this lighter style for the final email/SMS capture section.

Get Housing Updates