Colophra

Colophra is a website template for blogs, newsletters and online publications: a creator's journal, a media brand or a company blog.

Reading comes first. Press ⌘K anywhere and search every article as you type, with results ranked and your words highlighted. Open a result and the article highlights those words in yellow, the table of contents counts the matches in each section, and a small bar steps through them. Long reads get an automatic table of contents that tracks where you are, a reading-progress bar, reading time and related posts. Photos rest as fine dithered monotone and resolve to full colour as they scroll into view.

The look is a sharp all-sans publication: condensed Mona Sans headlines, Fragment Mono labels, ink on white and one yellow highlighter.

Pages

• Home: 13 sections, from the cover story and latest issue to a pinned reading-tools demo, editor's picks gallery, writers, a highlighter pull quote and the newsletter

• Article (CMS), Topic and Writer pages with live counts, Search and Subscribe

• About and a 404

Included: Articles, Topics and Writers CMS collections with 12 long reads across 5 topics and 6 writers, a Nav with phone drawer, a Newsletter component with form states, light and dark colour styles, native page transitions, and desktop, tablet and phone layouts.

Buying: after checkout you get the remix link instantly, on screen and by email.