Chart Draw
Use when teaching sequence, trend development, break of structure, or value migration.
Motion design system
Motion on NAKAMOTO Academy is used to reveal sequence, causality, feedback, and state change: how price moves, how a learner progresses, and how a decision becomes visible.
Motion primitives
These patterns are already reflected across the homepage, cards, section options, hero art, and learning modules.
Use when teaching sequence, trend development, break of structure, or value migration.
Use when explaining price action, rejection, range expansion, and participation.
Use for active analysis moments: locate liquidity, compare zones, inspect risk.
Use for calm page rhythm and to keep long educational pages readable.
Use for selected filters, section options, quiz states, path choices, and calculators.
Use for volume profile, data bars, risk stacks, and educational comparisons.
Rules
Animation must show order, consequence, attention, or feedback. Decorative motion is removed.
Education pages use deliberate pacing: fast enough to feel alive, slow enough to remain legible.
Risk, warnings, and disclosures are never hidden behind playful transitions or distracting movement.
Every repeated animation has a reduced-motion fallback so the site remains accessible and stable.
Scroll progress, active section options, selected filters, and calculator outputs give learners orientation.
Motion uses CSS transforms, opacity, lightweight SVG, and small DOM patterns instead of heavy media.
Motion roadmap
Animated curriculum board shows concept, chart logic, and practice loop.
Diagram reveals introduce structure, profile, footprint, liquidity, and risk progressively.
Section reveals, progress bar, and sticky navigation keep long-form education navigable.
Calculators, filters, selectors, and drills show immediate feedback after action.