UBEE
Brand Identity System · v1.0

The complete UBEE identity, built for the digital era.

A modern Vietnamese technology brand — minimal, premium, scalable. This book covers the full system: logo, color, type, UI, product, print and motion.

UBEE Technology Co.Brand owner
Tech Premium · DigitalDirection
Vietnam · GlobalMarket
33 chaptersCoverage
01Foundation
Brand Foundation

Building modern digital experiences for Vietnamese businesses.

UBEE is positioned as a modern technology company focused on building digital products, software systems, mobile applications, automation platforms, and scalable technology solutions.

01 · Vision

Lead Vietnamese tech.

Become a leading Vietnamese technology brand delivering premium digital products and software experiences.

02 · Mission

Transform through software.

Help businesses and users transform digitally through modern, scalable, and intelligent technology solutions.

03 · Essence

Premium · Fast · Digital.

Modern. Intelligent. Premium. Fast. Digital-first. Reliable. Innovative. A brand built for the era of software.

Innovation
Speed
Simplicity
Reliability
Scalability
User Experience
03Color System
Color Palette

A warm gradient palette derived from the U symbol.

Six core colors flow from honey yellow through to flame red. Three transitional stops preserve gradient quality. A muted ink + sand neutral set carries text and UI across themes.

Primary palette

UBEE Honey
HEX #FFD21A
RGB 255 210 26
Top highlight, logo shine, small accent fills.
UBEE Amber
HEX #FFBA13
RGB 255 186 19
Primary warm accent, hover states, icon highlights.
UBEE Orange
HEX #FF9700
RGB 255 151 0
Main brand color, active states, section accents.
UBEE Deep Orange
HEX #FF7B00
RGB 255 123 0
Outer symbol base, solid CTA surfaces.
UBEE Flame
HEX #FF3C19
RGB 255 60 25
Inner U crossing area, emphasis, alert-accent.
UBEE Glow Red
HEX #FF351E
RGB 255 53 30
Soft inner glow only — never a flat background.

Gradient-only stops

Used to preserve transitions in the U symbol. Not for standalone brand use.

Flame Mid
#FF4C15
Orange Mid
#FF8000
Amber Mid
#FFB20F
Ink 950
#1A1005
Ink 900
#241407
Ink 700
#5F3A18

Sand neutrals

Warm light neutrals — primary text on dark, secondary text, muted labels.

Sand 100
#FFF7E6
Sand 300
#FFDFA8
Sand 400
#F2D7A3
Sand 600
#B8762F
Accent Text
#C83A0C
White
#FFFFFF
Dark Theme · Default PRODUCT
Background Primary
#100A05
Background Secondary
#1A1005
Surface
#241407
Border
#4A2A10
Text Primary
#FFF7E6
Text Secondary
#FFDFA8
Light Theme · Document PRINT
Background
#FFFFFF
Surface
#FFF7E6
Text Primary
#241407
Text Secondary
#5F3A18
Border
#F2D7A3
Accent Text
#C83A0C
04Gradient System
Signature Gradients

Three gradients carry the whole brand.

Main symbol gradient for the body, right-stroke gradient for emphasis, inner glow for subtle warmth. No blue. No purple. No invented stops.

Main Symbol

Logo base, app icon, favicon, hero brand marks.

