DONEBYFIVE BRAND PACK
Version 1.1, November 2026

WHAT'S INSIDE

00-overview.png
  A one page preview of the main assets.

01-logos
  png/             Transparent PNGs, high resolution.
                   horizontal, stacked, wordmark and mark, each in four colourways:
                   primary   Ink with the Five Amber wedge. Use on Fog, Paper or other light backgrounds.
                   reversed  Fog with the Five Amber wedge. Use on Ink, Evening or other dark backgrounds.
                   ink       All Ink. Use on Five Amber, or anywhere you can only print one colour.
                   white     All white. Use on photos or any colour where the others don't read.
  svg/             The same logos as vector files with the text outlined. Use these for print,
                   signage, merch and anything that needs scaling. No font needed.
  on-backgrounds/  Ready made logos on brand backgrounds, for decks and quick previews.

02-social
  profile-picture-*-1080.png          Profile picture for Instagram, LinkedIn, X, Facebook and Reddit.
                                      Ink is the default. Safe for circular crops.
  linkedin-banner-personal-1584x396   Personal profile banner. Left side kept clear for your photo.
  linkedin-cover-company-1128x191     Company page cover.
  x-header-1500x500                   X header. Left side kept clear for the profile picture.
  facebook-cover-1640x624             Facebook cover. Content sits in the centre so the mobile crop is safe.
  email-signature-logo-600x150        Upload to your email signature and display it at 300 x 75.
  instagram-post-1080x1350            Example feed post.

03-favicon
  favicon.ico, favicon.svg, favicon 16/32/48, apple-touch-icon-180, android-chrome 192/512.
  Website head tags:
    <link rel="icon" href="/favicon.ico" sizes="any">
    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
    <link rel="apple-touch-icon" href="/apple-touch-icon-180.png">

04-colour
  donebyfive-colour-palette.png

05-guidelines
  donebyfive-brand-guidelines.pdf, plus every page as a PNG: cover, strategy and voice, logo system,
  colour, typography, applications, example post.

COLOURS
  Ink          #0E1116   RGB 14 17 22      Primary dark. Backgrounds, text, the logo.
  Five Amber   #FFB000   RGB 255 176 0     Signature accent. The wedge, buttons, highlights.
  Fog          #EEF0F3   RGB 238 240 243   Light background.
  Paper        #FFFFFF   RGB 255 255 255   Cards and surfaces.
  Evening      #1C2541   RGB 28 37 65      Secondary dark.
  Graphite     #2B303A   RGB 43 48 58      Dark UI layers and dividers.
  Slate        #5B616E   RGB 91 97 110     Secondary text on light backgrounds.
  Dusk         #FF5C39   RGB 255 92 57     Rare accent. Under 5% of any layout.

  Rough split: 60% dark, 25% light, 10% amber, 5% dusk.
  Never put amber text on a light background. It fails contrast.

FONTS (both free on Google Fonts)
  DM Sans   Headlines, body copy and buttons.   https://fonts.google.com/specimen/DM+Sans
  DM Mono   The wordmark, labels, times and numbers.   https://fonts.google.com/specimen/DM+Mono
  Times are always 24 hour: 17:00, never 5pm.

LOGO RULES
  The name is always lowercase, one word, spelled out: donebyfive.
  Add .ai only where a web address appears.
  Keep clear space around the logo equal to the height of the d's bowl.
  Minimum size: mark 16px on screen or 6mm in print. Stacked logo 80px or 20mm wide.
  Don't stretch, rotate, recolour the wedge, add effects, capitalise the name,
  or swap the five for the numeral 5.
