Brand
Images & Creatives Plan
Consistent visuals that build trust, explain concepts quickly, and convert.
Goals & principles
- Helpful first: Use diagrams and checklists to explain, not just decorate.
- Approachable & inclusive: Diverse residents, friendly community scenes.
- Fast & accessible: SVG for diagrams; descriptive
alttext.
Hero/feature images to produce
| Page | Creative | Aspect | Alt text (draft) |
|---|---|---|---|
| Lot Rent article | Diagram: rent breakdown | 16:9 | Diagram showing how lot rent funds common areas, roads/lighting, and amenities |
| Manufactured vs Mobile vs Modular | Timeline + modules on foundation | 16:9 | Timeline marking June 15, 1976 and modular home modules craned to a foundation |
| Welcome checklist | Checklist illustration | 16:9 | Illustration of a moving checklist with checkboxes |
| Rules & Lease | Lease under magnifier | 16:9 | Lease document under a magnifying glass |
| Hidden costs | Receipt/line‑items visual | 16:9 | Receipt with line items for common housing costs |
SVG placeholders are included in /assets/img/placeholders/ and /assets/img/diagrams/. Replace with photography or branded illustrations later.
Production specs
- Aspect ratios: 16:9 for hero, 4:3 for in‑article, 1:1 for social.
- Sizes: 1600×900 (hero), 1200×800 (in‑article). Export WebP + fallback JPG.
- Naming:
slug-keywords-1600x900.webp(e.g.,lot-rent-breakdown-1600x900.webp). - Alt text: Describe content and purpose; avoid “image of”.
- Captions: Use when a visual carries key facts (e.g., “Inclusions vary by park”).
Stock photo guidance
- Look for friendly neighborhood scenes, driveways, porches, and community spaces.
- Avoid stigmatizing imagery; prioritize dignity and realism.
- Prefer daylight, clean compositions, and wide shots that accommodate headline overlays.
Creatives checklist
- Every hero has optimized filename, alt text, and dimensions.
- Diagrams ship as SVG for crispness and small size.
- Test color contrast for text over images.
- Compress assets to keep LCP fast.