BrandVisualKitBRAND KITDownload everything

BrandVisualKit

BrandVisualKit helps businesses create consistent, professional brand assets for every digital and physical touchpoint.

brandvisualkit.com
Core identity

Logo suite

Download logo suite
Clear space
0.12 × the logo height on every side
Minimum size
Horizontal 251px · Stacked 128px · Wordmark 116px · Symbol 32px · Avatar 48px

Primary logo (horizontal)

  • horizontal-color.svghorizontal-color.svg4.7 KB · 576×104Download
  • horizontal-color.pnghorizontal-color.png31 KB · 1600×289Download

Stacked / vertical logo

  • stacked-color.svgstacked-color.svg4.8 KB · 397×254Download
  • stacked-color.pngstacked-color.png54 KB · 1600×1024Download

Logomark / symbol

  • symbol-color.svgsymbol-color.svg554 B · 128×128Download
  • symbol-color.pngsymbol-color.png35 KB · 1024×1024Download

Wordmark

  • wordmark-color.svgwordmark-color.svg4.5 KB · 459×68Download
  • wordmark-color.pngwordmark-color.png27 KB · 1600×237Download

Emblem / badge

  • avatar-color.svgavatar-color.svg663 B · 512×512Download
  • avatar-color.pngavatar-color.png13 KB · 512×512Download

Full colour on dark

  • horizontal-reverse-color.svghorizontal-reverse-color.svg4.8 KB · 576×104Download
  • horizontal-reverse-color.pnghorizontal-reverse-color.png25 KB · 1600×289Download
  • stacked-reverse-color.svgstacked-reverse-color.svg4.8 KB · 397×254Download
  • stacked-reverse-color.pngstacked-reverse-color.png47 KB · 1600×1024Download
  • wordmark-reverse-color.svgwordmark-reverse-color.svg4.5 KB · 459×68Download
  • wordmark-reverse-color.pngwordmark-reverse-color.png20 KB · 1600×237Download
  • symbol-reverse-color.svgsymbol-reverse-color.svg562 B · 128×128Download
  • symbol-reverse-color.pngsymbol-reverse-color.png35 KB · 1024×1024Download
  • avatar-reverse-color.svgavatar-reverse-color.svg671 B · 512×512Download
  • avatar-reverse-color.pngavatar-reverse-color.png13 KB · 512×512Download

Mono black

  • horizontal-black.svghorizontal-black.svg4.7 KB · 576×104Download
  • horizontal-black.pnghorizontal-black.png26 KB · 1600×289Download
  • stacked-black.svgstacked-black.svg4.8 KB · 397×254Download
  • stacked-black.pngstacked-black.png45 KB · 1600×1024Download
  • wordmark-black.svgwordmark-black.svg4.5 KB · 459×68Download
  • wordmark-black.pngwordmark-black.png25 KB · 1600×237Download
  • symbol-black.svgsymbol-black.svg554 B · 128×128Download
  • symbol-black.pngsymbol-black.png27 KB · 1024×1024Download
  • avatar-black.svgavatar-black.svg663 B · 512×512Download
  • avatar-black.pngavatar-black.png11 KB · 512×512Download

Mono white / reversed

  • horizontal-white.svghorizontal-white.svg4.7 KB · 576×104Download
  • horizontal-white.pnghorizontal-white.png21 KB · 1600×289Download
  • stacked-white.svgstacked-white.svg4.8 KB · 397×254Download
  • stacked-white.pngstacked-white.png37 KB · 1600×1024Download
  • wordmark-white.svgwordmark-white.svg4.5 KB · 459×68Download
  • wordmark-white.pngwordmark-white.png20 KB · 1600×237Download
  • symbol-white.svgsymbol-white.svg554 B · 128×128Download
  • symbol-white.pngsymbol-white.png22 KB · 1024×1024Download
  • avatar-white.svgavatar-white.svg663 B · 512×512Download
  • avatar-white.pngavatar-white.png11 KB · 512×512Download

