HotelBrandXBRAND KITDownload everything

HotelBrandX

Brand stories, booking journeys and guest reputation for hotels, resorts and independent stays. Make the digital experience feel as considered as the…

hotelbrandx.com

Core identity

Logo suite

Download logo suite

Clear space: 0.12 × the logo height on every side
Minimum size: Horizontal 202px · Stacked 115px · Wordmark 102px · Symbol 32px · Avatar 48px

Primary logo (horizontal)

horizontal-color.svg8.0 KB · 467×104Download
horizontal-color.png40 KB · 1600×356Download

Stacked / vertical logo

stacked-color.svg8.0 KB · 310×249Download
stacked-color.png57 KB · 1494×1200Download

Logomark / symbol

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

Wordmark

wordmark-color.svg7.8 KB · 350×68Download
wordmark-color.png43 KB · 1600×311Download

Emblem / badge

avatar-color.svg623 B · 512×512Download
avatar-color.png8.2 KB · 512×512Download

Full colour on dark

horizontal-reverse-color.svg8.0 KB · 467×104Download
horizontal-reverse-color.png29 KB · 1600×356Download
stacked-reverse-color.svg8.0 KB · 310×249Download
stacked-reverse-color.png45 KB · 1494×1200Download
wordmark-reverse-color.svg7.8 KB · 350×68Download
wordmark-reverse-color.png29 KB · 1600×311Download
symbol-reverse-color.svg522 B · 128×128Download
symbol-reverse-color.png21 KB · 1024×1024Download
avatar-reverse-color.svg631 B · 512×512Download
avatar-reverse-color.png7.7 KB · 512×512Download

Mono black

horizontal-black.svg8.0 KB · 467×104Download
horizontal-black.png35 KB · 1600×356Download
stacked-black.svg8.0 KB · 310×249Download
stacked-black.png51 KB · 1494×1200Download
wordmark-black.svg7.8 KB · 350×68Download
wordmark-black.png37 KB · 1600×311Download
symbol-black.svg514 B · 128×128Download
symbol-black.png19 KB · 1024×1024Download
avatar-black.svg623 B · 512×512Download
avatar-black.png8.1 KB · 512×512Download

Mono white / reversed

horizontal-white.svg8.0 KB · 467×104Download
horizontal-white.png27 KB · 1600×356Download
stacked-white.svg8.0 KB · 310×249Download
stacked-white.png40 KB · 1494×1200Download
wordmark-white.svg7.8 KB · 350×68Download
wordmark-white.png29 KB · 1600×311Download
symbol-white.svg514 B · 128×128Download
symbol-white.png16 KB · 1024×1024Download
avatar-white.svg623 B · 512×512Download
avatar-white.png8.2 KB · 512×512Download

Single brand colour

horizontal-primary.svg8.0 KB · 467×104Download
horizontal-primary.png39 KB · 1600×356Download
horizontal-secondary.svg8.0 KB · 467×104Download
horizontal-secondary.png39 KB · 1600×356Download
stacked-primary.svg8.0 KB · 310×249Download
stacked-secondary.svg8.0 KB · 310×249Download
stacked-primary.png57 KB · 1494×1200Download
stacked-secondary.png56 KB · 1494×1200Download
wordmark-primary.svg7.8 KB · 350×68Download
wordmark-secondary.svg7.8 KB · 350×68Download
wordmark-primary.png43 KB · 1600×311Download
wordmark-secondary.png42 KB · 1600×311Download
symbol-primary.svg516 B · 128×128Download
symbol-secondary.svg518 B · 128×128Download
symbol-primary.png21 KB · 1024×1024Download
symbol-secondary.png21 KB · 1024×1024Download
avatar-primary.svg625 B · 512×512Download
avatar-primary.png8.0 KB · 512×512Download
avatar-secondary.svg627 B · 512×512Download
avatar-secondary.png8.3 KB · 512×512Download

Logo source files

logo.svg8.0 KB · 467×104Download
mark.svg493 B · 128×128Download

Core identity

Colour palette

