AutoBrandXBRAND KITDownload everything

AutoBrandX

Branding, inventory-led marketing and reputation for automotive businesses. Connect the story on screen to the conversation in your showroom or workshop.

autobrandx.com
Core identity

Logo suite

Download logo suite
Clear space
0.12 × the logo height on every side
Minimum size
Horizontal 222px · Stacked 109px · Wordmark 98px · Symbol 32px · Avatar 48px

Primary logo (horizontal)

  • horizontal-color.svghorizontal-color.svg3.6 KB · 502×104Download
  • horizontal-color.pnghorizontal-color.png29 KB · 1600×331Download

Stacked / vertical logo

  • stacked-color.svgstacked-color.svg3.7 KB · 338×254Download
  • stacked-color.pngstacked-color.png48 KB · 1597×1200Download

Logomark / symbol

  • symbol-color.svgsymbol-color.svg531 B · 128×128Download
  • symbol-color.pngsymbol-color.png22 KB · 1024×1024Download

Wordmark

  • wordmark-color.svgwordmark-color.svg3.4 KB · 385×68Download
  • wordmark-color.pngwordmark-color.png30 KB · 1600×283Download

Emblem / badge

  • avatar-color.svgavatar-color.svg640 B · 512×512Download
  • avatar-color.pngavatar-color.png8.1 KB · 512×512Download

Full colour on dark

  • horizontal-reverse-color.pnghorizontal-reverse-color.png22 KB · 1600×331Download
  • horizontal-reverse-color.svghorizontal-reverse-color.svg3.7 KB · 502×104Download
  • stacked-reverse-color.svgstacked-reverse-color.svg3.7 KB · 338×254Download
  • stacked-reverse-color.pngstacked-reverse-color.png40 KB · 1597×1200Download
  • wordmark-reverse-color.svgwordmark-reverse-color.svg3.4 KB · 385×68Download
  • wordmark-reverse-color.pngwordmark-reverse-color.png21 KB · 1600×283Download
  • symbol-reverse-color.svgsymbol-reverse-color.svg539 B · 128×128Download
  • symbol-reverse-color.pngsymbol-reverse-color.png22 KB · 1024×1024Download
  • avatar-reverse-color.svgavatar-reverse-color.svg648 B · 512×512Download
  • avatar-reverse-color.pngavatar-reverse-color.png7.7 KB · 512×512Download

Mono black

  • horizontal-black.svghorizontal-black.svg3.6 KB · 502×104Download
  • stacked-black.svgstacked-black.svg3.7 KB · 338×254Download
  • stacked-black.pngstacked-black.png43 KB · 1597×1200Download
  • wordmark-black.svgwordmark-black.svg3.4 KB · 385×68Download
  • wordmark-black.pngwordmark-black.png26 KB · 1600×283Download
  • symbol-black.svgsymbol-black.svg531 B · 128×128Download
  • symbol-black.pngsymbol-black.png19 KB · 1024×1024Download
  • avatar-black.pngavatar-black.png8.1 KB · 512×512Download
  • avatar-black.svgavatar-black.svg640 B · 512×512Download
  • horizontal-black.pnghorizontal-black.png26 KB · 1600×331Download

Mono white / reversed

  • horizontal-white.svghorizontal-white.svg3.6 KB · 502×104Download
  • horizontal-white.pnghorizontal-white.png20 KB · 1600×331Download
  • stacked-white.svgstacked-white.svg3.7 KB · 338×254Download
  • stacked-white.pngstacked-white.png35 KB · 1597×1200Download
  • wordmark-white.svgwordmark-white.svg3.4 KB · 385×68Download
  • wordmark-white.pngwordmark-white.png21 KB · 1600×283Download
  • symbol-white.svgsymbol-white.svg531 B · 128×128Download
  • symbol-white.pngsymbol-white.png16 KB · 1024×1024Download
  • avatar-white.svgavatar-white.svg640 B · 512×512Download
  • avatar-white.pngavatar-white.png8.1 KB · 512×512Download

