Topline

Topline is built for the way people read news on a screen: a crisp grotesk for headlines and the interface, a calm serif for the reading, and a color for every section. Each story card carries a "topline" in its section's color, the kicker repeats it, and the section pages wear it in their headers. A red signal accent marks what's breaking and what's live. A frosted header stays in reach while readers scroll, and a dark edition is one click away.

Made for newsrooms

• Section colors. Give every category a color (and an image) and Topline uses it across cards, kickers, section headings and section pages.
• Breaking and live. Flag a story as breaking for the ticker band; run live coverage with timestamped entries, key events and a pinned summary. New entries appear for readers without reloading ("Show 3 new updates"), and the story is marked up as a LiveBlogPosting for search engines.
• Reviews. Score out of 10 or 5, criteria bars, pros and cons, a verdict, an "Editor's choice" badge and score rings on the cards, with Review structured data.
• Story formats. Standard, feature (a full-height cover), video (the video first), gallery (a full-width carousel) and opinion (the writer leads), each with its own template.
• Bylines that fit a newsroom: several writers, roles, datelines, reading time, "Updated" times, an author box and author pages with photos, beats and social links.
• Trust: key points, sources, corrections, image credits, a link to your editorial standards and honestly labelled partner content.
• Filters: readers narrow any archive or search by section, format, period and score and sort by newest, trending, most discussed or rating.

Built in

• Patterns: 48, including 7 heroes (today's topline, lead story over its picture, live coverage now, background video, statement with the newest headlines, morning briefing on glass, search and sections), story sections (grid, one big two small, ruled list, two sections side by side, most discussed, opinion wall, top rated reviews), video spotlight, grid and video with text, galleries (masonry and carousel with a lightbox), photo essay opener, forms (send us a tip, contact the newsroom, newsletter), membership pitch, the masthead, numbers, reader questions, our promises, partner logos, footers and full pages (About, Contact, Videos, Gallery, Landing).
• Templates for the home page (front page built from story sections, or the blog home), single stories in every format, sections, tags, authors, search and 404, plus Landing page, Wide page and Front page (no title).
• Style variations: Default (white and signal red), Night desk (dark first), Cobalt, Newsprint (warm paper with serif headlines) and Volt, each with its own light and dark palette.
• Forms, galleries with a lightbox, featured video, gentle motion, reading progress and share buttons, light and dark schemes. No page builder.