Exercise-book grid · section background
Cell grid-cell 24px · line grid-line 1px · every 4th line grid-line-strong
田字格 box · headline characters
Box = 1 character, outer line grid-line-strong, dashed centre cross grid-line. Punctuation takes its own box.
Number box · step numbers
123
Numbers sit in a 田字格 box on steps only.
Where the grid is allowed — and where it isn't
- Hero and How-it-works section backgrounds
- Step numbers (number box)
- Chinese display and H2 headlines, one character per box
- The cover and sticker-sized decorations
- Behind body text, FAQ answers, forms or addresses — these sit on white paper cards
- English headlines (no boxes; letters don't fit a square)
- Long H1/H3 Chinese headlines (too many boxes to read)
- More than two grid sections in a row