Home
Templates
Community & Nonprofit
Latin American Community
Hogar — Community-Driven Immigrant Advocacy Landing Page Template
Hogar is a warm, editorial-style landing page template built for Latino immigration rights organizations. It leads with human stories before legal process, pairing real family portraits with bilingual copy, a community gallery layout, and a "Cuéntanos Tu Historia" lead form. The Desert Rose color system and Community Hearth theme make every visitor feel seen, respected, and safe before they ever reach the call to action.
by Rocket studio
The Hogar Warm Community Hearth Immigration Rights Landing Page Template is designed for nonprofit and legal services organizations serving Latino immigrants. It opens with a Polaroid-style testimonial card, moves through a community gallery of family stories, and closes with a bilingual lead form. Every section is built to earn trust first and capture leads second.
This template is for immigration rights organizations, community legal aid offices, and advocacy groups that serve Spanish-speaking families across the United States. It is especially well-suited for teams whose clients come through the door carrying questions about DACA, family petitions, work authorization, and asylum.
Most immigration services websites feel cold and transactional. They present legal information without warmth, and they ask for personal details before the visitor feels safe. That gap in trust is especially difficult to close with communities that have learned to be cautious about sharing information.
This template gives your organization a full single-page editorial layout that earns attention through storytelling and converts it through a low-friction, bilingual lead form. Every section is structured to guide a visitor from recognition to trust to action.




Theme
Community Hearth
Creative direction
Community Gallery
Color system
Desert Rose
Style
Editorial/Magazine
Direction
Lead Generation
Page Sections
Polaroid-style Testimonial Hero Card
Community Gallery Editorial Layout
Impact Statistics and Gold Immigration Timeline
Spotlight Testimonials Grid with Hover Effect
Bilingual Lead Form with Dual Download Path
Community Hearth Arc Footer
Can I edit the bilingual form to add more immigration topics?
Does this template support both English and Spanish content throughout the page?
How does the Know Your Rights PDF download path work?
Is the hero testimonial card easy to update with real client stories?
Can this template work for organizations serving communities beyond Latino immigrants?
The header opens with a single oversized testimonial card, slightly rotated against a linen white background. It features a client portrait in a warm home setting, a first name and home country label, and a one-sentence quote in Spanish with an English translation in italic serif below. A hand-lettered headline reads Cada historia merece ser escuchada beneath the card.
The gallery section presents three family story blocks. Each block pairs a warm portrait with a pull quote and a short editorial paragraph describing the immigration pathway that family navigated. This format gives visitors the feeling of walking through a neighborhood exhibition, seeing people who share their experience and reading stories that reflect their own.
Full-width typographic panels display community impact in large Fraunces serif numerals set against clay rose backgrounds. Midway through the page, a visual immigration timeline traces the process from consultation through filing, biometrics, and approval. The timeline renders in accent gold on a deep mesquite background, using a dotted path to connect each milestone.
A dedicated testimonials section presents client cards with a grayscale-to-color portrait hover effect. Each card includes a name, home country, and a short quote. This section reinforces social proof and deepens the sense that many people have trusted this organization with their most important life decisions.
The "Cuéntanos Tu Historia" form sits in a warm linen card. Visitors choose their preferred language using a Spanish and English toggle, select an immigration topic from a dropdown, and enter a phone number first, because the community this template serves calls more than it emails. A secondary path lets visitors download a "Know Your Rights" PDF by providing an email address, reaching people who are not yet ready to speak.
The footer follows a clean arc pattern with a logo and tagline on the left and compact navigation links on the right. It closes the page with the same warmth the hero opens with, reinforcing the organization's identity and making it easy to find key information before leaving.
| Section | Purpose |
|---|---|
| Hero Testimonial Card | Opens with a rotated client portrait card and hand-lettered headline to establish immediate human connection |
| Community Gallery | Three family portrait and editorial paragraph pairs showing real immigration pathways |
| Stats Impact Panels | Full-width clay rose panels with large serif numerals displaying community reach and years of service |
| Immigration Timeline | Gold dotted-path visual journey from consultation through approval on a mesquite background |
| Testimonials Grid | Spotlight cards with grayscale-to-color hover effect showing named client quotes |
| Lead Generation Form | Bilingual "Cuéntanos Tu Historia" linen card with language toggle, topic selector, and phone-first input |
| Know Your Rights | Secondary PDF download path capturing email from visitors not yet ready to call |
| Arc Footer | Logo and tagline left, compact links right, closing the page with consistent warmth |
The template uses a Desert Rose color system inspired by a New Mexico sunset. Warm adobe, deep clay rose, hand-pressed linen white, and midnight mesquite create a palette that feels grounding without feeling institutional. Accent gold appears on links, pull quotes, and call-to-action borders throughout the page.
The template is built mobile-first, which is essential for the community it serves. Most visitors will arrive on a phone, not a desktop. The layout adapts cleanly from small screens upward, with tap-friendly form inputs and call-to-action buttons sized for easy use on a browser of any screen width.
This template is built around a deliberate emotional sequence. By the time a visitor reaches the form, they have already seen faces that look like theirs, read stories that sound familiar, and felt that this organization genuinely cares about the community it serves. The form arrives as a natural next step, not an interruption.
The Hogar template draws on a set of design and advocacy principles that align closely with how leading immigration resource projects operate across the United States. Organizations like those represented by the Newark Immigrant Resource Collaborative have demonstrated that providing education, outreach, and essential services to New Americans and the community-at-large requires both trust-building design and practical resources. Local leaders in Newark have mobilized a network of resources and crisis response for immigrants and their families, and that same spirit of community-first access is embedded in how this template is structured.