Welcome to the Myzo blog
A quick tour of the blog format, the components you can drop into a post, and how we'll be writing here.
We built this blog to publish the ideas behind Myzo in longer form: what we've learned about executive function, the small tactics that unblock kids, and the reasoning behind design decisions we've made in the app.
Posts are written in markdown, so every standard formatting element works out of the box. Bold, italic, links, lists, headings, and code all render the way you'd expect.
What long-form headers look like
Section headers get generous spacing and match the site's terracotta typography. A short intro paragraph after each header sets up what the section is about, then the body carries the reader through.
Lists work naturally too:
- Focus blocks give kids a defined runway to start
- Rewards close the loop so the brain remembers "starting was worth it"
- The parent app keeps the adult from having to nag every twenty minutes
Numbered lists work identically:
- Kid opens the app
- Kid picks the next task
- Kid runs a focus block
- Kid earns points that a parent has already offered as rewards
Pull-quotes
For attention-grabbing lines from research or interviews, use the Quote component. It draws a terracotta bar down the left side.
The wall isn't the homework. It's the transition into starting.
Callouts for asides
Callouts are colored aside boxes for tips, notes, and warnings that shouldn't interrupt the main flow.
Figures and images
Use the Figure component when you want an image with a caption. Plain markdown images work too, and get the same rounded-corner treatment, but Figure is nicer for anything that deserves a caption.
Any image you drop into the post also gets the standard treatment automatically.
Promo banners
When a post has a clear "so try the app" moment, drop a PromoBanner. It pulls the reader's eye with the site's brand gradient and points them at whichever subdomain or waitlist you want.
Videos
For short demo clips or explainers, use the Video component. It autoplays muted by default, matching the hero video treatment on the marketing site.
That's the whole toolkit for now. New components get added to
src/components/mdx/ as we discover new patterns we want to lean on.
Real posts start next week.