Calm copy the same design, with calmer motion and words
The idea
the first screen feels like opening your editor on day one. On near-black green, faint grid lines slide slowly and fade out towards the edges. The Space Grotesk headline, "Learn to code on real projects, not slides.", settles out of random characters, with "real projects," in mint. A mint "Apply for January" button, an outline "Book an open evening" button, and graduates counting up beside the job rate. On the right a dark code card with three window dots types its own short program about the course, line by line, and ends with "12 tests passed". A dark strip of the skills taught runs along the foot in a monospace face.
Palette and fonts: near-black green, mint, amber, soft blue, pale green-white · Space Grotesk 700 and 400, JetBrains Mono
Grinner features used
- Accent
- Advanced Animations
- Animated background
- Button
- Count up
- Entrance Animation
- Group
- Navigation
- Scrolling Text
The calm copy
the first screen feels like opening your editor on day one. On near-black green, faint grid lines fade out towards the edges. The Space Grotesk headline, "Learn to code on real projects, not slides.", with "real projects," in mint. A mint "Apply for January" button, an outline "Book an open evening" button, and the number of graduates beside the job rate. On the right a dark code card with three window dots shows a short program about the course and ends with "12 tests passed". A dark band of the skills taught closes the foot in a monospace face.
Palette and fonts: near-black green, mint, amber, soft blue, pale green-white · Space Grotesk 700 and 400, JetBrains Mono
Grinner features used
- Accent
- Advanced Animations
- Animated background
- Button
- Entrance Animation
- Group
- Navigation
- Scrolling Text



