Brand guidelines
How to use our brand
This page contains the official liteid logo, colors, and typography, along with guidelines for using them. Feel free to use them in articles, media coverage, and partnership materials — no written permission is required, as long as you follow the guidelines below.
Logo
One base, product in Signal
The lockup is lowercase lite in Plus Jakarta Sans ExtraBold, with tightened letter spacing, followed by a Signal-green rounded badge. Badge type uses the same face, weight, size, and letter spacing as lite — only the Signal fill frames the product slug (id, studio, or ai). Keep a tight gap between the word and the badge. There is no companion icon. In product UI, use this lockup wherever a product name would otherwise appear as plain text.
Ink on Paper — primary use. Badge is Signal with dark type.
Paper on Night — for dark backgrounds. Badge stays Signal.
Construction
- Type — Plus Jakarta Sans ExtraBold for both lite and the badge slug; same size, same tracking.
- Badge — Signal fill, dark Signal-foreground type, slightly rounded corners, minimal padding around the slug.
- Gap — Keep lite and the badge close; do not insert a period, slash, or wide space between them.
- Slug — Products: lowercase id, studio, ai. Plans: all-caps GO, PRO, PRO+, ULTRA (with LITE). Never mix badges in one lockup.
lite [id] — Account center and OIDC issuer
lite [studio] — Chat workspace
lite [ai] — Developer platform
Plans
LiteGO
LitePRO
LitePRO+
LiteULTRA
Space & size
Give it room; do not make it too small
Leave clear space equal to at least the height of the letter l on all four sides of the logo. No text, lines, or image edges may enter this area.
Minimum size
24 px for screens (measured on the lite letters), 8 mm for print. Below that, the shared ExtraBold letterfit and badge padding begin to lose clarity.
Color
Warm neutrals, one accent
Our palette is built on warm neutrals — every gray sits within a hue range of 60–85, so it feels like paper rather than metal. Signal is the only accent and is used sparingly to preserve its meaning. Corners follow a fixed scale: 12 px controls, 16 px inputs, 20 px panels, 24 px composers — with full pills reserved for Signal CTAs, avatars, and toggles.
Signal
#97D030oklch(0.79 0.19 128)
Sole accent — primary buttons, focus rings, and the product badge behind id / studio / ai. Not large fills across the interface.
Signal Rise
#B4EA3Eoklch(0.87 0.2 126)
Replaces Signal in dark mode, with increased brightness to maintain safe contrast.
Ink
#1F1915oklch(0.22 0.012 60)
Primary text and logo on light backgrounds. A warm black, not pure black.
Paper
#F6F4F0oklch(0.968 0.006 85)
Primary light-mode background, and the badge fill when the lockup sits on Signal.
Night
#1A1816oklch(0.212 0.005 75)
Primary dark-mode background, carrying the same warmth.
Mist
#6E6861oklch(0.52 0.014 68)
Secondary text, captions, and labels that should not compete with headings.
Corners
One radius scale
Every surface picks from the shared tokens — never invent a one-off rem value. Full pills are reserved for Signal CTAs, avatars, and toggles.
sm · 6px
Badges, inline code
md · 8px
Tiny chips, status labels
lg · 12px
Icon buttons, menu rows
xl · 16px
Inputs, popovers
2xl · 20px
Chrome, cards, tiles
3xl · 24px
Composers
Typography
Two typefaces, distinct roles
Plus Jakarta Sans
Headings & textDesigned by Tokotype for the Jakarta Provincial Government. We chose it because its origins resonate with who we are and because its letterforms remain clear at small sizes.
Aa Gg 0123
Geist Mono
Labels & dataFor labels, model names, prices, and technical details. Always uppercase with expanded tracking, so it reads as a marker rather than body copy.
Aa Gg 0123
Naming
Our name is written in lowercase
This applies at the start of a sentence and in headings. If your editor enforces capitalization, keep the brand name lowercase — it is part of our identity.
- lite + id badge
- Account center / issuer. Use the lockup in UI wherever the product is named.
- lite + studio / ai
- Product lockups in UI, CTAs, nav, and page copy.
- LITE + GO / PRO / PRO+ / ULTRA
- Plan lockups — both sides all caps. Prose: LiteGO, LitePRO, LitePRO+, LiteULTRA.
- lite.id
- Domain, email, and hostnames (api.lite.id). Always lowercase.
- Lite Technology Solutions
- Legal entity name. Used in official documents.
- Lite.id / LITE.ID
- Do not capitalize or all-caps the domain.
- LiteStudio / LiteAI as plain UI text
- Do not spell product names in camelCase on pages — use the wordmark + Signal badge.
- lite without a badge
- Do not ship the bare word lite as a product lockup.
Restrictions
What not to do with the logo
Treat the lockup as one unit — lite and the Signal badge scale together. Resize proportionally; do not change type size inside the badge, swap the product slug, or restyle the fill.
Do not stretch or compress it
Do not recolor the wordmark or badge
Do not skew it
Do not add shadows or effects
Do not loosen its letter spacing
Do not place it on low-contrast colors
Assets
Download the files
SVG files with editable text — suitable for web and documents. Need an outlined version, a high-resolution PNG, or a complete print package? Email us and we will send you the files.
Questions or special requests
For press, co-branding, or uses not covered on this page, please contact us first.
[email protected]