NAKAMOTO Trading AcademyNAKAMOTO visual academyLibrary home

Motion design system

Animation that teaches instead of decorating.

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.

Scroll motion Chart drawing Micro feedback Reduced motion safe

Motion primitives

Reusable animation patterns.

These patterns are already reflected across the homepage, cards, section options, hero art, and learning modules.

Chart Draw

Use when teaching sequence, trend development, break of structure, or value migration.

Candle Build

Use when explaining price action, rejection, range expansion, and participation.

Scanner Pass

Use for active analysis moments: locate liquidity, compare zones, inspect risk.

Section Reveal

Use for calm page rhythm and to keep long educational pages readable.

State Change

Active

Use for selected filters, section options, quiz states, path choices, and calculators.

Profile Build

Use for volume profile, data bars, risk stacks, and educational comparisons.

Rules

Motion rules for a serious trading education brand.

Calm Timing

Education pages use deliberate pacing: fast enough to feel alive, slow enough to remain legible.

Risk Respect

Risk, warnings, and disclosures are never hidden behind playful transitions or distracting movement.

Reduced Motion

Every repeated animation has a reduced-motion fallback so the site remains accessible and stable.

Performance Budget

Motion uses CSS transforms, opacity, lightweight SVG, and small DOM patterns instead of heavy media.

Motion roadmap

Where motion supports learning.

01Homepage

Animated curriculum board shows concept, chart logic, and practice loop.

02Visual Lab

Diagram reveals introduce structure, profile, footprint, liquidity, and risk progressively.

03Lessons

Section reveals, progress bar, and sticky navigation keep long-form education navigable.

04Tools

Calculators, filters, selectors, and drills show immediate feedback after action.