← xendra.xyz
Resources
Brand kit
Logos, colors, type, and avatar sizes for Xendra marketing, ambassadors, and press. Use official assets only — do not stretch, recolor the mark, or imply endorsement without approval.
Logos & marks
Wordmark + dot grid
Nav lockup: 3×3 dots (blue corners, green center) + lowercase xendra, DM Sans 600.
Avatars & profile images
Use the app icon on white or soft blue (#F0F1FF). Keep clear space around the mark equal to ~12% of the canvas.
400×400 social
64px UI
32px favicon
- X / Telegram: square PNG, min 400×400, icon centered with padding.
- Chrome Web Store: use provided store assets from the listing; icon matches
/icon-square-blue.png.
- Do not crop into the rounded square beyond store guidelines or add drop shadows to the mark.
Telegram status emoji
Looping 100×100 icons in Telegram’s status / custom-emoji style (white on transparent — Telegram tints them like native statuses). Use .webm for animated emoji in @Stickers; GIFs are for preview only.
MarkDot grid pulseWEBM
WalletHold / sendWEBM
SwapIn-wallet routesWEBM
BriefingAI contextWEBM
LiveOnline / shippingWEBM
BuildingProduct momentumWEBM
- Open @Stickers in Telegram → create an emoji set (see Custom emoji).
- For theme-colored statuses like Telegram defaults, send
/adaptive when prompted, then upload each .webm (under 256 KB, 3s loop, 100×100).
- Publish the set and pick an emoji for your channel status or profile.
Regenerate locally: python3 brandkit/generate-tg-emoji.py in the site repo (requires Pillow + ffmpeg).
Color
Xendra bluePrimary CTA, links, key UI#1B1BFF
Blue softBackgrounds, pills#F0F1FF
LilacDot grid accents#C9CCFF
GreenDot grid center accent#B6F09C
InkHeadlines, body on light#0A0B0D
MutedSecondary text#5B616E
LineBorders, dividers#E9EBEF
PaperPage background#FFFFFF
Typography
Wallet with AI briefings
DM Sans — UI, marketing, body. Weights 400 (body), 500 (headlines, buttons).
IBM Plex Mono — labels, eyebrows, code
DM Sans · IBM Plex Mono
Layout & shape
- Corner radius: pills / buttons
999px; cards 16–20px; chips 14px.
- Max content width: ~720–920px for long-form; marketing hero full bleed on white.
- Spacing: section gaps 40–56px; card padding 24–28px; nav height ~52px.
- Buttons: primary fill
#1B1BFF, white label; ghost = white fill, #D6DAE1 border.
Usage
Do
Use lowercase “xendra” in the wordmark.
Keep clear space around logos.
Pair blue with white or soft blue backgrounds.
Disclose ambassador or referral content.
Don’t
Rotate, gradient-fill, or outline the icon.
Change blue to another hue.
Place the mark on busy photos without a solid plate.
Imply partnership with third parties without written OK.
Questions
Press or co-marketing assets: Help centre — subject Brand request. Ambassadors: see Ambassador program.