Oath is an editorial landing page template built for citizenship preparation services. It blends civic gravity with community warmth through a living portrait mosaic, magazine-style graduate profiles, and a clear event registration flow. The template guides green card holders, refugees, and recently eligible immigrants from first visit to reserving a seat in their next Saturday workshop.
by Rocket studio
Loading preview…
Quick summary
Oath is a single-page editorial template designed for citizenship preparation services. It opens with a living flag mosaic of graduate portraits, flows through alternating community stories and civic fact interstitials, and closes with a clear workshop registration form and a free PDF download gate. Every section is built to move a first-time visitor toward action.
Who this template is for
This template is made for organizations and educators running in-person citizenship preparation programs. It speaks directly to the communities these programs serve and reflects their real experiences.
Nonprofit organizations offering free or low-cost citizenship preparation workshops for immigrants and refugees
Community educators coaching green card holders through the naturalization test and interview process
Immigrant service centers hosting Saturday classes for adults filing alongside aging parents or navigating the process for the first time
What problem this template solves
Many citizenship preparation services have no dedicated web presence that reflects the emotional weight of this journey. A generic signup form does not build the trust that first-generation applicants need before committing to attend.
Visitors searching for citizenship test help at midnight need immediate reassurance that this program understands their situation
Organizations struggle to showcase real graduate outcomes in a format that feels credible, not promotional
Without a clear registration path, eligible immigrants delay action and lose momentum toward the oath ceremony
What you get with this template
This template delivers a complete, section-led editorial landing page ready for a citizenship preparation service. Every built-in section has a clear job to do.
A hero mosaic section with a living American flag portrait grid and a primary call-to-action button
A community gallery section alternating graduate pull quotes and civic knowledge interstitials
A how-it-works section covering class format, what to bring, and the Saturday schedule
Theme
Civic Service
Creative direction
Community Gallery
Color system
Teal Catalyst
Style
Editorial/Magazine
Direction
Event Registration
Page Sections
Living Portrait Mosaic Hero
Community Gallery with Civic Interstitials
Repeating Event Registration Call to Action
Workshop Registration Form
Free PDF Download Gate
Graduate Social Proof Metrics
Related questions
What type of organization is this template built for?
Can I use this template to collect workshop registrations?
What is the PDF download gate included in this template?
How does the graduate profile section work?
Is this template designed for mobile users?
A full event registration form collecting first name, preferred language, and workshop date
A free PDF download gate offering the 100 civics questions in exchange for an email address
A linear single-row footer
Feature list
This template is built around one goal: turning a late-night search into a confirmed workshop seat. Each feature serves that goal directly.
Living Portrait Mosaic Header
The hero section composites dozens of graduate portrait photographs into the shape of the American flag. A CSS-driven pulse animation brightens one portrait at a time while the rest hold a desaturated teal wash, giving the flag a living, breathing quality. The headline "Your Country Is Waiting For You" sits centered over the mosaic in navy serif type.
Community Gallery with Civic Interstitials
Scrolling past the hero, visitors enter a magazine-style editorial flow. Each graduate profile includes a large italic pull quote, a photograph, a home-country flag icon, and a months-to-oath metric. Between profiles, typographic interstitials display real civics test questions, so visitors are already learning while they read.
Repeating Event Registration Call to Action
The primary call to action, "Reserve Your Seat in the Next Class," appears first beneath the header mosaic and repeats after every third graduate profile. This placement keeps the conversion path visible throughout the scroll without interrupting the storytelling flow.
Workshop Registration Form
The registration section includes a tabbed form collecting first name, preferred language, and a dropdown to select the next available Saturday workshop date. The layout is clean and mobile-friendly, reducing friction for visitors filling it out on a phone.
Free PDF Download Gate
A secondary conversion path offers the complete 100 civics questions as a downloadable PDF. Visitors enter only their email address to unlock it. This captures people studying alone at home who are not yet ready to attend in person but are already preparing.
Social Proof Metrics
Each graduate profile card displays the number of months from enrollment to oath alongside the graduate's home-country flag. Cohort count figures and pull quotes build credibility without relying on generic testimonials.
Page sections overview
Section
Purpose
Hero Mosaic
Living flag portrait grid with primary call to action
Community Gallery
Graduate profiles alternating with civic fact interstitials
How It Works
Class format, schedule, and what to bring
Register Call to Action
Full event registration form with date dropdown
Free Download Gate
PDF email capture for the 100 civics questions
Footer
Linear single-row site footer
Design & branding system
The visual identity follows a Civic Service theme. The palette feels like a freshly printed naturalization certificate, with the gravity of official documentation softened by the warmth of gold foil accents.
Color system uses deep institutional teal (#0D7377) as the primary, warm parchment (#FAF3E0) for body backgrounds, midnight navy (#1B2A4A) for headline type, and bright catalyst gold (#E8A838) reserved for buttons, badges, and pull-quote borders
Typography pairs Fraunces serif for all editorial headlines with DM Sans for body copy, creating a contrast between civic formality and readable clarity
Animation runs at a medium intensity with a mosaic pulse on the hero, scroll-reveal entrances on profile cards, and staggered loading for the gallery interstitials
Mobile & speed optimization
The template is built mobile-first because the target audience most often searches for citizenship test help on a phone late at night. Every interaction is designed to work on a small screen without zooming or horizontal scrolling.
The portrait mosaic, registration form, and PDF gate modal all reflow cleanly for phone screens
Images throughout the template use lazy loading, and the mosaic pulse animation is CSS-driven to keep the hero section lightweight on mobile connections
How this template helps you convert
The page is structured to move a visitor through three emotional stages: recognition, conviction, and action. Each stage has a dedicated design mechanism.
The living mosaic hero and the "Your Country Is Waiting For You" headline create immediate emotional recognition for visitors who see people like themselves reflected in the flag
The alternating graduate profiles and civic question interstitials build both trust and practical confidence, so visitors arrive at the registration form already invested in the program
The repeating call-to-action placement and the low-barrier PDF gate give every visitor a clear next step, whether they are ready to register today or still deciding
Other information about this template
Oath fits naturally into the broader landscape of community-driven civic education tools. A few additional details are worth noting for anyone evaluating this template.
The template style is editorial and magazine-influenced, making it well suited for organizations that want to lead with human stories rather than service listings
The language selector note in the design brief signals that the page is built with multilingual audiences in mind, though language content itself would need to be adapted per community
The Teal Catalyst color system and Civic Service theme are designed to evoke institutional credibility without feeling cold or bureaucratic
This template sits within the Community and Nonprofit category, specifically the Immigrant and Refugee Support subcategory, and is purpose-built for the citizenship preparation service niche
