| title | Brand kit |
|---|---|
| description | Logos, colors and ready-made social images for Levelrail, free to use when you write about it, share it or link to it. |
| og:url | https://docs.levelrail.com/brand |
Everything here is free to use when you write about Levelrail, post it, or link to it. Right-click an image to save it, or use the file links.
The mark is three stacked rails. The wordmark is the mark plus the name in capitals.
| Mark | Mark on dark | Wordmark (for dark) | Wordmark (for light) |
|---|---|---|---|
 |
 |
 |
 |
Files: mark.svg, mark-1024.png, mark-on-dark-1024.png, wordmark-for-dark.png, wordmark-for-light.png.
Keep clear space around the mark of at least a quarter of its width. Do not recolor it, stretch it, or add effects.
| Name | Hex | Use |
|---|---|---|
| Deep | #06232C |
Shadows, dark surfaces |
| Rail 1 | #084F67 |
Bottom rail, backgrounds |
| Rail 2 | #107292 |
Primary accent on light, middle rail |
| Rail 3 | #58B1CE |
Highlights, top rail |
| Bright | #2FB3DC |
Primary accent on dark |
Link preview cards are 1200x630, the size most platforms expect. The platform banners below are rendered at 2x so they stay sharp on high density screens. The sizes listed are the logical size.
Pick the line that fits where you are posting.
| Image | Where |
|---|---|
| Your own Vercel. One binary. 1200x630 | Link previews, the default |
| Push to git. Get a running app. 1200x630 | Link previews, the plain version |
| One command. Your own cloud. 1200x630 | Install guides |
| Leaving Coolify? Bring your apps. 1200x630 | Migration posts |
| 311 templates. One click each. 1200x630 | Template posts |
| Canary deploys, no service mesh. 1200x630 | Deploy strategy posts |
| Idle apps sleep. Requests wake. 1200x630 | Resource and cost posts |
| Ask your server what broke. 1200x630 | AI and MCP posts |
| Platform | Image |
|---|---|
| GitHub social preview | 1280x640 |
| X card | 1200x675 |
| X header | 1500x500 |
| LinkedIn banner | 1584x396 |
| Product Hunt gallery | 1270x760 |
| dev.to cover | 1000x420 |
| Square (Instagram, Discord) | 1080x1080 |
Two badges, each in four styles. Use the matched gradient pair on a README so each reader gets the version that fits their theme.
| Badge | Say it with | Files (under docs/assets/brand) |
|---|---|---|
| Deploy to Levelrail | A button that sends a visitor to their own server with your app prefilled. See Deploy button. | deploy-button-split.svg, deploy-button-gradient-light.svg, deploy-button-gradient-dark.svg, deploy-button-outline-light.svg |
| Deployed with Levelrail | A footer badge for a site or project that runs on Levelrail. | deployed-with-split.svg, deployed-with-gradient-light.svg, deployed-with-gradient-dark.svg, deployed-with-outline-light.svg |
- Small size: add
-smallbefore.svgfor a 32 px tall version (for exampledeployed-with-split-small.svg). - PNG fallback:
png/<name>@2x.png(80 px tall) for places that do not render SVG, such as some email clients and note apps. - Which one: the split works on any background. The gradient pair is for light and dark pages. The teal outline is the quietest.
- Rules: do not recolor, stretch, crop or rotate a badge, and keep it at least 32 px tall with some space around it.
- Alt text: use the badge text, for example
Deployed with Levelrail. Link it tohttps://levelrail.com.
[](https://levelrail.com)<a href="https://levelrail.com">
<picture>
<source media="(prefers-color-scheme: dark)" srcset="https://cdn.jsdelivr.net/gh/glincker/levelrail@main/docs/assets/brand/deployed-with-gradient-dark.svg">
<img src="https://cdn.jsdelivr.net/gh/glincker/levelrail@main/docs/assets/brand/deployed-with-gradient-light.svg" alt="Deployed with Levelrail" height="40">
</picture>
</a>The images load from the jsDelivr CDN, which serves them from this repository.
Levelrail is a self-hosted deploy platform in a single Go binary: push to git, get HTTPS, live logs, metrics and one-click rollback.
Licensed under Apache 2.0. Source: github.com/glincker/levelrail.