SoftlyUpBRAND KITDownload everything

SoftlyUp

SoftlyUp makes business software simpler, smarter and more accessible for organizations of every size.

Core identity

Logo suite

Download logo suite

Clear space: 0.12 × the logo height on every side
Minimum size: Horizontal 148px · Stacked 96px · Wordmark 80px · Symbol 32px · Avatar 48px

Primary logo (horizontal)

horizontal-color.png48 KB · 1600×458Download
horizontal-color.svg5.1 KB · 363×104Download

Stacked / vertical logo

stacked-color.svg5.1 KB · 227×258Download
stacked-color.png59 KB · 1056×1200Download

Logomark / symbol

symbol-color.svg684 B · 128×128Download
symbol-color.png42 KB · 1024×1024Download

Wordmark

wordmark-color.svg4.7 KB · 246×68Download
wordmark-color.png45 KB · 1600×442Download

Emblem / badge

avatar-color.svg793 B · 512×512Download
avatar-color.png15 KB · 512×512Download

Full colour on dark

horizontal-reverse-color.svg5.1 KB · 363×104Download
horizontal-reverse-color.png39 KB · 1600×458Download
stacked-reverse-color.svg5.1 KB · 227×258Download
stacked-reverse-color.png52 KB · 1056×1200Download
wordmark-reverse-color.svg4.7 KB · 246×68Download
wordmark-reverse-color.png32 KB · 1600×442Download
symbol-reverse-color.svg692 B · 128×128Download
symbol-reverse-color.png42 KB · 1024×1024Download
avatar-reverse-color.png16 KB · 512×512Download
avatar-reverse-color.svg801 B · 512×512Download

Mono black

horizontal-black.svg5.1 KB · 363×104Download
horizontal-black.png39 KB · 1600×458Download
stacked-black.svg5.1 KB · 227×258Download
stacked-black.png48 KB · 1056×1200Download
wordmark-black.svg4.7 KB · 246×68Download
wordmark-black.png40 KB · 1600×442Download
symbol-black.svg684 B · 128×128Download
symbol-black.png32 KB · 1024×1024Download
avatar-black.svg793 B · 512×512Download
avatar-black.png13 KB · 512×512Download

Mono white / reversed

horizontal-white.svg5.1 KB · 363×104Download
horizontal-white.png31 KB · 1600×458Download
stacked-white.svg5.1 KB · 227×258Download
stacked-white.png39 KB · 1056×1200Download
wordmark-white.svg4.7 KB · 246×68Download
wordmark-white.png32 KB · 1600×442Download
symbol-white.svg684 B · 128×128Download
symbol-white.png26 KB · 1024×1024Download
avatar-white.svg793 B · 512×512Download
avatar-white.png13 KB · 512×512Download

Single brand colour

horizontal-primary.svg5.1 KB · 363×104Download
horizontal-primary.png43 KB · 1600×458Download
horizontal-secondary.svg5.1 KB · 363×104Download
horizontal-secondary.png43 KB · 1600×458Download
stacked-primary.svg5.1 KB · 227×258Download
stacked-primary.png52 KB · 1056×1200Download
stacked-secondary.svg5.1 KB · 227×258Download
stacked-secondary.png52 KB · 1056×1200Download
wordmark-primary.svg4.7 KB · 246×68Download
wordmark-primary.png45 KB · 1600×442Download
wordmark-secondary.svg4.7 KB · 246×68Download
wordmark-secondary.png45 KB · 1600×442Download
symbol-primary.svg686 B · 128×128Download
symbol-secondary.svg688 B · 128×128Download
symbol-primary.png34 KB · 1024×1024Download
symbol-secondary.png34 KB · 1024×1024Download
avatar-primary.svg795 B · 512×512Download
avatar-secondary.svg797 B · 512×512Download
avatar-primary.png12 KB · 512×512Download
avatar-secondary.png12 KB · 512×512Download

Logo source files

logo.svg5.1 KB · 363×104Download
mark.svg663 B · 128×128Download

Core identity

Colour palette

Primaryprimary
HEX
#7C3AED
RGB
124, 58, 237
HSL
262°, 83%, 58%
CMYK
48, 76, 0, 7
Aa5.70 · AAAa3.69 · AA large
--brand-primary
Secondarysecondary
HEX
#EC4899
RGB
236, 72, 153
HSL
330°, 81%, 60%
CMYK
0, 69, 35, 7
Aa3.53 · AA largeAa5.95 · AA
--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
#FAF7FE
RGB
250, 247, 254
HSL
266°, 78%, 98%
CMYK
2, 3, 0, 0
Aa1.06 · FailAa19.80 · AAA
--brand-paper
Inktext
HEX
#2C1848
RGB
44, 24, 72
HSL
265°, 50%, 19%
CMYK
39, 67, 0, 72
Aa15.77 · AAAAa1.33 · Fail
--brand-ink

