SmartlyUpBRAND KITDownload everything

SmartlyUp

Where verified creators share real knowledge, learners earn proof of what they learn, and every piece of content has a visible credibility signal.

Core identity

Logo suite

Download logo suite

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

Primary logo (horizontal)

horizontal-color.svg3.4 KB · 452×104Download
horizontal-color.png28 KB · 1600×368Download

Stacked / vertical logo

stacked-color.svg3.4 KB · 297×264Download
stacked-color.png38 KB · 1350×1200Download

Logomark / symbol

symbol-color.svg514 B · 128×128Download
symbol-color.png19 KB · 1024×1024Download

Wordmark

wordmark-color.svg3.2 KB · 335×68Download
wordmark-color.png28 KB · 1600×325Download

Emblem / badge

avatar-color.svg623 B · 512×512Download
avatar-color.png7.9 KB · 512×512Download

Full colour on dark

horizontal-reverse-color.svg3.4 KB · 452×104Download
horizontal-reverse-color.png23 KB · 1600×368Download
stacked-reverse-color.svg3.4 KB · 297×264Download
stacked-reverse-color.png33 KB · 1350×1200Download
wordmark-reverse-color.svg3.2 KB · 335×68Download
wordmark-reverse-color.png21 KB · 1600×325Download
symbol-reverse-color.svg522 B · 128×128Download
symbol-reverse-color.png19 KB · 1024×1024Download
avatar-reverse-color.svg631 B · 512×512Download
avatar-reverse-color.png7.4 KB · 512×512Download

Mono black

horizontal-black.svg3.4 KB · 452×104Download
horizontal-black.png26 KB · 1600×368Download
stacked-black.svg3.4 KB · 297×264Download
stacked-black.png36 KB · 1350×1200Download
wordmark-black.svg3.2 KB · 335×68Download
wordmark-black.png26 KB · 1600×325Download
symbol-black.svg514 B · 128×128Download
symbol-black.png18 KB · 1024×1024Download
avatar-black.png7.4 KB · 512×512Download
avatar-black.svg623 B · 512×512Download

Mono white / reversed

horizontal-white.svg3.4 KB · 452×104Download
horizontal-white.png21 KB · 1600×368Download
stacked-white.svg3.4 KB · 297×264Download
stacked-white.png30 KB · 1350×1200Download
wordmark-white.svg3.2 KB · 335×68Download
wordmark-white.png21 KB · 1600×325Download
symbol-white.svg514 B · 128×128Download
symbol-white.png16 KB · 1024×1024Download
avatar-white.svg623 B · 512×512Download
avatar-white.png7.4 KB · 512×512Download

Single brand colour

horizontal-primary.svg3.4 KB · 452×104Download
horizontal-primary.png28 KB · 1600×368Download
horizontal-secondary.svg3.4 KB · 452×104Download
horizontal-secondary.png27 KB · 1600×368Download
stacked-primary.svg3.4 KB · 297×264Download
stacked-secondary.svg3.4 KB · 297×264Download
stacked-primary.png38 KB · 1350×1200Download
stacked-secondary.png38 KB · 1350×1200Download
wordmark-primary.svg3.2 KB · 335×68Download
wordmark-primary.png28 KB · 1600×325Download
wordmark-secondary.svg3.2 KB · 335×68Download
wordmark-secondary.png27 KB · 1600×325Download
symbol-primary.svg516 B · 128×128Download
symbol-primary.png19 KB · 1024×1024Download
symbol-secondary.png18 KB · 1024×1024Download
symbol-secondary.svg518 B · 128×128Download
avatar-primary.svg625 B · 512×512Download
avatar-primary.png7.7 KB · 512×512Download
avatar-secondary.svg627 B · 512×512Download
avatar-secondary.png7.2 KB · 512×512Download

Logo source files

logo.svg3.4 KB · 452×104Download
mark.svg493 B · 128×128Download

Core identity

Colour palette

