← Back to side projects
Content Platform • Parenting & Neurodiversity

Armonio

Armonio
Role
Founder, Design & Development
Type
Free Online Library
Year
2026
Platform
Responsive Web
01Overview

A calm, plain-language library for parents who don’t know what comes next.

Armonio is a free, Romanian-language library for parents of children with autism, ADHD or developmental delay. Guides, articles, activities and a glossary explain the diagnosis, the paperwork and the everyday, alongside directories of therapy centres and the public institutions families have to deal with.

The design deliberately avoids the clinical “autism blue”: a warm pastel system, an editorial serif and generous spacing keep heavy topics approachable. Behind it sits a custom CMS, so a new guide goes from markdown to a pre-rendered page without touching code.

DeliverablesBrand, content design, front-end, custom CMS
ToolsFigma, VS Code
StackNext.js 16 • Firebase • Tailwind v4
02

Design System

Color

Ink & Ground
#23302AInk
#536258Ink Mid
#8A968EInk Soft
#F7F5F0Ground
#E8E5DDLine
Accent
#2F6A4FForest
#EAF3ECForest Soft
Pastels
#DFEDE2Sage
#FCE5D2Apricot
#EAE4F7Lilac
#FBF1D0Butter
#FBE2DFBlush

Typography

Fraunces · Display
Când nu știți ce urmează, începeți de aici.
Regular 400 SemiBold 600 Bold 700
Plus Jakarta Sans · Body
The quick brown fox jumps over the lazy dog
Regular 400 Medium 500 SemiBold 600 Bold 700 ExtraBold 800

Tech Stack

Next.js 16
React 19
TypeScript
Tailwind CSS v4
Firebase
unified / remark / rehype
Zod
sharp
Vitest + Playwright
03

Key Features

Guided Journeys

Guides are grouped by where a family is (no diagnosis yet, newly diagnosed, further along) so parents start from their situation, not from a menu.

Glossary Auto-Linking

Terms are linked automatically inside every article, with a slide-in glossary sheet and a per-article block that unpacks the jargon.

Centres & Institutions

Directories of therapy centres and of the county child-protection and school-assessment offices, with instant filtering that ignores diacritics.

Custom CMS

A section-based editor that stores markdown, with a raw mode, related-content blocks and imports of new content files from the dashboard.

Media Library

Drop in a whole folder; images are converted to WebP with sharp and can be bulk-assigned as hero images.

Pre-rendered & Tested

Over two hundred statically generated pages, seventy unit tests and Playwright end-to-end checks, down to social link previews.

04

Page Architecture

HM
Home
“Where are you now?” entry points, library stats and highlights
GH
Ghiduri (Guides)
Long-form guides grouped into journeys
AR
Articole (Articles)
Shorter reads on everyday situations
AC
Activități (Activities)
Practical activities to do at home
GL
Glosar (Glossary)
Plain-language definitions, linked from every article
CT
Centre (Therapy Centres)
Directory of therapy and assessment centres by county
IN
Instituții & CJRAE
Public child-protection and school-assessment offices
AD
Admin
Documents, media library and sign-in
05

Screenshots

Click to enlarge

Interested in working together?

Get in Touch →