Chapter 01 of 10 · 6 blocks · All chapters
Openers
The first thing a visitor sees: heroes, page headers and product intros.
Try this Open the Hero in the editor and switch its Style — the same words become a different design.
Quiet confidence
No picture competing with the words — the photo whispers in the background and the message does the talking.
Next block
Show it, don't just say it
A real photograph beside the headline gives people something to look at — and a reason to keep scrolling.
Next block
Make a big entrance
Edge to edge, with a scrim so the words always stay readable whatever photo you choose.
See the other blocksA calm centered header
Wrap any words in a span to give them the accent colour. Add a background image, or leave it plain like this.
Bookmark Workbench
Version 1.2.0 · Browser extension (sample)
Sort, search and tidy a lifetime of bookmarks without leaving the browser. A made-up product, to show how a product page opens.
Free and open source. No account, no tracking.
