Category
Standard Image Card Title
Perfect for blog posts, news articles, staff directories, or highlighting specific sub-programs.
Read MoreKitchen Sink / Component Library
A collection of pre-styled, reusable sections to build new pages quickly while maintaining brand consistency.
Template Section
Typography, Leaders & Buttons
Heading 1 (H1)
Heading 2 (H2)
Heading 3 (H3)
Heading 4 (H4)
Leader Text (For opening paragraphs)
This is the leader text. It is slightly larger, darker, and bolder than standard paragraph text. It is used to hook the reader at the very beginning of a page or long story.
Standard Body Text
This is standard body text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Standard Buttons
Template Section
50/50 Split (Image Left)
Sub-heading Tag
Heading for Left Image Section
Use this layout when you want to highlight a specific feature, program, or story. The image draws the eye first, and the text provides the context. It breaks up the monotony of centered text.
- Benefit point one
- Benefit point two
- Benefit point three
Template Section
50/50 Split (Image Right)
Another Tag
Heading for Right Image Section
Alternating image left and image right sections creates a pleasant zig-zag reading pattern down the page. Notice how the flexbox order utility ensures the image still appears on top when viewed on mobile devices.
You can stack multiple paragraphs here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Template Section
Quotes & Info Callouts
"This is a large pull quote template. It is excellent for highlighting testimonials from community members, inspiring vision statements, or important statistics."
JD
Jane Doe
Community Resident
Important Information Box
Use this box to break out important notices, deadlines, or key takeaways that shouldn't get lost in standard body paragraphs. The background color draws immediate attention.
Warning / Alert Box
Same structure as above, but utilizing the Amber accent color for things like approaching deadlines or required documents.
Template Section
Feature Grid (Icons & Text)
Feature Card One
These icon cards are perfect for outlining steps in a process, core values, or main services. They automatically stack on mobile devices.
Learn More →Feature Card Two
Keep descriptions relatively uniform in length so the cards line up nicely horizontally.
Learn More →Feature Card Three
You can easily change the icon and the color of the circle background by modifying the tailwind color classes.
Learn More →Template Section
Image Card Grid
Template Section
Calls to Action & Stats
500+
Families Assisted
$2M
In Community Grants
15
Neighborhoods Revitalized
Ready to start your journey?
Whether you are looking to buy your first home or need assistance repairing your current one, we have resources to help.