The London News

    Brand & Style Guide

    Our logos, the bolt icon, colours, typography and the way we write. Use this page whenever you put The London News in front of readers, partners or advertisers.

    Assets

    Logos & icons

    Every mark has a short name. Use these names when asking for a change so we both know which one we mean - for example "make Logo 1 bigger" or "use the Bolt Mark here".

    Logo 1 - The London News full logo lockup on black
    Logo 1

    Primary Lockup

    Icon plus wordmark on black. Use for share cards, covers and partner decks.

    Icon 1 - The London News yellow skyline icon
    Icon 1

    Skyline Icon

    Big Ben, Tower Bridge and the Eye in black on yellow. App icon, favicon and avatars.

    Icon 2

    Bolt Mark

    The yellow tile with the black bolt is our shorthand mark in the site header, footer and buttons. Keep the rounded tile; never place the bolt on its own in a different colour.

    Wordmark AThe London News

    Block Wordmark - Montserrat, for navigation and products.

    Wordmark BThe London News

    Signature Wordmark - Playfair italic, for editorial and footer use.

    Logo 2 - TLN monogram logo with the line The London.News
    Logo 2

    TLN Monogram

    Black on London Yellow with "The London.News" beneath. Use where the full lockup is too wide - social avatars, stamps and merchandise.

    Name reference

    Logo 1Primary LockupShare cards, covers, partner decks - icon plus wordmark on black.
    Logo 2TLN MonogramSocial avatars, stamps, merchandise - black on yellow square.
    Icon 1Skyline IconFavicon, app icon, small avatars.
    Icon 2Bolt MarkSite header, footer and buttons.
    Wordmark ABlock WordmarkMontserrat uppercase - navigation and product screens.
    Wordmark BSignature WordmarkPlayfair italic - editorial pages and footer.

    Rules

    Using the logo

    Do

    • Leave clear space around the logo equal to the height of the bolt tile.
    • Use the full colour logo on black, white or a plain photo area.
    • Keep the icon at 32px or larger so the skyline stays readable.
    • Use the yellow only as an accent, never as a full page background.

    Don't

    • Recolour, outline, rotate or add shadows to the logo.
    • Stretch, squash or re-space the wordmark.
    • Place the logo on a busy photo without a dark overlay.
    • Rebuild the wordmark in another typeface.

    Colour

    Colour palette

    London Yellow

    #FFCC00

    Primary accent, buttons, highlights

    Ink Black

    #0A0A0A

    Headlines, header, footer, icon artwork

    Paper White

    #FFFFFF

    Backgrounds and text on black

    Gold Deep

    #B98A0B

    Yellow text on light backgrounds

    Muted Grey

    #F5F4F1

    Cards, panels, section fills

    Slate Text

    #383838

    Body copy and captions

    Yellow on white is hard to read, so yellow text on light backgrounds uses the deeper gold. On black, full yellow is correct.

    Type

    Typography

    Playfair Display - headlines

    London stories, written by Londoners

    Used for page and article headlines. Bold and black weights only.

    Montserrat - interface & labels

    Trending Now

    Buttons, navigation, section labels, captions and forms.

    Body copy

    Article text runs at a comfortable reading size with generous line height, in near-black on white. Keep paragraphs short: three or four lines on mobile.

    Words

    Voice & writing style

    How we sound

    • Plain British English, spelled the British way.
    • Clear before clever: say the thing, then explain it.
    • Confident, never shouty. No clickbait, no all-caps headlines.
    • Local first - name the street, the borough, the station.

    Naming

    • Write The London News in full, with a capital T.
    • "TLN" only in legal documents and internal references.
    • The site is thelondon.news, lower case.
    • Sections are Trending, Traffic, Tech, Business and so on - never "channels".

    Headline style

    Yes

    "Northern line closures hit Camden commuters this weekend"

    No

    "You WON'T BELIEVE what's happening on the Tube!!!"

    Need something else?

    For press packs, partner artwork or a bespoke logo size, email hello@thelondon.news.