Brand assets · Kit 1.0
Media kit
Everything you need to show StackOS correctly: the logo in every format, the colors with their codes, the type, and a few simple rules. Free for press, partners, and anyone writing about us.
01
Logos and files
Choose a logo, check it on the background you need, and download it. SVG for the web and anything that scales, PNG at 800 pixels for slides and email, and 2400 pixels for print.
02
Clear space and size
Give the logo room. Keep clear space on every side about one fifth of the mark's height, and never show it smaller than the minimums.
Clear space
About one fifth of the mark's height on every side.
Horizontal logo
At least 20px tall on screen, about 97px wide. At least 25mm wide in print.
Mark
At least 24px with four layers. At 16px use the three-layer favicon mark only.
Email
Use the PNG at 800px. Many email apps do not show SVG.
03
Colors
StackOS Violet is the one accent. Ink and white carry everything else. Click any code to copy it.
Primary. The mark, OS, buttons, and links.
Backgrounds, and Stack on light backgrounds.
Stack on dark backgrounds, and light surfaces.
Lower layers of the app icon and avatar only.
Top layer of the dark app icon only.
A signature detail, never a second accent: a cursor or a status dot.
CMYK values are a starting point for print; your printer may adjust them for their paper and press.
04
Typography
Inter for everything people read. JetBrains Mono for labels, numbers, and code-like details. Both are free.
05
Improper use
The logo only works when it looks the same everywhere. Please don't change it.
Do not stretch, squash, or distort the logo.
Do not rotate or tilt it.
Do not recolor it outside the palette, or tint it with a theme color.
Do not add shadows, outlines, glows, or gradients.
Do not place it on a busy photo or pattern without a solid backing.
- Stack OS
Do not retype StackOS in a live font as a logo. Use the files.
Do
- Use the files from this page, unchanged.
- Pick the on-dark or on-light version to match the background.
- Use white or black when a color version would clash.
- Leave clear space on every side, and keep it at least 20px tall on screen.
- Link to mystackos.com when you mention StackOS online.
06
Name and description
StackOS is one word, with a capital S and OS. Never Stack OS, Stackos, or STACKOS. The company behind it is Stack Mode, two words.
One line
StackOS is the operating system for web studios: one app for clients, proposals, projects, a client portal, invoices, books, and the websites a studio looks after.
About StackOS
StackOS is the all-in-one platform for people who build the web. It runs a whole web studio in one place: clients and deals, estimates and proposals with e-signature, projects and tasks, a branded client portal, invoices and care plans on autopay, double-entry books, and monitoring for every website the studio looks after, however it is built. StackOS is made by Stack Mode, a web design and marketing studio in Reno, Nevada, founded in 2012, which runs its own business on StackOS every day.
Category
The operating system for web studios
Website
mystackos.com
Made by
Stack Mode, Reno, Nevada
07
Every file
The whole kit in one list. All lettering is outlined, so no font is needed to open any file.
| File | Use | Download |
|---|---|---|
| Horizontal logo, on dark | Dark backgrounds. Stack in white, mark and OS in violet. | SVGPNG 800wPNG 2400w |
| Horizontal logo, on light | Light backgrounds. Stack in ink, mark and OS in violet. | SVGPNG 800wPNG 2400w |
| Horizontal logo, white | Photos, violet, or any color where violet would clash. | SVGPNG 800wPNG 2400w |
| Horizontal logo, black | Single-color print, engraving, embossing. | SVGPNG 800wPNG 2400w |
| Horizontal logo, violet | One-color violet on light backgrounds. | SVGPNG 800wPNG 2400w |
| Stacked logo, on dark | Dark backgrounds. | SVGPNG 800wPNG 2400w |
| Stacked logo, on light | Light backgrounds. | SVGPNG 800wPNG 2400w |
| Stacked logo, white | Photos and color backgrounds. | SVGPNG 800wPNG 2400w |
| Stacked logo, black | Single-color print. | SVGPNG 800wPNG 2400w |
| Wordmark, on dark | Dark backgrounds. | SVGPNG 800wPNG 2400w |
| Wordmark, on light | Light backgrounds. | SVGPNG 800wPNG 2400w |
| Wordmark, white | Photos and color backgrounds. | SVGPNG 800wPNG 2400w |
| Wordmark, black | Single-color print. | SVGPNG 800wPNG 2400w |
| Mark, violet | The default mark, on dark or light. | SVGPNG 256PNG 1024 |
| Mark, white | Photos and color backgrounds. | SVGPNG 256PNG 1024 |
| Mark, black | Single-color print. | SVGPNG 256PNG 1024 |
| Mark, three-layer (16px) | Only at 16px, where four layers blur. The favicon uses it. | SVG |
| App icon and avatar, app icon | The mark on a rounded violet tile. | SVGPNG 512PNG 1024 |
| App icon and avatar, app icon, dark | The mark on a dark tile. | SVGPNG 1024 |
| App icon and avatar, social avatar | LinkedIn, X, GitHub, and similar profile pictures. | SVGPNG 400PNG 800 |
| App icon and avatar, favicon set | Browser tab icons and the Apple touch icon. | SVGICOPNG 32Apple 180 |
Need something that isn't here, like a larger file or a co-branded version? Ask us.