DesignXperiaBRAND KITDownload everything

DesignXperia

DesignXperia crafts intuitive, distinctive and scalable digital experiences that balance visual excellence with usability.

designxperia.com
Core identity

Logo suite

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

Primary logo (horizontal)

  • horizontal-color.svghorizontal-color.svg5.6 KB · 534×104Download
  • horizontal-color.pnghorizontal-color.png34 KB · 1600×312Download

Stacked / vertical logo

  • stacked-color.svgstacked-color.svg5.7 KB · 361×264Download
  • stacked-color.pngstacked-color.png55 KB · 1600×1170Download

Logomark / symbol

  • symbol-color.svgsymbol-color.svg557 B · 128×128Download
  • symbol-color.pngsymbol-color.png25 KB · 1024×1024Download

Wordmark

  • wordmark-color.svgwordmark-color.svg5.3 KB · 417×68Download
  • wordmark-color.pngwordmark-color.png34 KB · 1600×261Download

Emblem / badge

  • avatar-color.svgavatar-color.svg666 B · 512×512Download
  • avatar-color.pngavatar-color.png10 KB · 512×512Download

Full colour on dark

  • horizontal-reverse-color.svghorizontal-reverse-color.svg5.6 KB · 534×104Download
  • horizontal-reverse-color.pnghorizontal-reverse-color.png27 KB · 1600×312Download
  • stacked-reverse-color.svgstacked-reverse-color.svg5.7 KB · 361×264Download
  • stacked-reverse-color.pngstacked-reverse-color.png46 KB · 1600×1170Download
  • wordmark-reverse-color.svgwordmark-reverse-color.svg5.4 KB · 417×68Download
  • wordmark-reverse-color.pngwordmark-reverse-color.png25 KB · 1600×261Download
  • symbol-reverse-color.svgsymbol-reverse-color.svg565 B · 128×128Download
  • symbol-reverse-color.pngsymbol-reverse-color.png24 KB · 1024×1024Download
  • avatar-reverse-color.svgavatar-reverse-color.svg674 B · 512×512Download
  • avatar-reverse-color.pngavatar-reverse-color.png9.7 KB · 512×512Download

Mono black

  • horizontal-black.svghorizontal-black.svg5.6 KB · 534×104Download
  • horizontal-black.pnghorizontal-black.png30 KB · 1600×312Download
  • stacked-black.svgstacked-black.svg5.7 KB · 361×264Download
  • stacked-black.pngstacked-black.png47 KB · 1600×1170Download
  • wordmark-black.svgwordmark-black.svg5.3 KB · 417×68Download
  • wordmark-black.pngwordmark-black.png31 KB · 1600×261Download
  • symbol-black.svgsymbol-black.svg557 B · 128×128Download
  • symbol-black.pngsymbol-black.png19 KB · 1024×1024Download
  • avatar-black.svgavatar-black.svg666 B · 512×512Download
  • avatar-black.pngavatar-black.png8.6 KB · 512×512Download

Mono white / reversed

  • horizontal-white.svghorizontal-white.svg5.6 KB · 534×104Download
  • horizontal-white.pnghorizontal-white.png24 KB · 1600×312Download
  • stacked-white.svgstacked-white.svg5.7 KB · 361×264Download
  • stacked-white.pngstacked-white.png38 KB · 1600×1170Download
  • wordmark-white.svgwordmark-white.svg5.3 KB · 417×68Download
  • wordmark-white.pngwordmark-white.png25 KB · 1600×261Download
  • symbol-white.svgsymbol-white.svg557 B · 128×128Download
  • symbol-white.pngsymbol-white.png17 KB · 1024×1024Download
  • avatar-white.svgavatar-white.svg666 B · 512×512Download
  • avatar-white.pngavatar-white.png8.6 KB · 512×512Download

