No. 97 of 106

News Top Bar

Date, weather, world clocks and a ticker above the header.

    On this page
  1. The strip above every news site
  2. A breaking band for big moments
  3. The classic newspaper line
  4. Utilities up top, stories below
  5. The time in a color block
NEWSON · ELEMENT NO. 97

Today’s date, a live clock in any time zone, a soft news ticker from your real posts, live weather, trending topics, links and social icons — in ten layouts and eight skins made for news, magazine and blog headers.

10 layouts8 skinslive clock + world clocksreal posts tickerlive weather (no key)trending topicspause & keyboard friendly
morningledger.example/
The Morning LedgerNewsBusinessTechCultureSportsOpinionSubscribe

Live: the clock runs in New York time, the weather is real (Open-Meteo), and the ticker shows this site’s latest posts. Hover the ticker to pause it. The Morning Ledger is a fictional example brand.

NEWS SITE · BREAKING NEWS

A bold red band with a flag label and one story at a time. Use your own lines for live events, or point it at a “Breaking” category.

morningledger.example/live
The Morning LedgerNewsBusinessTechCultureSportsOpinionSubscribe

These breaking lines are fictional example headlines.

NEWSPAPER · MASTHEAD

Edition and weather on the left, the date centered in serif, the time on the right — and a slim row of headlines with trending topics underneath.

chicagoherald.example/
The Chicago HeraldNewsBusinessTechCultureSportsOpinionSubscribe

The Chicago Herald is a fictional example brand; headlines and topics are this site’s real posts and categories.

TECH MAGAZINE · TWO ROWS

A dark two-row bar: date, a ticking clock with seconds and weather on top; the most-read stories and trending topics on the second row.

circuit.example/
CircuitNewsBusinessTechCultureSportsOpinionSubscribe

Circuit is a fictional example brand. “Most read” uses the real view counter (sample numbers on this demo site).

LOCAL NEWS · SPLIT

A slanted color block holds the local time and date; the headlines glide beside it.

lacoastline.example/
LA CoastlineNewsBusinessTechCultureSportsOpinionSubscribe
BLOG · MINIMAL

For blogs and magazines that want a calm top line: the date, an edition note, topics and a couple of links.

slowliving.example/
Weekend editionTopics#Entertainment#Tech#Finance#WorldAboutNewsletter
Slow LivingNewsBusinessTechCultureSportsOpinionSubscribe

LA Coastline and Slow Living are fictional example brands.

INTERNATIONAL NEWS · WORLD CLOCKS

Several cities at once, each with a little sun or moon for day and night — for world news desks, markets coverage and global brands.

globaldesk.example/
Global DeskNewsBusinessTechCultureSportsOpinionSubscribe

Global Desk is a fictional example brand; the clocks are live.

CITY BLOG · TICKER ONLY

Just the stories, typed out softly one by one, with a small counter so readers know how many there are.

metrobeat.example/
Metro BeatNewsBusinessTechCultureSportsOpinionSubscribe
LIFESTYLE MAGAZINE · CENTERED

Social icons and topics on the left, the date and time in the middle, weather and a subscribe button on the right — balanced like a magazine cover.

hearthmag.example/
CT75°FAustinSubscribe
HearthNewsBusinessTechCultureSportsOpinionSubscribe

Metro Beat and Hearth are fictional example brands; the stories are this site’s real posts.