ProductInventoBRAND KITDownload everything

ProductInvento

An independent studio for product building, branding and marketing. Discover, design and build your product, shape its identity, and bring it to market.

productinvento.com

Core identity

Logo suite

Download logo suite

Clear space: 0.12 × the logo height on every side
Minimum size: Horizontal 239px · Stacked 129px · Wordmark 118px · Symbol 32px · Avatar 48px

Primary logo (horizontal)

horizontal-color.svg4.5 KB · 582×104Download
horizontal-color.png28 KB · 1600×286Download

Stacked / vertical logo

stacked-color.svg4.6 KB · 400×254Download
stacked-color.png48 KB · 1600×1016Download

Logomark / symbol

symbol-color.svg532 B · 128×128Download
symbol-color.png28 KB · 1024×1024Download

Wordmark

wordmark-color.svg4.3 KB · 465×68Download
wordmark-color.png25 KB · 1600×234Download

Emblem / badge

avatar-color.svg641 B · 512×512Download
avatar-color.png8.3 KB · 512×512Download

Full colour on dark

horizontal-reverse-color.svg4.6 KB · 582×104Download
horizontal-reverse-color.png23 KB · 1600×286Download
stacked-reverse-color.png42 KB · 1600×1016Download
stacked-reverse-color.svg4.6 KB · 400×254Download
wordmark-reverse-color.svg4.3 KB · 465×68Download
wordmark-reverse-color.png18 KB · 1600×234Download
symbol-reverse-color.svg540 B · 128×128Download
symbol-reverse-color.png28 KB · 1024×1024Download
avatar-reverse-color.svg649 B · 512×512Download
avatar-reverse-color.png8.2 KB · 512×512Download

Mono black

horizontal-black.svg4.5 KB · 582×104Download
horizontal-black.png26 KB · 1600×286Download
stacked-black.svg4.6 KB · 400×254Download
stacked-black.png46 KB · 1600×1016Download
wordmark-black.svg4.3 KB · 465×68Download
wordmark-black.png23 KB · 1600×234Download
symbol-black.svg532 B · 128×128Download
symbol-black.png27 KB · 1024×1024Download
avatar-black.svg641 B · 512×512Download
avatar-black.png9.0 KB · 512×512Download

Mono white / reversed

horizontal-white.svg4.5 KB · 582×104Download
horizontal-white.png21 KB · 1600×286Download
stacked-white.svg4.6 KB · 400×254Download
stacked-white.png37 KB · 1600×1016Download
wordmark-white.png18 KB · 1600×234Download
wordmark-white.svg4.3 KB · 465×68Download
symbol-white.svg532 B · 128×128Download
symbol-white.png22 KB · 1024×1024Download
avatar-white.svg641 B · 512×512Download
avatar-white.png9.0 KB · 512×512Download

Single brand colour

horizontal-primary.svg4.5 KB · 582×104Download
horizontal-primary.png27 KB · 1600×286Download
horizontal-secondary.svg4.5 KB · 582×104Download
horizontal-secondary.png29 KB · 1600×286Download
stacked-primary.svg4.6 KB · 400×254Download
stacked-primary.png46 KB · 1600×1016Download
stacked-secondary.png49 KB · 1600×1016Download
stacked-secondary.svg4.6 KB · 400×254Download
wordmark-primary.svg4.3 KB · 465×68Download
wordmark-primary.png24 KB · 1600×234Download
wordmark-secondary.svg4.3 KB · 465×68Download
wordmark-secondary.png25 KB · 1600×234Download
symbol-primary.svg534 B · 128×128Download
symbol-primary.png27 KB · 1024×1024Download
symbol-secondary.svg536 B · 128×128Download
symbol-secondary.png29 KB · 1024×1024Download
avatar-primary.svg643 B · 512×512Download
avatar-primary.png7.5 KB · 512×512Download
avatar-secondary.svg645 B · 512×512Download
avatar-secondary.png8.2 KB · 512×512Download

Logo source files

logo.svg4.5 KB · 582×104Download
mark.svg511 B · 128×128Download

Core identity

Colour palette

Primaryprimary
HEX
#2563FF
RGB
37, 99, 255
HSL
223°, 100%, 57%
CMYK
85, 61, 0, 0
Aa4.88 · AAAa4.31 · AA large
--brand-primary
Secondarysecondary
HEX
#14B8A6
RGB
20, 184, 166
HSL
173°, 80%, 40%
CMYK
89, 0, 10, 28
Aa2.49 · FailAa8.44 · 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
#F6F9FF
RGB
246, 249, 255
HSL
220°, 100%, 98%
CMYK
4, 2, 0, 0
Aa1.05 · FailAa19.91 · AAA
--brand-paper
Inktext
HEX
#0A2540
RGB
10, 37, 64
HSL
210°, 73%, 15%
CMYK
84, 42, 0, 75
Aa15.54 · AAAAa1.35 · 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