linear-gradient(180deg, #FFD21A 0%, #FFBA13 20%, #FF9700 56%, #FF7B00 100%)

Right Stroke

CTA emphasis, progress, selected and active states.

linear-gradient(15deg, #FF3C19 0%, #FF4C15 28%, #FF8000 56%, #FFB20F 82%, #FFD21A 100%)

Inner Glow

Soft overlay inside the U only — never standalone.

radial-gradient(circle at 52.5% 67.5%, rgba(255,53,30,.86) 0%, ..., rgba(255,151,0,0) 100%)
05Typography
Type System

Space Grotesk for the brand. Inter for everything else.

A modern, geometric display face paired with a workhorse UI sans. Two weights of each cover the whole product surface, with one optional mono for code and metadata.

Aa Bb 01
Space Grotesk · Display
Aa Bb Cc Dd Ee Ff Gg Hh
700 / 600 · Variable
Primary · Display
Space Grotesk

Headlines, hero sections, product branding, posters.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 &-—/!?@
400 Regular500 Medium600 Semibold700 Bold
Secondary · UI
Inter

Body text, UI interfaces, documentation, dashboards.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 &-—/!?@
400 Regular500 Medium600 Semibold700 Bold

Type scale

Desktop sizes shown. Mobile reductions per master guide.

Hero · 72
Modern digital solutions.
700
1.05
H1 · 56
Built for growth.
700
1.08
H2 · 40
Premium technology.
600
1.15
H3 · 32
A scalable platform.
600
1.20
H4 · 24
Section heading text.
600
1.25
Body L · 18
Long-form paragraph copy with comfortable line height.
400
1.55
Body · 16
Standard product body copy for UI and dashboards.
400
1.60
Small · 14
Labels, captions, and UI affordances.
500
1.45
Caption · 12
META · CODE · LEGAL
500
1.35
06UI Components
UI System

The core components.

Soft rounded corners, warm dark-mode-optimized surfaces, signature gradient on the primary CTA. Built to compose into any product surface.

Buttons
Radius 14 · Inter 500 · Ink-950 on gradient
Badges
New Live Beta v1.0
Radius pill · 12px · 1px hairline
Form fields
U

Analytics

Real-time dashboards for product growth and ops.

A

Automation

Workflows that fire on triggers and complete on goals.

07App Icon System
Iconography

The U at every render size.

The icon system uses two surfaces: a warm dark plinth that lets the gradient mark glow, and a solid gradient body for OS icons that prefer high-contrast color blocks. Both stay legible from 1024 px down to 24 px.

48 px
72 px
96 px
120 px
1024 px · iOS
08Website
Web Application

A dark hero, strong type, warm gradients.

The homepage opens with the brand statement and the U glow. Below the fold: stats, services, products, testimonials, pricing. Glassmorphism cards keep ranks of services scannable.

ubee.vn
UBEE
UBEE Cloud 2.0 · Now in public beta

Modern digital solutions, built for growth.

UBEE builds software systems, mobile applications and automation platforms for Vietnamese businesses scaling into the next decade.

120+
Enterprise clients
99.99%
Platform uptime
8
Product lines
Scalable by design

What we build.

U

UBEE Cloud

Cloud-native infrastructure platform with one-click deployments and observability built in.

A

UBEE Automate

Workflow automation for finance, ops and customer success. No-code with code-grade reliability.

M

UBEE Mobile

Native iOS & Android apps for fintech, logistics and commerce — shipped in weeks.

Sections — Hero · Stats · Services · Products · Clients · Testimonials · Pricing · CTA · Footer

09Mobile App
Mobile Product

Dark-mode-first. Warm-accent. Touch-large.

A premium mobile experience for the UBEE app family. Splash, sign-in, home — all carry the same warm gradient language. Bottom tabs use a soft orange tint on active.

9:41
UBEE
Built for the digital era
Splash · Launch
9:41
Sign in · Auth
9:41
Tuesday, 25 May
Good morning, Minh.
Workspace balance
₫ 248,500,000
+ ₫12.4M this month
Send
Receive
Cards
Insights
ActivitySee all
VX
Vinexa Tech
Today · 09:12
+ 12,000,000
FN
FNB Foods Co
Yesterday
− 850,000
AW
AWS Cloud
23 May
− 4,200,000
Home
Cards
Tools
Me
Home · Logged in
10Print System
Stationery

Premium dark cards. Clean light documents.

A two-mode print system: dark Ink-900 cards for premium business artifacts, light white documents with a thin orange accent for letters, invoices, and reports.

Business card

85 × 55 mm · 350 gsm soft-touch · front in Ink-900, back in white with QR.

Nguyễn Minh Anh
Chief Technology Officer
UBEE Technology [email protected]
+ 84 90 123 4567
Floor 12, Bitexco Tower
District 1, Ho Chi Minh City
11Social Media Kit
Social System

One brand voice across every channel.

Facebook cover, LinkedIn banner, Instagram feed posts, TikTok-style stories. All templates use the same warm gradient anchor and Space Grotesk display type — easy to spin out for any campaign.

12Merchandise
Brand Goods

Minimal dark merch with small premium marks.

Merchandise carries the U at small scale on dark fabric, with the gradient mark popping against deep ink. Avoid wordmark-shouting tees — let the symbol do the talking.

T-shirt
Ink-900 · chest print · 40 mm
Hoodie
Ink-900 · chest print · embroidered
Cap
Ink-900 · embroidered front
Sticker
Die-cut · 60 mm · sand outline
Mug
Matte black · gradient band
Notebook
A5 · soft-touch ink-900
Water bottle
Matte ink-900 · 600 ml
Tote bag
Sand-100 canvas · gradient print
13Event Branding
Event & Exhibition

Dark stages, glowing marks, big headlines.

Rollup banners, LED backdrops, lanyards and standees all share the same warm-dark visual signature. Headlines hold the center; the U glows from the corner.

UBEE
UBEE Summit · 2026

The future of Vietnamese software.

Ho Chi Minh · 12 — 13 September

ubee.vn / summit

Rollup Banner · 800 × 2000

UBEE
Stage A
09:00 — 18:00
12 Sept 2026
Keynote · Day 01

Building UBEE
Cloud 2.0.

ubee.vn / summit #UBEE Summit 2026

LED Backdrop / Stage · 16:9

UBEE represents the future of modern Vietnamese technology:
minimal, scalable, premium, and built for the digital era.

Brand Identity System · v1.0 · 2026