LiyaSupport
Brand System

LiyaSupport
Brand Guidelines

Everything you need to represent LiyaSupport with consistency and confidence — across products, platforms, partnerships, and press.

LiyaSupport

LiyaSupport™ and the speech bubble mark are trademarks of LiyaEngine Inc.

Philosophy

The thinking behind the identity

Each element of the LiyaSupport visual system carries intentional meaning. None of it is decorative.

💬

Every conversation matters

The speech bubble is the primary form. It represents every customer conversation LiyaSupport touches — a single pixel of relationship built between a brand and a person who needed help.

✦

AI enhances, not replaces

The four-pointed sparkle inside the bubble is the AI core. It sits inside the conversation — augmenting the human response with speed and intelligence, never overriding the agent's judgment.

⚡

Speed, confidence, action

Orange is the most energetic colour in the brand spectrum. It communicates responsiveness — the promise that no customer waits too long. It also signals warmth, not coldness.

◯

Trust through simplicity

Rounded geometry — the rx=10 corner radius, the arc of the bubble tail, the smooth sparkle points — communicates safety and approachability. Enterprise power shouldn't feel hostile.

Logo System

Logo variants

All official variants. SVG is recommended for web and digital use. PNG for social, email, and slides.

LiyaSupport

Horizontal — Light

Primary mark. Use on white and light grey backgrounds.

LiyaSupport

Horizontal — Dark

Use on dark backgrounds and the footer.

LiyaSupport

Horizontal — Orange

Reversed variant for orange brand backgrounds.

LiyaSupport

Stacked — Light

For square contexts: app icons, avatars, slides.

LiyaSupport

Stacked — Dark

Stacked variant on dark background.

LiyaSupport

Monochrome — Black

Single-colour mark for embossing, silk-screen, watermarks.

LiyaSupport

Monochrome — White

White-out variant for dark substrates.

Icon mark

Square mark for favicons, profile pictures, app icons.

Wordmark

Custom wordmark treatment

The wordmark is rendered in Inter, refined with custom kerning and weight contrast to feel premium at every scale.

Anatomy

LiyaSupport
"Liya"Inter 900 · −4.5% tracking
"Support"Inter 500 · −1% tracking · 88% size
BaselineAligned — optical balance
Gap0 px — reads as one word

Scale

LiyaSupport
Large — nav, hero
LiyaSupport
Medium — sidebar, cards
LiyaSupport
Small — footers, email
LiyaSupport
XS — mobile, compact UI
Construction

Icon construction & grid

The icon is built on a 40×40 unit grid. Every proportion is intentional.

safe arearx=1040 units40 units
Base grid40 × 40 units

All proportions derive from this grid

Corner radiusrx = 10

25% of width — maximally rounded square

Safe area4 unit inset

No visual element crosses the safe boundary

Bubble body9–32 × 9–26 units

Offset 4 units from edge, leaves 6-unit tail

Sparkle centre20.5, 17.2

Optical centre of the bubble area

Sparkle outer radius≈ 3.2 units

Scaled to 1 : 4 ratio of bubble height

Minimum size16 × 16 px

Below this use icon-only without wordmark

Clear Space

Clear space rules

Maintain a minimum clear space of "X" on all sides, where X equals the width of the icon mark.

XXXX= icon width
Minimum clear space — One full icon width on every side
Adjacent text — Increase to 1.5× when next to a headline
Screen edge — Never clip the logo against a viewport edge
Other logos — 2× clear space when co-branded
Background pattern — Use a solid colour pad if background is complex
Stacked variant — Same X rule applies to all four sides
Colour System

Colour palette

Click any swatch to copy the hex code. The first four are core brand colours; the rest are the functional palette.

Liya Orange

Primary. CTAs, icons, active states.

Deep Ink

Dark backgrounds, footer.

Charcoal

Primary text on light surfaces.

Warm Slate

Body copy, secondary headings.

Mist

Muted text, wordmark secondary.

Cloud

Page surface, card backgrounds.

Pure White

Primary background.

Signal Purple

AI features, summaries, copilot.

Success Green

Resolved, positive states.

Warning Amber

Escalations, time-sensitive.

Info Blue

Informational, integrations.

Error Red

Errors, critical alerts.

