Telemegle
Two rings, overlapping. Two strangers, and the one conversation they share. Everything on this page is generated from the same SVG source, so it stays consistent at every size.
The mark
Telegram assets — exact sizes
| Where it goes | Size | How to set it |
|---|---|---|
| Bot profile picture | 512 × 512 | BotFather → /setuserpic → send the PNG |
| Mini App photo | 640 × 360 | BotFather → /newapp → send when it asks for a photo |
| Mini App demo GIF | 640 × 360 | Optional. Skip it — reply /empty |
| Channel picture | 512 × 512 | Channel → Edit → set profile photo |
| Web favicon / home screen | 64, 180, 192, 512 | Already wired into the app |
Colour
Ink#0A0B10 · background
Surface#0F111A · cards
Accent#8B9CFF → #C89BFF
Ivory#ECEAE5 · text
Dim#9B9DB0 · secondary
Online#5FD69A · presence
One accent, used as a gradient and nothing else. Green appears only for presence. Red only for danger. No other colour enters the system.
Type
Talk to someone new
Inter Display for the wordmark, the system stack everywhere else. Headings sit at −0.03em tracking; body text at −0.011em.
| Wordmark | Inter Display 600 · −0.035em |
| Headings | 620 weight · −0.03em |
| Body | 15px / 1.45 · −0.011em |
Using it
Do
- Keep clear space around the mark of at least one ring radius.
- Put the mark on ink or ivory. Nothing busier.
- Say “Talk to someone new” — it is the line the whole product is positioned on.
- Use the monochrome mark when the surface already carries colour.
Never
- Never claim “real people”, “real strangers” or “no bots” anywhere — ads, bot description, app copy.
- Never use Telegram’s logo, paper plane, or blue-and-white identity. Bot Developer Terms 8.1.
- Never position it as dating, flirting, or meeting singles. Ad guideline 5.1 names dating services.
- Never recolour the gradient, outline the wordmark, or stretch the mark.