HostlyUpBRAND KITDownload everything

HostlyUp

HostlyUp provides simple, reliable and developer-friendly hosting solutions for websites, applications and growing digital businesses.

hostlyup.com
Core identity

Logo suite

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

Primary logo (horizontal)

  • horizontal-color.svghorizontal-color.svg2.9 KB · 407×104Download
  • horizontal-color.pnghorizontal-color.png23 KB · 1600×409Download

Stacked / vertical logo

  • stacked-color.svgstacked-color.svg3.0 KB · 262×264Download
  • stacked-color.pngstacked-color.png25 KB · 1191×1200Download

Logomark / symbol

  • symbol-color.svgsymbol-color.svg545 B · 128×128Download
  • symbol-color.pngsymbol-color.png6.4 KB · 1024×1024Download

Wordmark

  • wordmark-color.pngwordmark-color.png28 KB · 1600×375Download
  • wordmark-color.svgwordmark-color.svg2.7 KB · 290×68Download

Emblem / badge

  • avatar-color.svgavatar-color.svg654 B · 512×512Download
  • avatar-color.pngavatar-color.png2.8 KB · 512×512Download

Full colour on dark

  • horizontal-reverse-color.svghorizontal-reverse-color.svg2.9 KB · 407×104Download
  • horizontal-reverse-color.pnghorizontal-reverse-color.png17 KB · 1600×409Download
  • stacked-reverse-color.svgstacked-reverse-color.svg3.0 KB · 262×264Download
  • stacked-reverse-color.pngstacked-reverse-color.png20 KB · 1191×1200Download
  • wordmark-reverse-color.svgwordmark-reverse-color.svg2.7 KB · 290×68Download
  • wordmark-reverse-color.pngwordmark-reverse-color.png20 KB · 1600×375Download
  • symbol-reverse-color.svgsymbol-reverse-color.svg553 B · 128×128Download
  • symbol-reverse-color.pngsymbol-reverse-color.png6.4 KB · 1024×1024Download
  • avatar-reverse-color.svgavatar-reverse-color.svg662 B · 512×512Download
  • avatar-reverse-color.pngavatar-reverse-color.png2.8 KB · 512×512Download

Mono black

  • horizontal-black.svghorizontal-black.svg2.9 KB · 407×104Download
  • horizontal-black.pnghorizontal-black.png21 KB · 1600×409Download
  • stacked-black.svgstacked-black.svg3.0 KB · 262×264Download
  • stacked-black.pngstacked-black.png23 KB · 1191×1200Download
  • wordmark-black.svgwordmark-black.svg2.7 KB · 290×68Download
  • wordmark-black.pngwordmark-black.png25 KB · 1600×375Download
  • symbol-black.svgsymbol-black.svg545 B · 128×128Download
  • symbol-black.pngsymbol-black.png6.4 KB · 1024×1024Download
  • avatar-black.pngavatar-black.png2.8 KB · 512×512Download
  • avatar-black.svgavatar-black.svg654 B · 512×512Download

Mono white / reversed

  • horizontal-white.svghorizontal-white.svg2.9 KB · 407×104Download
  • horizontal-white.pnghorizontal-white.png17 KB · 1600×409Download
  • stacked-white.svgstacked-white.svg3.0 KB · 262×264Download
  • stacked-white.pngstacked-white.png20 KB · 1191×1200Download
  • wordmark-white.svgwordmark-white.svg2.7 KB · 290×68Download
  • wordmark-white.pngwordmark-white.png20 KB · 1600×375Download
  • symbol-white.svgsymbol-white.svg545 B · 128×128Download
  • symbol-white.pngsymbol-white.png6.8 KB · 1024×1024Download
  • avatar-white.svgavatar-white.svg654 B · 512×512Download
  • avatar-white.pngavatar-white.png2.8 KB · 512×512Download

