Variation Catalog
AlonePro includes 13 curated Style Variations, each meticulously designed for a distinct nonprofit, charitable, or community sector.
Below is the verified specification table extracted directly from the theme's styles/*.json definitions:
The 13 Variations Specification
| Variation Name | Style File | Primary Color | Hex Code | Primary Body Font | Nonprofit Niche |
|---|---|---|---|---|---|
| Salado (Default) | salado.json | Amber Gold | #FEB83D | Montserrat Alternates | General charity, foundations, community hubs |
| Medical | medical.json | Cyan Teal | #21B8C9 | Inter | Hospitals, clinics, healthcare relief |
| Children | children.json | Coral Salmon | #FF6B5B | Inter | Child sponsorship, orphanages, youth centers |
| Education | education.json | Vibrant Violet | #7C4DEF | Nunito | Literacy initiatives, schools, scholarships |
| Clean Water | cleanwater.json | Aqua Blue | #34D1E0 | Inter | Water wells, sanitation, ocean relief |
| Disaster | disaster.json | Urgent Red | #FF3B30 | Inter | Emergency response, crisis intervention |
| Poverty | poverty.json | Warm Terracotta | #F0916E | Inter | Poverty relief, homeless shelters, community aid |
| Refugees | refugees.json | Rust Orange | #E0654A | Inter | Displaced persons, asylum support, migration |
| Animal Welfare | animal-welfare.json | Golden Ochre | #D9822B | Inter | Wildlife protection, pet rescue, conservation |
| Environment | environment.json | Forest Green | #1F7A44 | Inter | Reforestation, ecological advocacy, climate |
| Food Bank | foodbank.json | Vibrant Tangerine | #F0531C | Inter | Food pantries, hunger relief, meal delivery |
| Disability | disability.json | Accessible Blue | #1A56DB | Inter | Inclusive accessibility, special needs support |
| Pumori | pumori.json | Royal Blue | #1A56DB | Poppins | Expeditionary, mountain, adventure charity |
Palette Tokens
Each variation supplies the following 7 core color slugs mapped to CSS custom properties:
var(--wp--preset--color--primary)
var(--wp--preset--color--secondary)
var(--wp--preset--color--base)
var(--wp--preset--color--contrast)
var(--wp--preset--color--paragraph)
var(--wp--preset--color--surface)
var(--wp--preset--color--transparent)Because all AlonePro blocks reference these preset slugs rather than hardcoded hex values, switching a variation instantly updates all blocks, patterns, and templates across your site.