Marka

Logo invoiso

Każdy wariant, w SVG i PNG. Litery są narysowane jako ścieżki, a nie złożone z fontu, więc nie ma czego licencjonować ani instalować — logotyp wygląda tak samo w przeglądarce, w PDF-ie i w e-mailu. Prawy przycisk myszy albo linki pod każdym plikiem, aby pobrać.

Kolory

Trzy, i tylko trzy, w grafice. #047857 i #10B981 zostały celowo pominięte, aby istniała jedna jednoznaczna zieleń marki.

Zieleń marki

#059669

Zagięcie i linie w znaku oraz każdy akcent marki.

Atrament

#0A0A0A

Logotyp i kontur na jasnym tle.

Biel

#FFFFFF

Logotyp i kontur na ciemnym tle.

Uwaga

#FE9A00

Stan oczekujący lub niepotwierdzony. To nie jest kolor logo.

Logotyp

Pełna nazwa. Atrament na jasnym, biel na ciemnym; trzy warianty jednobarwne są do pieczątek, haftu i druku jednokolorowego.

Ikona

Sam znak dokumentu, tam gdzie nazwa już jest albo się nie mieści.

icon-ink

icon-ink

SVGPNG 256PNG 512

icon-mono-green

icon-mono-green

SVGPNG 256PNG 512

icon-mono-ink

icon-mono-ink

SVGPNG 256PNG 512

icon-white

icon-white

SVGPNG 256PNG 512

Ikona aplikacji

512 × 512 z promieniem narożnika, jakiego oczekują iOS i Android. Zieleń jest domyślna; czerń i biel są dla kontekstów z własnym tłem.

Favicon

Narysowany osobno w 32 × 32, nie pomniejszony: kontur zamyka się wokół zagięcia, a linie schodzą do 0,65× grubości konturu, co utrzymuje czytelność przy 16 px.

Kompozycja

Znak nad nazwą, do miejsca zbliżonego do kwadratu — zdjęcie profilowe, ściana sponsorów, nagłówek listu.

lockup-vertical-ink

lockup-vertical-ink

SVGPNG 512PNG 1024

lockup-vertical-white

lockup-vertical-white

SVGPNG 512PNG 1024

Typografia i sposób tworzenia

Logotyp
To nie krój pisma. Monoliniowe geometryczne litery narysowane jako ścieżki — jedna grubość kreski w całości, jeden promień narożnika rządzący każdą krzywą.
Cała reszta
Geist Sans do tekstu interfejsu i Geist Mono do liczb, obie na otwartej licencji. Nagłówki używają kroju display z aplikacji.
Pole ochronne
Wbudowane w każdy plik — 10 jednostek wokół logotypu, 12 wokół ikony. Ustaw je krawędź przy krawędzi, a odstęp będzie prawidłowy.
Zmiana ich
Cały zestaw jest generowany z jednego skryptu, więc zmiana geometrii spójnie przepisuje wszystkie piętnaście plików. Nie edytuj SVG ręcznie; zostanie nadpisany.