Single brand colour

  • horizontal-primary.svghorizontal-primary.svg2.9 KB · 407×104Download
  • horizontal-primary.pnghorizontal-primary.png22 KB · 1600×409Download
  • horizontal-secondary.svghorizontal-secondary.svg2.9 KB · 407×104Download
  • horizontal-secondary.pnghorizontal-secondary.png23 KB · 1600×409Download
  • stacked-primary.svgstacked-primary.svg3.0 KB · 262×264Download
  • stacked-primary.pngstacked-primary.png24 KB · 1191×1200Download
  • stacked-secondary.svgstacked-secondary.svg3.0 KB · 262×264Download
  • stacked-secondary.pngstacked-secondary.png25 KB · 1191×1200Download
  • wordmark-primary.svgwordmark-primary.svg2.7 KB · 290×68Download
  • wordmark-primary.pngwordmark-primary.png27 KB · 1600×375Download
  • wordmark-secondary.svgwordmark-secondary.svg2.7 KB · 290×68Download
  • wordmark-secondary.pngwordmark-secondary.png28 KB · 1600×375Download
  • symbol-primary.svgsymbol-primary.svg547 B · 128×128Download
  • symbol-primary.pngsymbol-primary.png6.4 KB · 1024×1024Download
  • symbol-secondary.svgsymbol-secondary.svg549 B · 128×128Download
  • symbol-secondary.pngsymbol-secondary.png6.4 KB · 1024×1024Download
  • avatar-primary.svgavatar-primary.svg656 B · 512×512Download
  • avatar-primary.pngavatar-primary.png2.8 KB · 512×512Download
  • avatar-secondary.pngavatar-secondary.png2.8 KB · 512×512Download
  • avatar-secondary.svgavatar-secondary.svg658 B · 512×512Download

Logo source files

Core identity

Colour palette

  • Primaryprimary
    HEX
    #0891B2
    RGB
    8, 145, 178
    HSL
    192°, 91%, 36%
    CMYK
    96, 19, 0, 30
    Aa3.68 · AA largeAa5.70 · AA

    --brand-primary

  • Secondarysecondary
    HEX
    #4F46E5
    RGB
    79, 70, 229
    HSL
    243°, 75%, 59%
    CMYK
    66, 69, 0, 10
    Aa6.29 · AAAa3.34 · AA large

    --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
    #F5FBFC
    RGB
    245, 251, 252
    HSL
    189°, 54%, 97%
    CMYK
    3, 0, 0, 1
    Aa1.05 · FailAa20.09 · AAA

    --brand-paper

  • Inktext
    HEX
    #12313D
    RGB
    18, 49, 61
    HSL
    197°, 54%, 15%
    CMYK
    70, 20, 0, 76
    Aa13.70 · AAAAa1.53 · 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
HostlyUp provides simple, reliable and developer-friendly hosting solutions for websites, applications and growing digital businesses.
Core identity

Brand guidelines

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

Brand book

Visual language

Patterns, textures & gradients

Download patterns, textures & gradients

Patterns

  • pattern-02.svgpattern-02.svg19 KB · 1200×1200Download
  • pattern-01.svgpattern-01.svg19 KB · 1200×1200Download
  • pattern-01.pngpattern-01.png77 KB · 1200×1200Download
  • pattern-03.svgpattern-03.svg19 KB · 1200×1200Download
  • pattern-02.pngpattern-02.png85 KB · 1200×1200Download
  • pattern-03.pngpattern-03.png72 KB · 1200×1200Download
Visual language

Motion & animation

Download motion & animation

Animated logo

  • animated-symbol.svganimated-symbol.svg8.6 KB · 200×200Download
  • animated-logo.svganimated-logo.svg12 KB · 460×141Download
  • animated-logo-loop.svganimated-logo-loop.svg12 KB · 460×141Download
  • animated-symbol.webpanimated-symbol.webp62 KBDownload

Transitions & loaders

Digital & web

Favicons & app icons

Download favicons & app icons
theme-color
#12313D
Manifest background colour
#F5FBFC

favicon.svg

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

favicon.ico

Apple touch icon

  • apple-touch-icon.pngapple-touch-icon.png1.5 KB · 180×180Download

Android / PWA icon

  • android-light-192.pngandroid-light-192.png1.7 KB · 192×192Download
  • android-dark-192.pngandroid-dark-192.png1.6 KB · 192×192Download

