patsy/INBOX

History

Patsy c3d8f68c13 first commit		2026-08-07 15:50:54 +02:00
..
black-white	first commit	2026-08-07 15:50:54 +02:00
burgundy-rose	first commit	2026-08-07 15:50:54 +02:00
calm-blue	first commit	2026-08-07 15:50:54 +02:00
coral-red	first commit	2026-08-07 15:50:54 +02:00
dusty-lilac	first commit	2026-08-07 15:50:54 +02:00
graphite-pink	first commit	2026-08-07 15:50:54 +02:00
ivory-ink	first commit	2026-08-07 15:50:54 +02:00
ivory-ink-pink	first commit	2026-08-07 15:50:54 +02:00
mist-blue	first commit	2026-08-07 15:50:54 +02:00
mustard-yellow	first commit	2026-08-07 15:50:54 +02:00
olive-oat	first commit	2026-08-07 15:50:54 +02:00
orchid-pop	first commit	2026-08-07 15:50:54 +02:00
sage-green	first commit	2026-08-07 15:50:54 +02:00
seafoam	first commit	2026-08-07 15:50:54 +02:00
simple-pink	first commit	2026-08-07 15:50:54 +02:00
sunset-apricot	first commit	2026-08-07 15:50:54 +02:00
turquoise-blue	first commit	2026-08-07 15:50:54 +02:00
warm-brown	first commit	2026-08-07 15:50:54 +02:00
index.html	first commit	2026-08-07 15:50:54 +02:00
README.md	first commit	2026-08-07 15:50:54 +02:00

README.md

ADHD-Friendly Colour Variant Library

This collection contains 17 complete UI colour systems:

Simple Pink
Calm Denim Blue
Sage Green
Coral Red
Mustard Yellow
Turquoise Blue
Burgundy & Dusty Rose
Graphite + Pink Accent
Warm Brown
Black & White
Ivory & Ink
Seafoam
Dusty Lilac
Mist Blue
Olive & Oat
Sunset Apricot
Orchid Pop

Each folder contains:

one realistic responsive login page in HTML
one matching UX/UI style guide in Markdown
complete light and dark colour tokens
Atkinson Hyperlegible and Lexend typography
form validation, theme switching and responsive behaviour

Open index.html for the visual overview.

All login demos also include:

a reusable typography sample card
a heading and subheading in Lexend
a Lorem Ipsum paragraph in Atkinson Hyperlegible
Google Fonts CSS API integration