Single brand colour

  • horizontal-primary.svghorizontal-primary.svg3.7 KB · 502×104Download
  • horizontal-primary.pnghorizontal-primary.png28 KB · 1600×331Download
  • horizontal-secondary.svghorizontal-secondary.svg3.7 KB · 502×104Download
  • horizontal-secondary.pnghorizontal-secondary.png28 KB · 1600×331Download
  • stacked-primary.svgstacked-primary.svg3.7 KB · 338×254Download
  • stacked-primary.pngstacked-primary.png48 KB · 1597×1200Download
  • stacked-secondary.svgstacked-secondary.svg3.7 KB · 338×254Download
  • stacked-secondary.pngstacked-secondary.png47 KB · 1597×1200Download
  • wordmark-primary.svgwordmark-primary.svg3.4 KB · 385×68Download
  • wordmark-primary.pngwordmark-primary.png29 KB · 1600×283Download
  • wordmark-secondary.svgwordmark-secondary.svg3.4 KB · 385×68Download
  • wordmark-secondary.pngwordmark-secondary.png29 KB · 1600×283Download
  • symbol-primary.svgsymbol-primary.svg533 B · 128×128Download
  • symbol-primary.pngsymbol-primary.png21 KB · 1024×1024Download
  • symbol-secondary.svgsymbol-secondary.svg535 B · 128×128Download
  • symbol-secondary.pngsymbol-secondary.png21 KB · 1024×1024Download
  • avatar-primary.svgavatar-primary.svg642 B · 512×512Download
  • avatar-primary.pngavatar-primary.png7.8 KB · 512×512Download
  • avatar-secondary.svgavatar-secondary.svg644 B · 512×512Download
  • avatar-secondary.pngavatar-secondary.png8.1 KB · 512×512Download

Logo source files

Core identity

Colour palette

  • Primaryprimary
    HEX
    #E64A35
    RGB
    230, 74, 53
    HSL
    7°, 78%, 55%
    CMYK
    0, 68, 77, 10
    Aa3.89 · AA largeAa5.40 · AA

    --brand-primary

  • Secondarysecondary
    HEX
    #D3D8DB
    RGB
    211, 216, 219
    HSL
    202°, 10%, 84%
    CMYK
    4, 1, 0, 14
    Aa1.44 · FailAa14.62 · AAA

    --brand-secondary

  • Whiteneutral
    HEX
    #FFFFFF
    RGB
    255, 255, 255
    HSL
    0°, 0%, 100%
    CMYK
    0, 0, 0, 0
    Aa1.00 · FailAa21.00 · AAA

    --brand-white

  • Blackneutral
    HEX
    #111111
    RGB
    17, 17, 17
    HSL
    0°, 0%, 7%
    CMYK
    0, 0, 0, 93
    Aa18.88 · AAAAa1.11 · Fail

    --brand-black

  • Paperbackground
    HEX
    #FEF8F7
    RGB
    254, 248, 247
    HSL
    9°, 78%, 98%
    CMYK
    0, 2, 3, 0
    Aa1.05 · FailAa19.98 · AAA

    --brand-paper

  • Inktext
    HEX
    #171C23
    RGB
    23, 28, 35
    HSL
    215°, 21%, 11%
    CMYK
    34, 20, 0, 86
    Aa17.12 · AAAAa1.23 · Fail

    --brand-ink

Core identity

Typography

Download typography
  • AaThe quick brown fox jumps over the lazy dog400500600700
    Soraheading
    Weights 400, 500, 600, 700Headingsfont-family: "Sora", sans-serif;Get the font
  • AaThe quick brown fox jumps over the lazy dog400500600700
    Source Sans 3body
    Weights 400, 500, 600, 700Body textfont-family: "Source Sans 3", sans-serif;Get the font
  • AaThe quick brown fox jumps over the lazy dog700
    Futuradisplay
    Weights 700Logo lettering (artwork)font-family: "Futura", sans-serif;

Font files

Core identity

Voice & messaging

Elevator pitch
Branding, inventory-led marketing and reputation for automotive businesses. Connect the story on screen to the conversation in your showroom or workshop.
Core identity

Brand guidelines

Download brand guidelines
Hosted guidelines page
https://autobrandx.com/brand/identity/brand-guidelines.html

Brand book

Visual language

Patterns, textures & gradients

Download patterns, textures & gradients

Patterns

  • pattern-01.svgpattern-01.svg3.8 KB · 1200×1200Download
  • pattern-02.svgpattern-02.svg3.8 KB · 1200×1200Download
  • pattern-02.pngpattern-02.png140 KB · 1200×1200Download
  • pattern-01.pngpattern-01.png114 KB · 1200×1200Download
  • pattern-03.pngpattern-03.png115 KB · 1200×1200Download
  • pattern-03.svgpattern-03.svg3.8 KB · 1200×1200Download
Visual language

Motion & animation

Download motion & animation

Animated logo

  • animated-symbol.svganimated-symbol.svg4.7 KB · 200×200Download
  • animated-logo.svganimated-logo.svg8.6 KB · 567×141Download
  • animated-logo-loop.svganimated-logo-loop.svg8.6 KB · 567×141Download
  • animated-symbol.webpanimated-symbol.webp18 KBDownload

Transitions & loaders

Digital & web

Favicons & app icons

Download favicons & app icons
theme-color
#171C23
Manifest background colour
#FEF8F7

favicon.svg

  • favicon-light.svgfavicon-light.svg644 B · 128×128Download
  • favicon-dark.svgfavicon-dark.svg644 B · 128×128Download

