Official brand assets and usage guidelines for Twilic.
| Primary | Inverted |
|---|---|
 |
 |
| Path | Purpose |
|---|---|
logo/badge/ |
Square badges for avatars and app icons |
logo/mark/ |
Transparent symbol marks |
headers/ |
Twitter/X and GitHub profile headers |
stickers/ |
Die-cut sticker artwork with a white contour border |
docs/colors.md |
Brand color tokens |
docs/usage.md |
Logo and color usage rules |
docs/ATTRIBUTION.md |
Design provenance |
docs/THIRD_PARTY_NOTICES.md |
Third-party license texts |
All badge and mark PNGs are 2000 × 2000 px. SVGs are vector artwork with no font or raster dependencies.
| Asset | SVG | PNG |
|---|---|---|
| Primary indigo badge | SVG | PNG |
| Inverted badge | SVG | PNG |
| Black background badge | SVG | PNG |
| White background badge | SVG | PNG |
| Indigo transparent mark | SVG | PNG |
| White transparent mark | SVG | PNG |
| Black transparent mark | SVG | PNG |
Use logo/badge/normal.png as the default avatar. Prefer logo/mark/normal.svg on light surfaces and logo/mark/inverted.svg on dark or indigo surfaces.
Primary brand color is Twilic Indigo #4f46e5. See docs/colors.md for primary, secondary, neutrals, and the indigo scale.
Symbol-shaped sticker with the mark in Twilic Indigo and a white contour border.
SVG · PNG · Production notes
A construction-diagram composition on Twilic Indigo, with the logo as a subtle translucent silhouette. Fine outlines, concentric construction circles, tangent lines, alignment guides, and dimension ticks reveal its geometry. The Twitter/X version is right-aligned to leave room for the profile photo; the GitHub version centers the artwork for a profile README. No text, fonts, or external images are required.
| Format | Dimensions | PNG | Editable SVG |
|---|---|---|---|
| Twitter / X | 1500 x 500 px (3:1) | PNG | SVG |
| GitHub profile README (centered) | 1500 x 500 px (3:1) | PNG | SVG |
Upload the Twitter PNG directly to Twitter/X and check the crop preview. For GitHub, copy headers/github.png into your profile repository and embed it in the README:
The SVGs can be exported at larger sizes without losing quality. This decorative construction study is specific to the headers; the official solid-fill logo assets remain unchanged.
Follow docs/usage.md for clear space, minimum size, and do-not rules. Keep proportions and colors intact.
The Twilic symbol is based on the meteor icon from Tabler Icons, licensed under the MIT License. See docs/ATTRIBUTION.md and docs/THIRD_PARTY_NOTICES.md.
bun install
bun run build
bun run format
bun run lintEdit scripts/build-assets.mjs to change geometry or colors, then run bun run build to regenerate SVGs and PNGs. See docs/CONTRIBUTING.md.
Logo use follows docs/usage.md and the trademark terms in LICENSE. Documentation is available under CC BY 4.0. No trademark rights are granted.