SuperApp brand guide

A system for expressing SuperApp with the same clarity, confidence and humanity as the product itself.

The logo idea

Conversation.
Code.
Humanity.

The speech bubble holds the shared space. Brackets signal intelligence and making. The smile keeps the experience unmistakably human.

The approved SuperApp symbol: a violet speech bubble with bracket eyes and a smile
Approved master asset

Brand identity

The identity should feel inevitable.

Simple enough to disappear. Distinct enough to be remembered. Warm enough to invite participation. Everything below is approved artwork — place it, size it, and leave the rest alone.

Primary lockups

Lead with the whole name. The color lockup is the preferred one; the others exist for grounds and printing conditions it cannot survive.

The SuperApp color lockup on white
Color lockup · Preferred
The SuperApp violet mark beside a black wordmark
Violet and black
The SuperApp white lockup on violet
White lockup · Violet
The SuperApp white lockup on Deep Ink
White lockup · Deep Ink

Give the idea room to breathe.

Use the height of the smile as the minimum clear space around the symbol and the lockup.

The SuperApp symbol with its minimum clear space measured on every edge
x = height of the smile
Recommended digital minimum

24px symbol

Recommended digital minimum

120px lockup

Apply the same x to every edge of the full lockup.


The symbol

The approved treatments for avatars, favicons, launchers and other compact surfaces — never as a substitute for the full name on first touch.

The SuperApp symbol in color on white
Color master
The SuperApp symbol in white on violet
White · Violet
The SuperApp symbol in white on Deep Ink
White · Deep Ink
The SuperApp symbol in one color on Violet Mist
Monochrome
The SuperApp app icon: the symbol on a violet tile
App icon

The pack also carries the production variants these are cut from: a circular badge for surfaces that crop to a disc, padded artwork for circular avatars, and the Android splash mark. Take them as they are rather than insetting or cropping one of these by hand.

Color system

Violet is the signal.
Restraint is the system.

SuperApp Violet

#8463CE

Identity · intelligence · connection · action

Deep Ink

#0D0B12

Authority · contrast · focus

Paper

#FBFAFD

Violet Mist

#EEE9F8

Utility accents: success · attention

Neutrals carry the story. Violet reveals the point.

Typography

Two voices. One unmistakable system.

Manrope · 800 Hero / display

AaBbCc
DdEeFf
GgHhIi
JjKkLl

One context.

Manrope · 700 Headline / emphasis

MmNnOo
PpQqRr
SsTtUu
VvWwXx

Every possibility.

Manrope · 400 Body / explanation

YyZz01
234567
89?!@
&()[]

Clear enough to disappear.
Warm enough to invite.

IBM Plex Mono · 600 System / metadata

AaBbCc
DdEeFf
012345
6789:;<>

Context preserved

Speak clearly.
Finish decisively.

One human voice. One system voice.

Manrope carries the idea with warmth and confidence. IBM Plex Mono identifies states, sources and exact system truth. Both are open source under the SIL Open Font License.

HeroManrope · 800

One context.

EmphasisManrope · 700

Every possibility.

BodyManrope · 400

People, every major AI model and finished work stay together inside one shared, durable context.

SystemIBM Plex Mono · 600

Context preserved · Revision approved

Motion

Motion should explain continuity.

Arrive

Fade, then focus.

New context enters gently and resolves with confidence.

Connect

Reveal the path.

Use travel and connection to show that nothing was lost.

Resolve

Assemble the outcome.

Complex work settles into one finished object.

Micro-interactions: fast and quiet. Hero motion: slow enough to breathe. Never bounce, spin or perform without meaning.

Applied identity

The smallest object carries the whole system.

One context · Every possibility · superapp.chat
One context · Every possibility · superapp.chat

One face establishes the name. The other carries the promise. Both protect enough space for confidence.

Uncoated stock · minimal ink

Ideas stay in context.

One context · Every possibility
superapp.chat
One context · Every possibility
superapp.chat
One context ·
Every possibility
superapp.chat

Closed covers establish recognition. Open pages carry the thought — quietly, clearly and with room to continue.

Notebook · diary · journal · pocket book

Brand governance

Protect the idea,
not the ornament.

The artwork is finished. Recognition is protected by restraint, not by variation.

Always

  • Use the approved artwork, and the full name on first touch.
  • Keep x of clear space on every edge.
  • Place white artwork only on approved dark or violet fields.
  • Use violet as a signal, not as wallpaper.

Never

  • Stretch the mark or alter its proportions.
  • Redraw, recolor or replace the symbol.
  • Rotate or tilt it.
  • Add glows, shadows or other effects.
  • Place it on a visually noisy field.
  • Box it in with extra shapes.

Co-branding, partner lockups, logo animation, and any claim about security, compliance, benchmarks or competitors need approval first — write to press@superapp.chat.

One context.
Every possibility.

The brand is the product promise made visible — work that remembers, intelligence that stays open, and people creating together.