favicon.ico

Apple touch icon

  • apple-touch-icon.pngapple-touch-icon.png2.7 KB · 180×180Download

Android / PWA icon

  • android-light-192.pngandroid-light-192.png2.7 KB · 192×192Download
  • android-dark-192.pngandroid-dark-192.png2.8 KB · 192×192Download

PWA icon

  • android-light-512.pngandroid-light-512.png10 KB · 512×512Download
  • android-dark-512.pngandroid-dark-512.png10 KB · 512×512Download

Maskable icon

  • android-maskable-light-512.pngandroid-maskable-light-512.png9.1 KB · 512×512Download
  • android-maskable-dark-512.pngandroid-maskable-dark-512.png8.9 KB · 512×512Download

Other files

Digital & web

Website & share images

Download website & share images
Default page title
AutoBrandX | Automotive Branding & Dealership Marketing Agency
Meta description
Branding, inventory-led marketing and reputation for automotive businesses. Connect the story on screen to the conversation in your showroom or workshop.

Open Graph image

  • open-graph.pngopen-graph.png63 KB · 1200×630Download
  • open-graph.svgopen-graph.svg157 KB · 1200×630Download
Digital & web

Design tokens & UI kit

Download design tokens & ui kit
CSS variablesTailwind v4 themeDesign tokens JSON

UI kit source

Digital & web

Email kit

Download email kit

Email signature

Newsletter header

  • email-header.pngemail-header.png39 KB · 1200×400Download
  • email-header.svgemail-header.svg37 KB · 1200×400Download
Social & ads

Social media kit

Download social media kit

Profile picture

  • profile-avatar.pngprofile-avatar.png12 KB · 512×512Download
  • profile-avatar.svgprofile-avatar.svg640 B · 512×512Download

Facebook cover

  • facebook-cover.pngfacebook-cover.png64 KB · 1640×624Download
  • facebook-cover.svgfacebook-cover.svg37 KB · 1640×624Download

LinkedIn profile banner

  • linkedin-banner.svglinkedin-banner.svg37 KB · 1584×396Download
  • linkedin-banner.pnglinkedin-banner.png42 KB · 1584×396Download

YouTube banner

  • youtube-banner.svgyoutube-banner.svg38 KB · 2560×1440Download
  • youtube-banner.pngyoutube-banner.png134 KB · 2560×1440Download

Instagram post

  • social-portrait.pngsocial-portrait.png93 KB · 1080×1350Download
  • social-portrait.svgsocial-portrait.svg173 KB · 1080×1350Download

Stories & reels cover

Post templates

  • social-square.pngsocial-square.png85 KB · 1080×1080Download
  • social-square.svgsocial-square.svg173 KB · 1080×1080Download
  • carousel-01.pngcarousel-01.png94 KB · 1080×1350Download
  • carousel-01.svgcarousel-01.svg179 KB · 1080×1350Download
  • carousel-02.svgcarousel-02.svg56 KB · 1080×1350Download
  • carousel-02.pngcarousel-02.png78 KB · 1080×1350Download
  • carousel-03.pngcarousel-03.png91 KB · 1080×1350Download
  • carousel-03.svgcarousel-03.svg169 KB · 1080×1350Download
Marketing

Marketing collateral

Download marketing collateral

Tri-fold brochure

  • PDFbrochure.pdf728 KBDownload
  • brochure-outside.pngbrochure-outside.png448 KB · 3579×2551Download
  • brochure-outside.svgbrochure-outside.svg313 KB · 1212×864Download
  • brochure-inside.pngbrochure-inside.png405 KB · 3579×2551Download
  • brochure-inside.svgbrochure-inside.svg361 KB · 1212×864Download

Other files

Print & merchandise

Stationery

Download stationery

Business card

  • PDFbusiness-cards.pdf106 KBDownload
  • business-card-front.pngbusiness-card-front.png55 KB · 1134×662Download
  • business-card-front.svgbusiness-card-front.svg37 KB · 960×560Download
  • business-card-back.pngbusiness-card-back.png50 KB · 1134×662Download
  • business-card-back.svgbusiness-card-back.svg40 KB · 960×560Download

Letterhead

Print & merchandise

Documents & presentations

Download documents & presentations

Presentation deck

  • presentation-cover.pngpresentation-cover.png124 KB · 1920×1080Download
  • presentation-cover.svgpresentation-cover.svg158 KB · 1920×1080Download
  • presentation-section.pngpresentation-section.png111 KB · 1920×1080Download
  • presentation-section.svgpresentation-section.svg147 KB · 1920×1080Download
Media & communications

Video kit

Download video kit

Meeting background

  • virtual-background.pngvirtual-background.png63 KB · 1920×1080Download
  • virtual-background.svgvirtual-background.svg17 KB · 1920×1080Download