brand manual / rev 01
Official artwork for articles, integrations, presentations, and other places where you need to identify Silo clearly.
primary horizontal lockup / full color + white 01 / assets
Every SVG here is a master: no linked fonts, no embedded rasters, no external references. Prefer them wherever vectors are accepted and reach for a PNG only when they are not. Use the artwork as supplied—there is no need to redraw the mark or typeset the name.
LOGO / 01
The preferred lockup for partner pages, articles, slides, and other horizontal placements. Choose dark lettering for light fields, white for deep blue and dark fields, or the mono cut when you have one ink to spend.
MARK / 02
The symbol on its own, for setting beside your own type. The dimensional cut is the default; use the flat cut below about 48 px and the mono cut for print, embroidery, and engraving.
ICON / 03
A compact square for avatars, favicons, directories, and integrations where the horizontal wordmark will not fit. The rounded corners are already cut, so the tile drops onto any background as-is.
APP / 04
The official product artwork, full bleed on the deep blue field so each store can cut its own corners. Provided for press and editorial coverage, not as an identity for third-party apps or forks.
Downloads are Silo trademarks and remain © Silo Media L.L.C. See the asset notice and guidance below.
02 / usage
If you are writing about Silo, building something that works with it, or running it yourself, use the name and artwork freely. The only thing we ask is that your own project keeps its own identity, so nobody mistakes it for an official Silo release.
Go ahead
Ask us first
We say yes to most reasonable requests. The policy exists to prevent confusion, not to stop people building on Silo. Never use the name or logo to promote piracy or to impersonate the project.
Pick a name that is yours, then mention Silo in the tagline. That is how the official products are told apart: the server is Silo Server, and official apps join “Silo” to a product word with no space, such as SiloRemote and SiloMac. So that pattern, and “Silo” on its own, are reserved. The test is simple: would a reasonable user think the Silo team made it?
Works well
silo-plugin-trakt, where “silo” only describes what it plugs into.Please avoid
| context | write it as | example |
|---|---|---|
| prose and UI text | Silo, capital S, one word | “Connect to your Silo server.” |
| the server product | Silo Server, two words | “Requires Silo Server 1.0 or later.” |
| repositories, packages, command-line binaries | lowercase silo | silo-server, silo-plugin-trakt |
| app bundles and product names | display form | Silo, SiloTV |
| paths and config directories | follow the platform convention | /var/lib/silo, ~/Library/Application Support/Silo |
| never | SILO, SiLo, Si-lo, or a typeset “Silo” in place of the wordmark | — |
Do
Don’t
| asset | best for | background |
|---|---|---|
| horizontal wordmark | articles, decks, partner and compatibility pages | dark art on light; white art on dark |
| mark | the symbol beside your own type | transparent; flat cut below 48 px |
| mono wordmark / mark | one-color print, embroidery, engraving | inherits currentColor |
| project icon | avatars, favicons, compact square placements | use the complete supplied canvas |
| app icon | press coverage of official Silo applications | use the complete supplied canvas |
03 / construction
The mark is built on one rule: every slanted edge sits at exactly 30° from horizontal. You never need to redraw it, but these are the measurements that keep a placement correct.
Clear space
Keep at least the width of one bar counter—54 units, about 20% of the mark's width—free on all four sides. Nothing else sits inside it.
Minimum size
The mark reads cleanly down to about 24 px tall. Below that use the flat cut, and below 16 px use a single element rather than the full stack.
Typography
The wordmark is Plus Jakarta Sans ExtraBold at −0.04 em tracking, converted to outlines. It is artwork, not live text—do not re-typeset it. The website's own faces are not part of the logo.
04 / palette
When the logo appears beside supporting graphics, these colors keep the surrounding material in the same visual family. Do not use them to recolor the supplied artwork. You are welcome to use the colors, and the three-bar motif from the website, in your own client or plugin interface. The logo, wordmark, and icons are what we reserve, so keep your own logo a different shape.
#0034FB #F50B4F #FA7604 #010D9F #070B82 #181511 05 / motion
The animation our apps play on launch, built from the same vector masters. The mark assembles a bar at a time, then slides aside to let the wordmark out from behind it.
MOTION / 01
Four seconds, ending on the horizontal lockup. Use it for launch screens, intros, and title cards. The Lottie cut is vector, so it stays sharp at any size and weighs a fraction of the video.
MOTION / 02
A square, looping cut with the wordmark dropped, for avatars, chat emoji, and anywhere the horizontal lockup would be too small to read. Take the transparent version when the background is unknown or already dark.
MOTION / 03
Rests on the finished mark, so it reads as the logo while it is stopped. The bars spin away, the triangle becomes a play button, and pressing it puts the mark back together.
Keep the timing and the artwork as supplied—the animation is part of the mark. Do not re-time it, add effects, or loop the splash as a spinner.
