// brand
Three bars, one color, zero decoration.
The flye.win brand comes from the terminal: high contrast, square corners, and a single accent. Here are the files and the rules for using it properly.
01
Logos
SVG files with the text converted to outlines, so they work without the font installed. Use the primary version whenever the background allows it.
mark
mascot
The duck
flye.win's coworker: it hears every bug before it becomes a fix (good old rubber duck debugging). It shows up in small details and never replaces the logo.
SVG
02
Construction
An F made of three bars that get shorter and fainter, like a signal leaving at high speed. The bar height, x, is the unit for every measurement.
clear space
Leave at least 2x clear on all sides.
minimum size
16 px
16 px tall
Below this, the third bar disappears.
03
Colors
Click a swatch to copy its hex value. The contrast shown is against the page background, Ink 950.
usage ratio
Volt
The brand color. Use it sparingly: primary action, focus, and highlighted data.
Ink
The slightly cool neutral scale. Backgrounds, borders, and all text.
Signals
Reserved for state and code syntax. Never decorative, and always paired with an icon or text.
04
Typography
Two free, open typefaces from Vercel: Geist talks to people, Geist Mono talks about machines.
geist · headings and text
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 áãçéõ
weights 400 · 500 · 600 · 700
geist mono · code and data
{ }
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 /_-:=
weights 400 · 500
05
Icons
Drawn for flye.win: 24 px grid, 1.5 px stroke, square ends, no fill. They inherit the color of the surrounding text.
- alert
- arrow-right
- arrow-up-right
- bolt
- book
- card
- check
- chevron
- clock
- code
- copy
- cube
- download
- external
- eye
- eye-off
- folder
- gauge
- gear
- globe
- grid
- image
- key
- layers
- list
- lock
- logout
- menu
- pix
- plus
- pulse
- search
- shield
- sticker
- terminal
- trash
- upload
- user
- x
06
How we talk
From developer to developer. Direct, specific, no empty promises.
Like this
- "Key revoked. Requests using it now get a 401."
- "100k requests per month, 300 per minute."
- "You've hit your quota. It resets on November 1."
Not like this
- "Oops! Something unexpected happened 😕"
- "The revolutionary next-generation solution."
- "Incredible performance and limitless scalability!"
07
Incorrect use
When in doubt, use the primary version on a dark background, with no adjustments.