Visual Language

The LiyaSupport design system

These principles extend beyond the logo into every interface, illustration, and motion asset.

Glass UI

Soft translucent cards with 12–16 px radius. Light backdrop blur, thin 1px borders at ~10% white, floating layer depth.

Lighting

Warm orange glow as primary light source. Soft ambient purple fill. Apple-inspired: volumetric, not flat. No harsh shadows.

Motion

Calm over flashy. Floating cards, slow orbits, AI pulse. Easing: cubic-bezier(.16,1,.3,1). Duration: 2.5–5 s for ambient loops.

Depth

Three-dimensional layering. Foreground cards float above backgrounds via shadow and opacity. Subtle parallax in hero contexts.

💬
✦
📋
⚡
🔗
📊

Icons

Lucide icons at 1.75 stroke weight. Rounded joins, minimal enterprise style. Contained in 32–40 px containers with branded background tints.

AI Visualisation

Glowing AI core at centre. Ticket, knowledge, and draft cards orbit in a warm energy field. Orange flows through connected workflow nodes.

Applications

Application examples

How the logo and icon behave across real-world surfaces.

LiyaSupport
FeaturesPricingDocs
Get started

Website header

Mobile app icon

LiyaSupport — Dashboard
app.liyasupport.com

Browser favicon

LiyaSupport

liyasupport.slack.com

Slack workspace

LiyaSupport

Presentation slide

Alex Johnson

Head of Customer Success · LiyaSupport

LiyaSupport

Email signature

LiyaSupport

AI-native support platform

Social profile

Incorrect Usage

What to avoid

These examples show what not to do. Any deviation from the guidelines is considered a misuse of the mark.

LiyaSupport
✕

Don't stretch

Never scale width and height independently.

LiyaSupport
✕

Don't rotate

The mark must remain upright at all times.

LiyaSupport
✕

Don't recolour

Never change the orange. Not blue, not green, not grey.

LiyaSupport
✕

Don't add shadows

Drop shadows on the mark create visual noise.

LiyaSupport
✕

Don't outline

Never add a stroke or border around the mark.

LiyaSupport
✕

Don't distort

Wordmark and icon must always be at the same scale.

LiyaSupport
✕

Don't use on low contrast

Minimum 4.5 : 1 contrast ratio required.

Favicon Pack

Favicon & app icon downloads

Complete favicon set for web, mobile, and desktop applications. All sizes are generated fresh on download.

ICO

Browser favicon (PNG in ICO container)

Download

16 px

Browser tab, small contexts

Download

32 px

Standard favicon, taskbar

Download

48 px

Windows, shortcuts

Download

64 px

High-DPI favicon

Download

128 px

Chrome Web Store

Download

256 px

macOS icon

Download

512 px

PWA icon, app stores

Download
Platform Guide

Platform format reference

Which file to use on which platform. Follow these specs for consistent presentation.

LinkedIn company logo

Icon PNG 512×512

LinkedIn resizes to 300×300 px

LinkedIn / Twitter cover

Horizontal PNG 1200×300

Combine with your design in Figma/Canva

Email header

Horizontal PNG — Light

Host and reference via <img> tag

Google Slides / Keynote

SVG or PNG

SVG scales perfectly in both

PowerPoint

Horizontal PNG — Light

PNG safer; SVG can distort in PPT

Notion / Confluence

Horizontal PNG — Light

Paste or upload as page cover

Marketing website

SVG

Inline or <img src>, scales infinitely

App / PWA icon

Icon PNG 512×512

Browsers and OS scale down as needed

Favicon

ICO (32 px PNG inside)

Place at root /favicon.ico

Print / Signage

Icon PNG 1024×1024

300 dpi minimum for physical print

Slack / Teams app icon

Icon PNG 512×512

Platforms crop to circle or squircle

GitHub / npm org

Icon PNG 512×512

Square containers, no border needed

LiyaSupport

Need something custom?

Co-branded assets, custom sizes, white-label versions, or press enquiries — reach out and we'll respond within one business day.

Trademark notice. LiyaSupport™, the LiyaSupport speech bubble mark, and associated visual identities are trademarks of LiyaEngine Inc. Unauthorised use, modification, or reproduction without written permission is prohibited.