Copying comes with patterns, for GrinBot buyers
How-to with Code
Color familyCobalt Sun
Primary#2B50E8Secondary#EEF3FFBackground#FAFAF7Surface#FFFFFFText#15171CAccent 1#2B50E8Accent 2#E8A33DAccent 3#161A23Accent 4#15171C
Open in Moodkit ↗The idea
a technical post that a busy owner can follow. On off-white, a mono breadcrumb line, then a tight Space Grotesk title, "Make your site load in under two seconds", with "two seconds" in cobalt. Beside the text, a plain "On this page" box lists the five steps with mono numbers. Each H2 has the same mono number. Code sits in short dark blocks in JetBrains Mono, with a small label above, and two callouts break the text: a blue Tip and an amber Watch out, each with an icon. The post ends in an outlined box with one dark button. Nothing moves but the button hover.
Palette and fonts: off-white, ink, cobalt, amber, code navy · Space Grotesk 700, IBM Plex Sans, JetBrains Mono
Grinner features used
- Accent
- Button
- Code
- Columns
- Group
- Heading
- Post Title



