Official logo assets and brand usage guidelines for Twilic.
Use these files when you mention Twilic in documentation, presentations, social posts, or integrations. Do not modify the artwork or invent alternate lockups.
| Path | Description |
|---|---|
logo/badge/normal.svg / .png |
Square badge — brand blue background, white wordmark |
logo/badge/inverted.svg / .png |
Square badge — white background, brand blue wordmark |
logo/wordmark/normal.svg / .png |
Wordmark only — brand blue on transparent |
logo/wordmark/inverted.svg / .png |
Wordmark only — white on transparent (for dark backgrounds) |
GUIDELINES.md |
Full brand rules: color, spacing, grayscale, minimum size, and misuse |
diagrams/ |
Clear-space diagrams (unit H, badge 12.5% W) referenced in the guidelines |
| Variant | File | Use when |
|---|---|---|
| Badge (normal) | logo/badge/normal.svg or .png |
Default avatar, app icon, square placements on neutral or light layouts |
| Badge (inverted) | logo/badge/inverted.svg or .png |
Square placements on saturated or dark layouts where the blue badge lacks contrast |
| Wordmark (normal) | logo/wordmark/normal.svg or .png |
Headers, README banners, inline mentions on light backgrounds |
| Wordmark (inverted) | logo/wordmark/inverted.svg or .png |
Headers and inline mentions on dark or photographic backgrounds |
Brand blue: #36A9F8
Wordmark white: #FFFFFF
- Read
GUIDELINES.mdbefore publishing. - Pick the variant that matches your background (see table above).
- Keep clear space around the logo.
- Use the bundled 2000×2000 px PNG exports when you need raster assets, or run
pnpm export:pngto regenerate them from SVG. Do not upscale beyond 2× (4000 px) the master dimensions.
This repository uses two license layers:
| Material | License |
|---|---|
logo/ (badges and wordmarks) |
Permitted use under GUIDELINES.md; no trademark rights granted — see LICENSE |
Markdown and diagrams/ |
CC BY 4.0 — full text in LICENSE-CC-BY-4.0.txt |
Do not treat the logos like MIT-licensed code. Documentation may be shared and adapted with attribution.
Markdown in this repository is formatted and linted with Prettier and markdownlint (see CONTRIBUTING.md).
pnpm install
pnpm format
pnpm lint
pnpm export:png # after changing logo SVGsOpen an issue in this repository or contact the Twilic organization maintainers if you need a format that is not listed here.