Primaryprimary
HEX
#A9844C
RGB
169, 132, 76
HSL
36°, 38%, 48%
CMYK
0, 22, 55, 34
Aa3.45 · AA largeAa6.09 · AA
--brand-primary
Secondarysecondary
HEX
#7A1E2C
RGB
122, 30, 44
HSL
351°, 61%, 30%
CMYK
0, 75, 64, 52
Aa10.25 · AAAAa2.05 · Fail
--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
#FCFAF8
RGB
252, 250, 248
HSL
30°, 40%, 98%
CMYK
0, 1, 2, 1
Aa1.04 · FailAa20.17 · AAA
--brand-paper
Inktext
HEX
#10213D
RGB
16, 33, 61
HSL
217°, 58%, 15%
CMYK
74, 46, 0, 76
Aa16.07 · AAAAa1.31 · Fail
--brand-ink

Core identity

Typography

Download typography

AaThe quick brown fox jumps over the lazy dog400500600700
Loraheading
Weights 400, 500, 600, 700Headingsfont-family: "Lora", 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
Palatinodisplay
Weights 700Logo lettering (artwork)font-family: "Palatino", sans-serif;

Font files

TTFLora-Italic[wght].ttf216 KBDownload
TXTOFL.txt4.3 KBDownload
TTFLora[wght].ttf207 KBDownload
TTFSourceSans3-Italic[wght].ttf386 KBDownload
TTFSourceSans3[wght].ttf631 KBDownload

Core identity

Voice & messaging

Elevator pitch: Brand stories, booking journeys and guest reputation for hotels, resorts and independent stays. Make the digital experience feel as considered as the…

Core identity

Brand guidelines

Download brand guidelines

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

Brand book

PDFbrand-guidelines.pdf500 KBDownload
HTMLbrand-guidelines.html11 KBDownload

Visual language

Patterns, textures & gradients

Download patterns, textures & gradients

Patterns

pattern-01.png57 KB · 1200×1200Download
pattern-02.svg7.3 KB · 1200×1200Download
pattern-01.svg7.3 KB · 1200×1200Download
pattern-02.png62 KB · 1200×1200Download
pattern-03.png54 KB · 1200×1200Download
pattern-03.svg7.3 KB · 1200×1200Download

Visual language

Motion & animation

Download motion & animation

Animated logo

animated-symbol.svg5.7 KB · 200×200Download
animated-logo.svg14 KB · 528×141Download
animated-logo-loop.svg14 KB · 528×141Download
animated-symbol.webp32 KBDownload

Transitions & loaders

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

Digital & web

Favicons & app icons

Download favicons & app icons

theme-color: #10213D
Manifest background colour: #FCFAF8

favicon.svg

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

favicon.ico

favicon.ico1.7 KBDownload

Apple touch icon

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

Android / PWA icon

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

PWA icon

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

Maskable icon

android-maskable-light-512.png9.9 KB · 512×512Download
android-maskable-dark-512.png9.7 KB · 512×512Download

Other files

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

Digital & web

Website & share images

Download website & share images

Default page title: HotelBrandX | Hotel & Hospitality Branding and Marketing Agency
Meta description: Brand stories, booking journeys and guest reputation for hotels, resorts and independent stays. Make the digital experience feel as considered as the…

Open Graph image

open-graph.png60 KB · 1200×630Download
open-graph.svg183 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.2 KBDownload

Newsletter header

email-header.svg46 KB · 1200×400Download
email-header.png39 KB · 1200×400Download

Marketing

Marketing collateral

Download marketing collateral

Tri-fold brochure

PDFbrochure.pdf786 KBDownload
brochure-outside.svg372 KB · 1212×864Download
brochure-outside.png451 KB · 3579×2551Download
brochure-inside.png439 KB · 3579×2551Download
brochure-inside.svg415 KB · 1212×864Download

Other files

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

Print & merchandise

Stationery

Download stationery

Business card

PDFbusiness-cards.pdf132 KBDownload
business-card-front.png55 KB · 1134×662Download
business-card-front.svg46 KB · 960×560Download
business-card-back.png69 KB · 1134×662Download
business-card-back.svg97 KB · 960×560Download

Letterhead

PDFletterhead.pdf97 KBDownload
letterhead.png92 KB · 2551×3578Download
letterhead.svg24 KB · 864×1212Download

Print & merchandise

Documents & presentations

Download documents & presentations

Presentation deck

presentation-cover.png124 KB · 1920×1080Download
presentation-cover.svg183 KB · 1920×1080Download
presentation-section.png106 KB · 1920×1080Download
presentation-section.svg173 KB · 1920×1080Download

Media & communications

Video kit

Download video kit

Meeting background

virtual-background.png62 KB · 1920×1080Download
virtual-background.svg23 KB · 1920×1080Download