TXTOFL.txt4.3 KBDownload
TTFSora[wght].ttf109 KBDownload
TTFSourceSans3[wght].ttf631 KBDownload
TTFSourceSans3-Italic[wght].ttf386 KBDownload

Core identity

Voice & messaging

Elevator pitch: An independent studio for product building, branding and marketing. Discover, design and build your product, shape its identity, and bring it to market.

Core identity

Brand guidelines

Download brand guidelines

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

Brand book

PDFbrand-guidelines.pdf444 KBDownload
HTMLbrand-guidelines.html11 KBDownload

Visual language

Patterns, textures & gradients

Download patterns, textures & gradients

Patterns

pattern-01.svg18 KB · 1200×1200Download
pattern-02.svg18 KB · 1200×1200Download
pattern-01.png128 KB · 1200×1200Download
pattern-03.svg18 KB · 1200×1200Download
pattern-02.png161 KB · 1200×1200Download
pattern-03.png117 KB · 1200×1200Download

Visual language

Motion & animation

Download motion & animation

Animated logo

animated-symbol.svg9.1 KB · 200×200Download
animated-logo.svg14 KB · 658×141Download
animated-logo-loop.svg14 KB · 658×141Download
animated-symbol.webp146 KBDownload

Transitions & loaders

loader.svg9.1 KB · 200×200Download
static-loader.svg2.6 KB · 200×200Download
CSSloader.css9.2 KBDownload
HTMLloader.html3.4 KBDownload

Digital & web

Favicons & app icons

Download favicons & app icons

theme-color: #0A2540
Manifest background colour: #F6F9FF

favicon.svg

favicon-dark.svg647 B · 128×128Download
favicon-light.svg647 B · 128×128Download

favicon.ico

favicon.ico2.1 KBDownload

Apple touch icon

apple-touch-icon.png3.1 KB · 180×180Download

Android / PWA icon

android-dark-192.png3.2 KB · 192×192Download
android-light-192.png3.2 KB · 192×192Download

PWA icon

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

Maskable icon

android-maskable-light-512.png9.2 KB · 512×512Download
android-maskable-dark-512.png9.6 KB · 512×512Download

Other files

WEBMANIFESTsite.webmanifest953 BDownload
safari-pinned-tab.svg511 B · 128×128Download
ZIPfavicon-set.zip67 KBDownload
android-maskable-light-192.png3.0 KB · 192×192Download
android-maskable-dark-192.png3.1 KB · 192×192Download

Digital & web

Website & share images

Download website & share images

Default page title: ProductInvento — Make what’s next.
Meta description: An independent studio for product building, branding and marketing. Discover, design and build your product, shape its identity, and bring it to market.

Open Graph image

open-graph.png61 KB · 1200×630Download
open-graph.svg168 KB · 1200×630Download

Digital & web

Design tokens & UI kit

Download design tokens & ui kit

CSS variables Tailwind v4 theme Design tokens JSON

UI kit source

CSSbrand-tokens.css1.1 KBDownload

Digital & web

Email kit

Download email kit

Email signature

HTMLemail-signature.html820 BDownload

Newsletter header

email-header.png31 KB · 1200×400Download
email-header.svg39 KB · 1200×400Download

Marketing

Marketing collateral

Download marketing collateral

Tri-fold brochure

PDFbrochure.pdf822 KBDownload
brochure-outside.svg367 KB · 1212×864Download
brochure-outside.png470 KB · 3579×2551Download
brochure-inside.svg415 KB · 1212×864Download
brochure-inside.png454 KB · 3579×2551Download

Other files

website-qr.svg3.7 KB · 37×37Download

Print & merchandise

Stationery

Download stationery

Business card

PDFbusiness-cards.pdf84 KBDownload
business-card-front.png49 KB · 1134×662Download
business-card-back.png44 KB · 1134×662Download
business-card-back.svg49 KB · 960×560Download
business-card-front.svg39 KB · 960×560Download

Letterhead

PDFletterhead.pdf103 KBDownload
letterhead.svg21 KB · 864×1212Download
letterhead.png114 KB · 2551×3578Download

Print & merchandise

Documents & presentations

Download documents & presentations

Presentation deck

presentation-cover.svg168 KB · 1920×1080Download
presentation-cover.png120 KB · 1920×1080Download
presentation-section.svg160 KB · 1920×1080Download
presentation-section.png106 KB · 1920×1080Download

Media & communications

Video kit

Download video kit

Meeting background

virtual-background.png66 KB · 1920×1080Download
virtual-background.svg21 KB · 1920×1080Download