TechlyUp brand kit

Core identity

Logo suite

Download logo suite

Clear space: 0.33 × the logo height on every side
Minimum size: Horizontal 140px · Stacked 96px · Wordmark 100px · Symbol 32px · Avatar 48px

Primary logo (horizontal)

horizontal-color.png25 KB · 1600×508Download
horizontal-color.svg3.2 KB · 312×99Download

Stacked / vertical logo

stacked-color.svg3.9 KB · 248×281Download
stacked-color.png24 KB · 1059×1200Download

Logomark / symbol

symbol-color.svg841 B · 128×128Download
symbol-color.png7.0 KB · 1024×1024Download

Wordmark

wordmark-color.svg2.8 KB · 191×41Download
wordmark-color.png32 KB · 1600×343Download

Emblem / badge

avatar-color.svg1.1 KB · 512×512Download
avatar-color.png3.4 KB · 512×512Download

Full colour on dark

horizontal-reverse-color.svg3.9 KB · 312×99Download
horizontal-reverse-color.png17 KB · 1600×508Download
stacked-reverse-color.svg5.0 KB · 248×281Download
stacked-reverse-color.png17 KB · 1059×1200Download
wordmark-reverse-color.svg3.4 KB · 191×41Download
wordmark-reverse-color.png23 KB · 1600×343Download
symbol-reverse-color.svg1.6 KB · 128×128Download
symbol-reverse-color.png5.6 KB · 1024×1024Download
avatar-reverse-color.svg1.8 KB · 512×512Download
avatar-reverse-color.png2.0 KB · 512×512Download

Mono black

horizontal-black.svg3.9 KB · 312×99Download
horizontal-black.png21 KB · 1600×508Download
stacked-black.png20 KB · 1059×1200Download
stacked-black.svg5.0 KB · 248×281Download
wordmark-black.svg3.4 KB · 191×41Download
wordmark-black.png29 KB · 1600×343Download
symbol-black.svg1.6 KB · 128×128Download
symbol-black.png5.7 KB · 1024×1024Download
avatar-black.svg1.8 KB · 512×512Download
avatar-black.png2.0 KB · 512×512Download

Mono white / reversed

horizontal-white.svg3.9 KB · 312×99Download
horizontal-white.png17 KB · 1600×508Download
stacked-white.svg5.0 KB · 248×281Download
stacked-white.png17 KB · 1059×1200Download
wordmark-white.svg3.4 KB · 191×41Download
wordmark-white.png23 KB · 1600×343Download
symbol-white.svg1.6 KB · 128×128Download
symbol-white.png5.6 KB · 1024×1024Download
avatar-white.png2.0 KB · 512×512Download
avatar-white.svg1.8 KB · 512×512Download

Single brand colour

horizontal-primary.svg3.9 KB · 312×99Download
horizontal-secondary.svg3.9 KB · 312×99Download
horizontal-secondary.png23 KB · 1600×508Download
horizontal-primary.png23 KB · 1600×508Download
stacked-primary.svg5.0 KB · 248×281Download
stacked-secondary.png22 KB · 1059×1200Download
stacked-secondary.svg5.0 KB · 248×281Download
stacked-primary.png22 KB · 1059×1200Download
wordmark-primary.svg3.4 KB · 191×41Download
wordmark-secondary.svg3.4 KB · 191×41Download
wordmark-primary.png32 KB · 1600×343Download
wordmark-secondary.png32 KB · 1600×343Download
symbol-primary.svg1.6 KB · 128×128Download
symbol-secondary.svg1.6 KB · 128×128Download
symbol-primary.png5.7 KB · 1024×1024Download
symbol-secondary.png5.7 KB · 1024×1024Download
avatar-primary.svg1.8 KB · 512×512Download
avatar-primary.png2.0 KB · 512×512Download
avatar-secondary.svg1.8 KB · 512×512Download
avatar-secondary.png2.0 KB · 512×512Download

Logo source files

logo.svg3.2 KB · 312×99Download
mark.svg1.0 KB · 128×128Download

Core identity

Colour palette

Primaryprimary
HEX
#7D3CEC
RGB
125, 60, 236
HSL
262°, 82%, 58%
CMYK
47, 75, 0, 7
Aa5.63 · AAAa3.73 · AA large
--brand-primary
Secondarysecondary
HEX
#F87A62
RGB
248, 122, 98
HSL
10°, 91%, 68%
CMYK
0, 51, 60, 3
Aa2.64 · FailAa7.95 · 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
#FAF7FE
RGB
250, 247, 254
HSL
266°, 78%, 98%
CMYK
2, 3, 0, 0
Aa1.06 · FailAa19.80 · AAA
--brand-paper
Inktext
HEX
#0E172A
RGB
14, 23, 42
HSL
221°, 50%, 11%
CMYK
67, 45, 0, 84
Aa17.88 · AAAAa1.17 · Fail
--brand-ink

Core identity

Typography

Download typography

AaThe quick brown fox jumps over the lazy dog400500600700
Interheading
Weights 400, 500, 600, 700Headingsfont-family: "Inter", sans-serif;Get the font

Font files

TXTOFL.txt4.3 KBDownload
TTFInter[opsz,wght].ttf856 KBDownload

Core identity

Voice & messaging

Tagline: Free Courses, Practical Guides & Live Webinars
Elevator pitch: Build useful AI, work and business skills with published courses, practical guides and live webinars. Start free and learn at your pace.

Core identity

Brand guidelines

Download brand guidelines

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

Brand book

PDFbrand-guidelines.pdf415 KBDownload
HTMLbrand-guidelines.html11 KBDownload

Visual language

Patterns, textures & gradients

Download patterns, textures & gradients

Patterns

pattern-02.svg3.0 KB · 1200×1200Download
pattern-01.svg3.0 KB · 1200×1200Download
pattern-01.png47 KB · 1200×1200Download
pattern-02.png43 KB · 1200×1200Download
pattern-03.png45 KB · 1200×1200Download
pattern-03.svg3.0 KB · 1200×1200Download

Visual language

Motion & animation

Download motion & animation

Animated logo

animated-symbol.svg5.8 KB · 200×200Download
animated-logo.svg8.7 KB · 353×135Download
animated-symbol.webp35 KBDownload
animated-logo-loop.svg8.8 KB · 353×135Download

Transitions & loaders

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

Digital & web

Favicons & app icons

Download favicons & app icons

theme-color: #0E172A
Manifest background colour: #FAF7FE

favicon.svg

favicon-dark.svg1.7 KB · 128×128Download
favicon-light.svg1.1 KB · 128×128Download

favicon.ico

favicon.ico1.6 KBDownload

Apple touch icon

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

Android / PWA icon

android-light-192.png2.4 KB · 192×192Download
android-dark-192.png1.0 KB · 192×192Download

PWA icon

android-light-512.png11 KB · 512×512Download
android-dark-512.png5.4 KB · 512×512Download

Maskable icon

android-maskable-light-512.png10 KB · 512×512Download
android-maskable-dark-512.png5.7 KB · 512×512Download

Other files

WEBMANIFESTsite.webmanifest863 BDownload
safari-pinned-tab.svg1.6 KB · 128×128Download
ZIPfavicon-set.zip46 KBDownload
android-maskable-light-192.png2.7 KB · 192×192Download
android-maskable-dark-192.png1.1 KB · 192×192Download

Digital & web

Website & share images

Download website & share images

Default page title: Free Courses, Practical Guides & Live Webinars | TechlyUp
Meta description: Build useful AI, work and business skills with published courses, practical guides and live webinars. Start free and learn at your pace.