Single brand colour

  • horizontal-primary.svghorizontal-primary.svg5.6 KB · 534×104Download
  • horizontal-primary.pnghorizontal-primary.png32 KB · 1600×312Download
  • horizontal-secondary.svghorizontal-secondary.svg5.6 KB · 534×104Download
  • horizontal-secondary.pnghorizontal-secondary.png33 KB · 1600×312Download
  • stacked-primary.svgstacked-primary.svg5.7 KB · 361×264Download
  • stacked-secondary.svgstacked-secondary.svg5.7 KB · 361×264Download
  • stacked-secondary.pngstacked-secondary.png51 KB · 1600×1170Download
  • stacked-primary.pngstacked-primary.png51 KB · 1600×1170Download
  • wordmark-primary.svgwordmark-primary.svg5.3 KB · 417×68Download
  • wordmark-primary.pngwordmark-primary.png34 KB · 1600×261Download
  • wordmark-secondary.svgwordmark-secondary.svg5.3 KB · 417×68Download
  • wordmark-secondary.pngwordmark-secondary.png34 KB · 1600×261Download
  • symbol-primary.svgsymbol-primary.svg559 B · 128×128Download
  • symbol-secondary.svgsymbol-secondary.svg561 B · 128×128Download
  • symbol-primary.pngsymbol-primary.png21 KB · 1024×1024Download
  • symbol-secondary.pngsymbol-secondary.png21 KB · 1024×1024Download
  • avatar-primary.svgavatar-primary.svg668 B · 512×512Download
  • avatar-primary.pngavatar-primary.png8.6 KB · 512×512Download
  • avatar-secondary.svgavatar-secondary.svg670 B · 512×512Download
  • avatar-secondary.pngavatar-secondary.png8.6 KB · 512×512Download

Logo source files

Core identity

Colour palette

  • Primaryprimary
    HEX
    #098F88
    RGB
    9, 143, 136
    HSL
    177°, 88%, 30%
    CMYK
    94, 0, 5, 44
    Aa3.97 · AA largeAa5.30 · AA

    --brand-primary

  • Secondarysecondary
    HEX
    #F0AC62
    RGB
    240, 172, 98
    HSL
    31°, 83%, 66%
    CMYK
    0, 28, 59, 6
    Aa1.95 · FailAa10.78 · 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
    #F5FBFA
    RGB
    245, 251, 250
    HSL
    170°, 43%, 97%
    CMYK
    2, 0, 0, 2
    Aa1.05 · FailAa20.06 · AAA

    --brand-paper

  • Inktext
    HEX
    #192E36
    RGB
    25, 46, 54
    HSL
    197°, 37%, 15%
    CMYK
    54, 15, 0, 79
    Aa14.14 · AAAAa1.49 · 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
DesignXperia crafts intuitive, distinctive and scalable digital experiences that balance visual excellence with usability.
Core identity

Brand guidelines

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

Brand book

Visual language

Patterns, textures & gradients

Download patterns, textures & gradients

Patterns

  • pattern-01.pngpattern-01.png168 KB · 1200×1200Download
  • pattern-01.svgpattern-01.svg4.3 KB · 1200×1200Download
  • pattern-02.svgpattern-02.svg4.3 KB · 1200×1200Download
  • pattern-02.pngpattern-02.png148 KB · 1200×1200Download
  • pattern-03.svgpattern-03.svg4.3 KB · 1200×1200Download
  • pattern-03.pngpattern-03.png149 KB · 1200×1200Download
Visual language

Motion & animation

Download motion & animation

Animated logo

  • animated-symbol.svganimated-symbol.svg6.5 KB · 200×200Download
  • animated-logo.svganimated-logo.svg12 KB · 603×141Download
  • animated-logo-loop.svganimated-logo-loop.svg12 KB · 603×141Download
  • animated-symbol.webpanimated-symbol.webp122 KBDownload

Transitions & loaders

Digital & web

Favicons & app icons

Download favicons & app icons
theme-color
#192E36
Manifest background colour
#F5FBFA

favicon.svg

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

favicon.ico

Apple touch icon

  • apple-touch-icon.pngapple-touch-icon.png3.2 KB · 180×180Download

Android / PWA icon

  • android-light-192.pngandroid-light-192.png3.4 KB · 192×192Download
  • android-dark-192.pngandroid-dark-192.png2.9 KB · 192×192Download

