Overview
- Build the experience as a long teaching corridor on a black field.
- Let one concept dominate one chapter plate at a time.
- Treat motion as the teaching method, not as garnish.
Motion Graphic Design
Motion is a website that showcases the power of UI/UX animation in conveying the mood and character of a brand.
InteractiveScrolling Animation3dLarge TypeFunHorizontal ScrollingParallaxDesignEducationBlack WhiteAnimationDarkSingle Page
5.0
9
Visits
Styles
Sections
Available Pages
Version History
Design Analysis
Motion Graphic Design Home design analysis
--- version: "alpha" name: "Midnight Motion Primer" description: "A chaptered motion-learning system with blackout fields, chalk machine type, outline pills, and pastel lesson slabs." colors: primary: " F7F4EF" secondary...
Key Takeaways
- Build the experience as a long teaching corridor on a black field.
- Let one concept dominate one chapter plate at a time.
- Treat motion as the teaching method, not as garnish.
- Use wireframe diagrams, tiny embedded screenshots, and flat pastel slabs instead of photography.
- Keep every visual element didactic and graphic.
- Use black and chalk as the base pair.
Image Direction
- Use wireframe diagrams, tiny embedded screenshots, and flat pastel slabs instead of photography.
- Keep every visual element didactic and graphic.
Colors
- Use black and chalk as the base pair.
- Rotate pastel slabs in large chapter-sized blocks rather than small interface accents.
- Keep contrast hard and immediate.
Typography
- Use a mechanical grotesk for every main teaching beat.
- Reserve mono or technical labeling for annotations, coordinates, and small tags.
SpacePlay/Pause←→Seek 1sShift←→Seek 10s