Nonprofit Adult & Child Literacy Website Template
ReadWell Literacy
ReadWell teaches adults to read and write, in English and in Spanish, and pairs children with volunteer reading buddies. Many visitors read with difficulty, so the site itself had to be easy to read before it could be anything else.
Starting at $500
Start with this design and I’ll personalize it with your branding, photos and words. Keep your current domain or get a new one.
Changes you make in the editor stay in your own browser, so try anything.
- Built for
- Adults in Fresno who want to read better (many of them Spanish speakers, some reading for the first time in any language), parents worried about a child's reading, and the volunteers and donors who make the classes free.
- Navigation
- Two-tier header. A thin utility strip carries times, phone and language; the main bar below holds pages and the action.
Names, photos, times and stories in this template are sample content. Your version uses your own words, photos and branding.
Why it looks this way.
- Typography
Lexend was developed from reading-fluency research to reduce visual stress for struggling readers, which makes it the honest choice for a literacy charity rather than a stylistic one. Body text is Atkinson Hyperlegible at 18px, drawn for the Braille Institute so that letters people commonly confuse never look alike. Both carry Spanish accents and the ñ properly.
- Lexend headlines
- Atkinson Hyperlegible body text
- Color
The deep teal is the cloth of an old library binding, and the yellow is a highlighter pen: the most-used tool in every one of our classrooms. The ground is a very pale green-gray rather than white, which cuts glare for readers with dyslexia. In dark mode the teal lifts to sea-glass so headings stay calm, and the highlighter stays bright.
- Page
#F2F5F3 - Cards
#FFFFFF - Text
#142022 - Brand
#0D5E63 - Accent
#F4CF3A
- Page
- Layout
A two-tier header puts class times, the phone number and 'Se habla español' above the main menu, because the first question most adult learners have is 'when, and can I call someone?'. The language switch sits in that strip and changes the whole page at once, never mixing two languages in one paragraph.
Pages: Home, Adult classes, For kids, Tutor, Where we meet, Give
- Hero
The home page opens with three doors: one for an adult who wants to read better, one for a parent, one for a would-be tutor. Asking an adult to admit they struggle to read is a big moment, so their door comes first and its wording is as plain and private as we could make it.
- Calls to action
"Sign up for a class" is the main action, because a class feels ordinary, like signing up for a gym. Parents get "Get a reading buddy", and donors are asked to "Buy a learner's books", a gift people can picture.
- Photography
Adults learning at kitchen tables and in small classrooms, children reading on sofas and floors. No graduation caps and no sad close-ups. We chose photographs where the learner is doing the reading, not being read to.
- Accessibility
Short sentences throughout, at roughly a fifth-grade reading level in both languages. All text passes WCAG AA in both themes, and links are always underlined or styled as buttons, never signalled by color alone. Forms ask for the minimum: a name and a way to reach you.
Like where this is going?
Starting at $500
Start with this design
Your colors, logo, photos and words, on a layout that already works.
Start with This DesignStarting at $1,500
Build something custom
A new design shaped around your organization from the first sketch.
Start a Custom WebsiteBoth include keeping your current domain or getting a new one, plus simple editing tools for your team. Monthly hosting and care plans are listed on Services & Pricing.