Single brand colour

  • horizontal-primary.svghorizontal-primary.svg4.8 KB · 576×104Download
  • horizontal-secondary.svghorizontal-secondary.svg4.8 KB · 576×104Download
  • horizontal-primary.pnghorizontal-primary.png29 KB · 1600×289Download
  • horizontal-secondary.pnghorizontal-secondary.png29 KB · 1600×289Download
  • stacked-primary.svgstacked-primary.svg4.8 KB · 397×254Download
  • stacked-primary.pngstacked-primary.png49 KB · 1600×1024Download
  • stacked-secondary.svgstacked-secondary.svg4.8 KB · 397×254Download
  • stacked-secondary.pngstacked-secondary.png49 KB · 1600×1024Download
  • wordmark-primary.svgwordmark-primary.svg4.5 KB · 459×68Download
  • wordmark-primary.pngwordmark-primary.png28 KB · 1600×237Download
  • wordmark-secondary.svgwordmark-secondary.svg4.5 KB · 459×68Download
  • wordmark-secondary.pngwordmark-secondary.png28 KB · 1600×237Download
  • symbol-primary.svgsymbol-primary.svg556 B · 128×128Download
  • symbol-primary.pngsymbol-primary.png28 KB · 1024×1024Download
  • symbol-secondary.svgsymbol-secondary.svg558 B · 128×128Download
  • symbol-secondary.pngsymbol-secondary.png28 KB · 1024×1024Download
  • avatar-primary.svgavatar-primary.svg665 B · 512×512Download
  • avatar-primary.pngavatar-primary.png10 KB · 512×512Download
  • avatar-secondary.svgavatar-secondary.svg667 B · 512×512Download
  • avatar-secondary.pngavatar-secondary.png9.9 KB · 512×512Download

Logo source files

Core identity

Colour palette

  • Primaryprimary
    HEX
    #723FD8
    RGB
    114, 63, 216
    HSL
    260°, 66%, 55%
    CMYK
    47, 71, 0, 15
    Aa6.14 · AAAa3.42 · AA large

    --brand-primary

  • Secondarysecondary
    HEX
    #F18B37
    RGB
    241, 139, 55
    HSL
    27°, 87%, 58%
    CMYK
    0, 42, 77, 5
    Aa2.47 · FailAa8.49 · 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
    #F9F7FD
    RGB
    249, 247, 253
    HSL
    260°, 60%, 98%
    CMYK
    2, 2, 0, 1
    Aa1.06 · FailAa19.75 · AAA

    --brand-paper

  • Inktext
    HEX
    #252330
    RGB
    37, 35, 48
    HSL
    249°, 16%, 16%
    CMYK
    23, 27, 0, 81
    Aa15.42 · AAAAa1.36 · 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
BrandVisualKit helps businesses create consistent, professional brand assets for every digital and physical touchpoint.
Core identity

Brand guidelines

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

Brand book

Visual language

Patterns, textures & gradients

Download patterns, textures & gradients

Patterns

  • pattern-01.svgpattern-01.svg8.0 KB · 1200×1200Download
  • pattern-01.pngpattern-01.png172 KB · 1200×1200Download
  • pattern-02.svgpattern-02.svg8.1 KB · 1200×1200Download
  • pattern-02.pngpattern-02.png197 KB · 1200×1200Download
  • pattern-03.svgpattern-03.svg8.0 KB · 1200×1200Download
  • pattern-03.pngpattern-03.png153 KB · 1200×1200Download
Visual language

Motion & animation

Download motion & animation

Animated logo

  • animated-symbol.svganimated-symbol.svg6.5 KB · 200×200Download
  • animated-logo.svganimated-logo.svg12 KB · 651×141Download
  • animated-logo-loop.svganimated-logo-loop.svg12 KB · 651×141Download
  • animated-symbol.webpanimated-symbol.webp78 KBDownload

Transitions & loaders

Digital & web

Favicons & app icons

Download favicons & app icons
theme-color
#252330
Manifest background colour
#F9F7FD

favicon.svg

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

favicon.ico

Apple touch icon

  • apple-touch-icon.pngapple-touch-icon.png4.1 KB · 180×180Download