Primaryprimary
HEX
#261685
RGB
38, 22, 133
HSL
249°, 72%, 30%
CMYK
71, 83, 0, 48
Aa13.67 · AAAAa1.54 · Fail
--brand-primary
Secondarysecondary
HEX
#03B19E
RGB
3, 177, 158
HSL
173°, 97%, 35%
CMYK
98, 0, 11, 31
Aa2.70 · FailAa7.79 · 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
#F6F6FA
RGB
246, 246, 250
HSL
240°, 29%, 97%
CMYK
2, 2, 0, 2
Aa1.08 · FailAa19.48 · AAA
--brand-paper
Inktext
HEX
#17172B
RGB
23, 23, 43
HSL
240°, 30%, 13%
CMYK
47, 47, 0, 83
Aa17.59 · AAAAa1.19 · 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: Where verified creators share real knowledge, learners earn proof of what they learn, and every piece of content has a visible credibility signal.

Core identity

Brand guidelines

Download brand guidelines

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

Brand book

PDFbrand-guidelines.pdf497 KBDownload
HTMLbrand-guidelines.html10 KBDownload

Visual language

Patterns, textures & gradients

Download patterns, textures & gradients

Patterns

pattern-01.svg16 KB · 1200×1200Download
pattern-01.png209 KB · 1200×1200Download
pattern-02.svg16 KB · 1200×1200Download
pattern-03.svg16 KB · 1200×1200Download
pattern-02.png252 KB · 1200×1200Download
pattern-03.png176 KB · 1200×1200Download

Visual language

Motion & animation

Download motion & animation

Animated logo

animated-symbol.svg7.1 KB · 200×200Download
animated-logo.svg11 KB · 511×141Download
animated-logo-loop.svg11 KB · 511×141Download
animated-symbol.webp32 KBDownload

Transitions & loaders

static-loader.svg2.3 KB · 200×200Download
loader.svg7.1 KB · 200×200Download
HTMLloader.html3.4 KBDownload
CSSloader.css7.6 KBDownload

Digital & web

Favicons & app icons

Download favicons & app icons

theme-color: #17172B
Manifest background colour: #F6F6FA

favicon.svg

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

favicon.ico

favicon.ico1.9 KBDownload

Apple touch icon

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

Android / PWA icon

android-light-192.png2.9 KB · 192×192Download
android-dark-192.png2.7 KB · 192×192Download

PWA icon

android-light-512.png8.9 KB · 512×512Download
android-dark-512.png8.3 KB · 512×512Download

Maskable icon

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

Other files

safari-pinned-tab.svg493 B · 128×128Download
WEBMANIFESTsite.webmanifest865 BDownload
ZIPfavicon-set.zip56 KBDownload
android-maskable-light-192.png2.7 KB · 192×192Download
android-maskable-dark-192.png2.5 KB · 192×192Download

Digital & web

Website & share images

Download website & share images

Default page title: SmartlyUp — The Learning Reputation Layer
Meta description: Where verified creators share real knowledge, learners earn proof of what they learn, and every piece of content has a visible credibility signal.

Open Graph image

open-graph.png58 KB · 1200×630Download
open-graph.svg174 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.html811 BDownload

Newsletter header

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

Marketing

Marketing collateral

Download marketing collateral

Tri-fold brochure

PDFbrochure.pdf796 KBDownload
brochure-outside.svg401 KB · 1212×864Download
brochure-outside.png453 KB · 3579×2551Download
brochure-inside.svg455 KB · 1212×864Download
brochure-inside.png451 KB · 3579×2551Download

Other files

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

Print & merchandise

Stationery

Download stationery

Business card

PDFbusiness-cards.pdf117 KBDownload
business-card-front.png51 KB · 1134×662Download
business-card-back.png61 KB · 1134×662Download
business-card-front.svg37 KB · 960×560Download
business-card-back.svg76 KB · 960×560Download

Letterhead

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

Print & merchandise

Documents & presentations

Download documents & presentations

Presentation deck

presentation-section.png99 KB · 1920×1080Download
presentation-cover.png118 KB · 1920×1080Download
presentation-cover.svg174 KB · 1920×1080Download
presentation-section.svg163 KB · 1920×1080Download

Media & communications

Video kit

Download video kit

Meeting background

virtual-background.png59 KB · 1920×1080Download
virtual-background.svg17 KB · 1920×1080Download