PWA icon

  • android-light-512.pngandroid-light-512.png7.1 KB · 512×512Download
  • android-dark-512.pngandroid-dark-512.png6.8 KB · 512×512Download

Maskable icon

  • android-maskable-light-512.pngandroid-maskable-light-512.png6.9 KB · 512×512Download
  • android-maskable-dark-512.pngandroid-maskable-dark-512.png6.7 KB · 512×512Download

Other files

Digital & web

Website & share images

Download website & share images
Default page title
HostlyUp — Simple, reliable hosting for growing digital businesses
Meta description
HostlyUp provides simple, reliable and developer-friendly hosting solutions for websites, applications and growing digital businesses.

Open Graph image

  • open-graph.pngopen-graph.png56 KB · 1200×630Download
  • open-graph.svgopen-graph.svg168 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.png35 KB · 1200×400Download
  • email-header.svgemail-header.svg43 KB · 1200×400Download
Social & ads

Social media kit

Download social media kit

Profile picture

  • profile-avatar.pngprofile-avatar.png9.2 KB · 512×512Download
  • profile-avatar.svgprofile-avatar.svg654 B · 512×512Download

Facebook cover

  • facebook-cover.pngfacebook-cover.png63 KB · 1640×624Download
  • facebook-cover.svgfacebook-cover.svg43 KB · 1640×624Download

LinkedIn profile banner

  • linkedin-banner.pnglinkedin-banner.png39 KB · 1584×396Download
  • linkedin-banner.svglinkedin-banner.svg43 KB · 1584×396Download

YouTube banner

  • youtube-banner.svgyoutube-banner.svg44 KB · 2560×1440Download
  • youtube-banner.pngyoutube-banner.png119 KB · 2560×1440Download

Instagram post

  • social-portrait.pngsocial-portrait.png95 KB · 1080×1350Download
  • social-portrait.svgsocial-portrait.svg183 KB · 1080×1350Download

Stories & reels cover

Post templates

  • social-square.pngsocial-square.png87 KB · 1080×1080Download
  • social-square.svgsocial-square.svg183 KB · 1080×1080Download
  • carousel-01.pngcarousel-01.png96 KB · 1080×1350Download
  • carousel-02.pngcarousel-02.png69 KB · 1080×1350Download
  • carousel-02.svgcarousel-02.svg54 KB · 1080×1350Download
  • carousel-01.svgcarousel-01.svg188 KB · 1080×1350Download
  • carousel-03.pngcarousel-03.png76 KB · 1080×1350Download
  • carousel-03.svgcarousel-03.svg171 KB · 1080×1350Download
Marketing

Marketing collateral

Download marketing collateral

Tri-fold brochure

  • PDFbrochure.pdf740 KBDownload
  • brochure-outside.pngbrochure-outside.png426 KB · 3579×2551Download
  • brochure-outside.svgbrochure-outside.svg357 KB · 1212×864Download
  • brochure-inside.pngbrochure-inside.png432 KB · 3579×2551Download
  • brochure-inside.svgbrochure-inside.svg417 KB · 1212×864Download

Other files

Print & merchandise

Stationery

Download stationery

Business card

  • PDFbusiness-cards.pdf88 KBDownload
  • business-card-front.pngbusiness-card-front.png49 KB · 1134×662Download
  • business-card-front.svgbusiness-card-front.svg42 KB · 960×560Download
  • business-card-back.pngbusiness-card-back.png45 KB · 1134×662Download
  • business-card-back.svgbusiness-card-back.svg43 KB · 960×560Download

Letterhead

Print & merchandise

Documents & presentations

Download documents & presentations

Presentation deck

  • presentation-cover.svgpresentation-cover.svg168 KB · 1920×1080Download
  • presentation-cover.pngpresentation-cover.png117 KB · 1920×1080Download
  • presentation-section.svgpresentation-section.svg149 KB · 1920×1080Download
  • presentation-section.pngpresentation-section.png92 KB · 1920×1080Download
Media & communications

Video kit

Download video kit

Meeting background

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