01 / DECISION HERO
State the outcome and make the action specific.
Use a strong headline, selective blue emphasis, one primary action, and imagery that supports the mortgage decision.
View homepage →
Brand standards / Version 1.0 / August 2026
Brand Standards
Visual specifications and production assets for websites, campaigns, presentations, and partner materials.
Logo
Approved logo suite
Six supplied logo files cover horizontal and stacked placements on light, dark, and Snap Blue backgrounds.
Clear space
S
Keep open space equal to the height of the lowercase “s” on every side.
Never
- Stretch or compress the logo
- Change either approved color
- Place it over busy photography
- Add shadows, outlines, or effects
- Use the retired purple identity
Color
Color roles
Use the palette by function. Snap Blue identifies the brand and primary actions. Green and red communicate status only. Confirm accessible contrast before release.
Approved high-contrast combinations
White on Snap BlueWhite on InkInk on IceSnap Blue on White
Typography
Typography specification
Use Outfit for customer-facing headings, body copy, and interface text. Use Geist Mono for labels, dates, values, and technical metadata.
Primary typefaceOutfit
AaFriendly geometry, strong display weight, and clear reading at interface sizes.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 $ % & ? ! ( ) /
400Compare the complete cost of homeownership.
500Compare the complete cost of homeownership.
600Compare the complete cost of homeownership.
700Compare the complete cost of homeownership.
800Compare the complete cost of homeownership.
Supporting typefaceGeist Mono
MARKET DIRECTION 0.7% LOWER JULY 2026
ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789
DisplayShop with a price range and payment in mind.Outfit 800 / 72–96
SectionKnow the market before you choose the home.Outfit 800 / 44–64
BodyCompare pricing, ownership costs, and financing options with the important numbers visible.Outfit 400–500 / 18–22
DataMEDIAN ASKING PRICE · JULY 2026Geist Mono 500–600 / 11–14
Iconography
Approved icon library
Dimensional icons are shown as one continuous visual set. Downloaded files remain organized by use case.
Imagery
Image selection and treatment
Use licensed, owned, or reviewed synthetic imagery. Do not present a synthetic person as an employee or customer. Define separate desktop and mobile crops.
Choose
Natural light, believable environments, intentional focal points, and enough negative space for the layout.
Avoid
Repeated images, anonymous skylines, fake testimonials, excessive filters, and crops that lose the subject on mobile.
Responsive rule
Define desktop and mobile focal crops. A desktop crop is not automatically a mobile crop.
Web patterns
Approved web compositions
These examples define hierarchy, spacing, data presentation, imagery, responsive behavior, and action placement. Example values are not current market data or a loan quote.
02 / DATA STORY
Center the fact. Keep its meaning attached.
One icon, one label, one value. Geography and date remain visible wherever the number appears.
View city guide →
Typical home value$000,000Example citywide · Month YYYY
Annual direction0.0% changeExample citywide · Month YYYY
Homeownership00.0%Example citywide · Month YYYY03 / COMPARISON
Make the cost differences easy to scan.
Use aligned labels and restrained status color so customers can compare one option with another.
View comparison experience →Interest rate0.000%0.000%
APR0.000%0.000%
Monthly payment$0,000$0,000
Cash to close$00,000$00,000
Downloads
Production assets
Current production-ready logos, fonts, organized icon files, and the AI implementation guide.
01
Approved logo suite
ZIP ↓02Six PNG lockups for light, dark, horizontal, and stacked use
Complete type kit
ZIP ↓03Outfit and Geist Mono with licenses
Complete icon library
ZIP ↓04Foldered by homepage, location, school, and military use
Your SnapMortgage Guide for AI
PDF ↓Visual design training, approved examples, asset rules, and reusable AI instructions