Copying comes with patterns, for GrinBot buyers
Code Grid
Color familyLime Ink
Primary#3DF59ASecondary#12201BBackground#E8F3ECSurface#FFFFFFText#0B1210Accent 1#FFB547Accent 2#8AB4FFAccent 3#101C18Accent 4#3DF59A
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Code Grid (calm)
Color familyLime Ink
Primary#3DF59ASecondary#12201BBackground#E8F3ECSurface#FFFFFFText#0B1210Accent 1#FFB547Accent 2#8AB4FFAccent 3#101C18Accent 4#3DF59A
Open in Moodkit ↗

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

More Heroes

Prism Night: HeroesDoodles: HeroesFlip Countdown: HeroesGallery Wall: Heroes