Teach & explore
Learn
Digital textbook and curriculum materials in one place: classroom-ready pathways, assignments, and context that pair with the archive and the Freedom to Create tool.
Placeholder — unify textbook + curriculum IA.
Learn rail color options
Click any mock pill or use the custom pickers below to live-preview on the left sidebar Learn item (this page only). For presets, copy classes into ftcNavConfig.ts. For custom colors, send the two hex values (or a screenshot). Preset cards: id slug under each card.
Custom (primary + secondary)
Primary = pill background. Secondary = number badge. Labels pick light/dark text automatically for contrast. Adjusting either control updates the sidebar Learn pill live (after first change).
Preview (same size as rail)
General directions
Teal + amber
Current sidebar
teal-amber
Navy + gold
Formal / syllabus
navy-gold
Indigo + butter
Textbook paper
indigo-butter
Slate + coral
Editorial warmth
slate-coral
Emerald + cream
Growth / clarity
emerald-cream
Violet + mint
Distinct from Book purple
violet-mint
Rose + gold
Warm, not History pink
rose-gold
Sky + ink
Open / airy
sky-ink
Orange + clay
Bold workshop
orange-clay
Zinc + chartreuse
High contrast utility
zinc-chartreuse
Inspired by the rail (History · Read · Create · Book · About)
Same high-contrast logic as the sidebar: pastel or saturated pill, punched badge, label that locks to one accent family.
History echo — soft
Light pink pill · chocolate badge (like History, softer)
history-echo-soft
History echo — bold
Same DNA as History pill on the rail
history-echo-bold
Read echo
Olive + golden yellow (Archive / Read pairing)
read-echo
Create echo
Lime + dark chocolate (Create pairing)
create-echo
Book echo
Royal purple + orange pop (Book pairing)
book-echo
About echo
Burgundy + pale lime (About pairing)
about-echo
Learn inverted
Cream pill · teal badge (flip of dark-teal Learn rail)
learn-invert-cream-teal
Olive × blush
Read’s olive + History’s pink accent
cross-olive-pink
Royal × lime
Book’s purple + About’s lime accent
cross-purple-lime
Lime × violet
Create’s lime + cool violet (not Book’s orange)
cross-lime-violet
Rose × olive
Warm rose pill + Read’s olive badge
cross-rose-olive