curella design
The Curella design system — colours, type, buttons, cards, and the gamified components that make learning feel like play.
Fractions & Decimals
A starter lesson converting between fractions, decimals and percentages.
Sunken panel
This variant uses the recessed surface token — great for info boxes, code blocks, and secondary content areas that should sit behind the main surface.
We'll never share it.
That slug is taken.
Ella is a hand-authored SVG, so her expressions are swapped paths and her motion is pure CSS — crisp at any size, follows the brand colour, and animates with no new art.
The panel below uses data-theme="dark" on its wrapper. All semantic tokens flip automatically — no extra classes needed inside the panel.
dark theme
Premium lesson
Interactive cards lift and shadow against the dark surface.
Sunken dark
Sunken surfaces sit deeper in the dark hierarchy, perfect for secondary info.