Android / PWA icon

  • android-light-192.pngandroid-light-192.png4.4 KB · 192×192Download
  • android-dark-192.pngandroid-dark-192.png3.5 KB · 192×192Download

PWA icon

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

Maskable icon

  • android-maskable-light-512.pngandroid-maskable-light-512.png13 KB · 512×512Download
  • android-maskable-dark-512.pngandroid-maskable-dark-512.png11 KB · 512×512Download

Other files

Digital & web

Website & share images

Download website & share images
Default page title
BrandVisualKit — Consistent, professional brand assets for every touchpoint
Meta description
BrandVisualKit helps businesses create consistent, professional brand assets for every digital and physical touchpoint.

Open Graph image

  • open-graph.pngopen-graph.png59 KB · 1200×630Download
  • open-graph.svgopen-graph.svg160 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.png30 KB · 1200×400Download
  • email-header.svgemail-header.svg42 KB · 1200×400Download
Social & ads

Social media kit

Download social media kit

Profile picture

  • profile-avatar.svgprofile-avatar.svg663 B · 512×512Download
  • profile-avatar.pngprofile-avatar.png17 KB · 512×512Download

Facebook cover

  • facebook-cover.pngfacebook-cover.png50 KB · 1640×624Download
  • facebook-cover.svgfacebook-cover.svg42 KB · 1640×624Download

LinkedIn profile banner

  • linkedin-banner.svglinkedin-banner.svg42 KB · 1584×396Download
  • linkedin-banner.pnglinkedin-banner.png37 KB · 1584×396Download

YouTube banner

  • youtube-banner.pngyoutube-banner.png117 KB · 2560×1440Download
  • youtube-banner.svgyoutube-banner.svg43 KB · 2560×1440Download

Instagram post

  • social-portrait.pngsocial-portrait.png92 KB · 1080×1350Download
  • social-portrait.svgsocial-portrait.svg172 KB · 1080×1350Download

Stories & reels cover

Post templates

  • social-square.pngsocial-square.png83 KB · 1080×1080Download
  • social-square.svgsocial-square.svg172 KB · 1080×1080Download
  • carousel-01.pngcarousel-01.png92 KB · 1080×1350Download
  • carousel-02.pngcarousel-02.png71 KB · 1080×1350Download
  • carousel-01.svgcarousel-01.svg177 KB · 1080×1350Download
  • carousel-02.svgcarousel-02.svg61 KB · 1080×1350Download
  • carousel-03.pngcarousel-03.png81 KB · 1080×1350Download
  • carousel-03.svgcarousel-03.svg165 KB · 1080×1350Download
Marketing

Marketing collateral

Download marketing collateral

Tri-fold brochure

  • PDFbrochure.pdf697 KBDownload
  • brochure-outside.pngbrochure-outside.png413 KB · 3579×2551Download
  • brochure-inside.svgbrochure-inside.svg388 KB · 1212×864Download
  • brochure-outside.svgbrochure-outside.svg334 KB · 1212×864Download
  • brochure-inside.pngbrochure-inside.png416 KB · 3579×2551Download

Other files

Print & merchandise

Stationery

Download stationery

Business card

  • PDFbusiness-cards.pdf89 KBDownload
  • business-card-back.svgbusiness-card-back.svg45 KB · 960×560Download
  • business-card-back.pngbusiness-card-back.png47 KB · 1134×662Download
  • business-card-front.svgbusiness-card-front.svg46 KB · 960×560Download
  • business-card-front.pngbusiness-card-front.png46 KB · 1134×662Download

Letterhead

Print & merchandise

Documents & presentations

Download documents & presentations

Presentation deck

  • presentation-cover.pngpresentation-cover.png118 KB · 1920×1080Download
  • presentation-cover.svgpresentation-cover.svg160 KB · 1920×1080Download
  • presentation-section.svgpresentation-section.svg148 KB · 1920×1080Download
  • presentation-section.pngpresentation-section.png97 KB · 1920×1080Download
Media & communications

Video kit

Download video kit

Meeting background

  • virtual-background.svgvirtual-background.svg20 KB · 1920×1080Download
  • virtual-background.pngvirtual-background.png57 KB · 1920×1080Download