patsy/INBOX
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
INBOX/adhd-friendly-colour-variants
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
graphite-pink first commit 2026-08-07 15:50:54 +02:00
mustard-yellow first commit 2026-08-07 15:50:54 +02:00
sage-green first commit 2026-08-07 15:50:54 +02:00
simple-pink 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:

  1. Simple Pink
  2. Calm Denim Blue
  3. Sage Green
  4. Coral Red
  5. Mustard Yellow
  6. Turquoise Blue
  7. Burgundy & Dusty Rose
  8. Graphite + Pink Accent
  9. Warm Brown
  10. Black & White
  11. Ivory & Ink
  12. Seafoam
  13. Dusty Lilac
  14. Mist Blue
  15. Olive & Oat
  16. Sunset Apricot
  17. 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