PWA icon

  • android-light-512.pngandroid-light-512.png12 KB · 512×512Download
  • android-dark-512.pngandroid-dark-512.png11 KB · 512×512Download

Maskable icon

  • android-maskable-light-512.pngandroid-maskable-light-512.png11 KB · 512×512Download
  • android-maskable-dark-512.pngandroid-maskable-dark-512.png9.5 KB · 512×512Download

Other files

Digital & web

Website & share images

Download website & share images
Default page title
DesignXperia — UI/UX design for distinctive digital products
Meta description
DesignXperia crafts intuitive, distinctive and scalable digital experiences that balance visual excellence with usability.

Open Graph image

  • open-graph.pngopen-graph.png68 KB · 1200×630Download
  • open-graph.svgopen-graph.svg169 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.svgemail-header.svg49 KB · 1200×400Download
  • email-header.pngemail-header.png43 KB · 1200×400Download
Social & ads

Social media kit

Download social media kit

Profile picture

  • profile-avatar.pngprofile-avatar.png14 KB · 512×512Download
  • profile-avatar.svgprofile-avatar.svg666 B · 512×512Download

Facebook cover

  • facebook-cover.pngfacebook-cover.png68 KB · 1640×624Download
  • facebook-cover.svgfacebook-cover.svg49 KB · 1640×624Download

LinkedIn profile banner

  • linkedin-banner.pnglinkedin-banner.png46 KB · 1584×396Download
  • linkedin-banner.svglinkedin-banner.svg49 KB · 1584×396Download

YouTube banner

  • youtube-banner.pngyoutube-banner.png144 KB · 2560×1440Download
  • youtube-banner.svgyoutube-banner.svg50 KB · 2560×1440Download

Instagram post

  • social-portrait.pngsocial-portrait.png101 KB · 1080×1350Download
  • social-portrait.svgsocial-portrait.svg190 KB · 1080×1350Download

Stories & reels cover

Post templates

  • social-square.pngsocial-square.png92 KB · 1080×1080Download
  • social-square.svgsocial-square.svg190 KB · 1080×1080Download
  • carousel-01.pngcarousel-01.png102 KB · 1080×1350Download
  • carousel-02.pngcarousel-02.png81 KB · 1080×1350Download
  • carousel-02.svgcarousel-02.svg61 KB · 1080×1350Download
  • carousel-01.svgcarousel-01.svg196 KB · 1080×1350Download
  • carousel-03.pngcarousel-03.png102 KB · 1080×1350Download
  • carousel-03.svgcarousel-03.svg184 KB · 1080×1350Download
Marketing

Marketing collateral

Download marketing collateral

Tri-fold brochure

  • PDFbrochure.pdf760 KBDownload
  • brochure-outside.pngbrochure-outside.png473 KB · 3579×2551Download
  • brochure-outside.svgbrochure-outside.svg346 KB · 1212×864Download
  • brochure-inside.svgbrochure-inside.svg401 KB · 1212×864Download
  • brochure-inside.pngbrochure-inside.png407 KB · 3579×2551Download

Other files

Print & merchandise

Stationery

Download stationery

Business card

  • PDFbusiness-cards.pdf120 KBDownload
  • business-card-back.pngbusiness-card-back.png54 KB · 1134×662Download
  • business-card-back.svgbusiness-card-back.svg53 KB · 960×560Download
  • business-card-front.svgbusiness-card-front.svg49 KB · 960×560Download
  • business-card-front.pngbusiness-card-front.png60 KB · 1134×662Download

Letterhead

Print & merchandise

Documents & presentations

Download documents & presentations

Presentation deck

  • presentation-cover.pngpresentation-cover.png132 KB · 1920×1080Download
  • presentation-cover.svgpresentation-cover.svg169 KB · 1920×1080Download
  • presentation-section.pngpresentation-section.png112 KB · 1920×1080Download
  • presentation-section.svgpresentation-section.svg152 KB · 1920×1080Download
Media & communications

Video kit

Download video kit

Meeting background

  • virtual-background.svgvirtual-background.svg24 KB · 1920×1080Download
  • virtual-background.pngvirtual-background.png68 KB · 1920×1080Download