Core identity

Typography

Download typography

AaThe quick brown fox jumps over the lazy dog400500600700
Nunitoheading
Weights 400, 500, 600, 700Headingsfont-family: "Nunito", 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
Arial Rounded MT Bolddisplay
Weights 700Logo lettering (artwork)font-family: "Arial Rounded MT Bold", sans-serif;

Font files

TXTOFL.txt4.3 KBDownload
TTFNunito-Italic[wght].ttf275 KBDownload
TTFNunito[wght].ttf270 KBDownload
TTFSourceSans3-Italic[wght].ttf386 KBDownload
TTFSourceSans3[wght].ttf631 KBDownload

Core identity

Voice & messaging

Elevator pitch: SoftlyUp makes business software simpler, smarter and more accessible for organizations of every size.

Core identity

Brand guidelines

Download brand guidelines

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

Brand book

PDFbrand-guidelines.pdf454 KBDownload
HTMLbrand-guidelines.html11 KBDownload

Visual language

Patterns, textures & gradients

Download patterns, textures & gradients

Patterns

pattern-01.png68 KB · 1200×1200Download
pattern-01.svg3.1 KB · 1200×1200Download
pattern-02.svg3.1 KB · 1200×1200Download
pattern-02.png78 KB · 1200×1200Download
pattern-03.png67 KB · 1200×1200Download
pattern-03.svg3.1 KB · 1200×1200Download

Visual language

Motion & animation

Download motion & animation

Animated logo

animated-symbol.svg5.5 KB · 200×200Download
animated-logo.svg11 KB · 410×141Download
animated-logo-loop.svg11 KB · 410×141Download
animated-symbol.webp69 KBDownload

Transitions & loaders

loader.svg5.5 KB · 200×200Download
static-loader.svg2.1 KB · 200×200Download
HTMLloader.html3.7 KBDownload
CSSloader.css6.4 KBDownload

Digital & web

Favicons & app icons

Download favicons & app icons

theme-color: #2C1848
Manifest background colour: #FAF7FE

favicon.svg

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

favicon.ico

favicon.ico2.5 KBDownload

Apple touch icon

apple-touch-icon.png4.3 KB · 180×180Download

Android / PWA icon

android-light-192.png4.6 KB · 192×192Download
android-dark-192.png3.8 KB · 192×192Download

PWA icon

android-light-512.png15 KB · 512×512Download
android-dark-512.png13 KB · 512×512Download

Maskable icon

android-maskable-light-512.png13 KB · 512×512Download
android-maskable-dark-512.png12 KB · 512×512Download

Other files

WEBMANIFESTsite.webmanifest863 BDownload
safari-pinned-tab.svg663 B · 128×128Download
ZIPfavicon-set.zip92 KBDownload
android-maskable-dark-192.png3.4 KB · 192×192Download
android-maskable-light-192.png4.0 KB · 192×192Download

Digital & web

Website & share images

Download website & share images

Default page title: SoftlyUp — Simple business software for every size of team
Meta description: SoftlyUp makes business software simpler, smarter and more accessible for organizations of every size.

Open Graph image

open-graph.png60 KB · 1200×630Download
open-graph.svg161 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.html1.1 KBDownload

Newsletter header

email-header.png35 KB · 1200×400Download
email-header.svg42 KB · 1200×400Download

Marketing

Marketing collateral

Download marketing collateral

Tri-fold brochure

PDFbrochure.pdf778 KBDownload
brochure-outside.svg369 KB · 1212×864Download
brochure-inside.svg418 KB · 1212×864Download
brochure-inside.png432 KB · 3579×2551Download
brochure-outside.png462 KB · 3579×2551Download

Other files

website-qr.svg2.7 KB · 33×33Download

Print & merchandise

Stationery

Download stationery

Business card

PDFbusiness-cards.pdf83 KBDownload
business-card-front.png50 KB · 1134×662Download
business-card-front.svg41 KB · 960×560Download
business-card-back.png42 KB · 1134×662Download
business-card-back.svg42 KB · 960×560Download

Letterhead

PDFletterhead.pdf88 KBDownload
letterhead.png103 KB · 2551×3578Download
letterhead.svg18 KB · 864×1212Download

Print & merchandise

Documents & presentations

Download documents & presentations

Presentation deck

presentation-cover.png121 KB · 1920×1080Download
presentation-cover.svg161 KB · 1920×1080Download
presentation-section.svg147 KB · 1920×1080Download
presentation-section.png95 KB · 1920×1080Download

Media & communications

Video kit

Download video kit

Meeting background

virtual-background.png60 KB · 1920×1080Download
virtual-background.svg18 KB · 1920×1080Download