Logo
Dwa warianty. Wordmark light idzie na ciemne powierzchnie oraz na jasne z dostatecznym kontrastem — to wariant domyślny w całym serwisie, łącznie z trybem light (biała plytka czyta się jako chip na delikatnym off-white tle). Wordmark dark istnieje dla kontekstów drukowanych, obrazów OG i wysokokontrastowych użyć redakcyjnych.
Margines bezpieczeństwa
Zachowaj wokół znaku co najmniej wysokość glifu
B jako wolną przestrzeń. Nie ściskaj go
sąsiednim typem ani grafiką.
Czego nie robić
- Nie zmieniaj koloru wordmarku.
- Nie rozciągaj, nie pochylaj, nie obracaj.
- Nie dodawaj cienia, glow ani konturu.
- Nie kładź wariantu light na nisko-kontrastowej jasnej powierzchni ani wariantu dark na nisko-kontrastowej ciemnej.
Tokeny kolorów
Serwis używa małego zestawu tokenów zdefiniowanych w
global.css jako CSS custom properties; reguły
motywu pod [data-theme="dark"] podmieniają
wartości w trybie ciemnym. Wszystko inne na stronie czyta
z tych tokenów — łącznie z blokami kodu, status-pillami i
callout'ami — więc to jest autorytatywna paleta.
Typografia
Jeden krój sans-serif do prozy, jeden mono do kodu, shellów, portów i hostnames. Konkretne stacki schodzą do systemowych domyślnych — szybko, bez payloadu web-fontów, natywnie na każdej platformie.
- Sans — system stack:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, ... - Mono — system stack:
ui-monospace, "SF Mono", Menlo, Consolas, "DejaVu Sans Mono", ...
Skala (zamknięta po trzech rundach polerowania):
h1— 28–36 pxh2— 22–28 pxh3— 19 pxlead— 18 pxbody— 17 pxcode— 14 px (inline 0.92em kontekstu)label— 10–13 px, wielkie litery, mono
Głos i ton
Bezpośredni, techniczny, mało przymiotników. Trzy nawyki konsekwentnie używane w całym serwisie:
- Konkret zamiast aspiracji. "Sześć usług HTTP w jednym
docker compose up" wygrywa z "potężna platforma klasy enterprise". Liczby, nazwy, porty — czytelnik je weryfikuje. - Wydane vs w przygotowaniu. Strona pokazuje co jest dostępne dziś i co jest w przygotowaniu, obok siebie, bez mieszania jednego z drugim.
- Zwykły język zamiast żargonu. "Odmawia niebezpiecznych wywołań" wygrywa z "wymusza zero-trust enforcement boundary". Audytorium jest techniczne; protekcjonalność zabija zaufanie.
Niektóre słowa nie pojawiają się w serwisie z założenia: enterprise-grade, hardened, battle-tested. Schlebiają i nie informują.