Designing Interfaces for Curiosity
How our product and motion teams craft interfaces that invite exploration without overwhelming.
Curiosity is fragile. One aggressive modal or cluttered screen can send a viewer spiralling back to infinite scroll. Our interface philosophy is to lower cognitive load without dumbing down the storytelling.
Principles we follow
- Breathe between ideas. We space cards generously, rely on 60fps micro-animations, and use depth to suggest hierarchy.
- Signal momentum. Progress rings around fact streaks, kinetic backgrounds, and ambient gradients give a sense of flow.
- Respect dark mode. Every surface in our design system starts in the dark theme, ensuring colour contrast from the outset.
No surprise taps
All interactive elements have visible focus states, tactile hover treatments, and predictable tap targets. Delight is earned through polish, not mystery meat navigation.
Motion choreography
Framer Motion powers our in-app transitions. We maintain a shared choreography sheet with easing curves, durations, and motion intent. Designers and engineers co-own it, which keeps the experience consistent across apps and the web.
const spring = {
type: "spring",
stiffness: 260,
damping: 24,
};
We iterate animations with accessibility in mind. prefers-reduced-motion gets honourable status and swaps our kinetic gradients for subtle fades.
What’s shipping next
We’re prototyping an adaptive layout system that reshapes content density based on attention signals, not just screen size. Expect to test it first in Quiz Sprint early next year.