Media kit
Materiały marki Zwinnie
Logo, kolory, typografia i dane firmy - w formie, w której można ich użyć bez pytania nas o zgodę. Jeśli potrzebujesz czegoś, czego tu nie ma, napisz: skontaktuj się z nami
Kim jesteśmy
Trzy długości opisu - do zajawki, do notki i do tekstu. Można używać bez zmian.
Zwinnie prowadzi małe firmy przez cały cykl obecności w internecie: strona i marka, reklamy, obsługa zapytań, a na końcu automatyzacja.
Zwinnie to zespół, który robi małym firmom stronę, markę i reklamy, a potem automatyzuje powtarzalną robotę. Wszystko u jednego wykonawcy, z jawnym cennikiem i w skali firmy 1-15 osób. Domena, hosting i konta reklamowe zawsze rejestrowane na klienta.
Zwinnie zajmuje się tym, żeby małą firmę było widać w internecie - i żeby obsłużyła to, co przyjdzie. Pracujemy w czterech etapach, zawsze w tej kolejności: strona i marka, reklamy i widoczność, uporządkowanie zapytań, a dopiero na końcu automatyzacja i AI. Ta kolejność jest celowa: dopóki nikt nie pyta o ofertę, nie ma czego automatyzować. Odbiorcą są firmy od jednoosobowych po kilkunastoosobowe, gdzie właściciel jest jednocześnie sprzedawcą, wykonawcą i administracją. Cennik jest podany wprost na stronie, a wszystko, co budujemy, rejestrujemy na klienta - bez uzależniania go od nas.
| Nazwa | Zwinnie |
|---|---|
| Strona | zwinnie.com |
| NIP | 929 179 66 80 |
| REGON | 363374908 |
| Kontakt | adres pojawi się po włączeniu JS |
| Odbiorca | Firmy 1-15 osób |
| Zasięg | Polska, zdalnie |
Logo
Marka ma dwa znaki: sygnet (litera Z z kropką) tam, gdzie miejsca jest mało, i wordmark (pełny napis) tam, gdzie jest go dość. Kropka zawsze w kolorze akcentu - to jedyny element, który nie zmienia koloru.
Pliki do pobrania
| Plik | Do czego | |
|---|---|---|
Sygnet - na jasne tłozwinnie-mark-dark.svg |
Litera Z w kolorze ink + kropka w akcencie. | Pobierz |
Sygnet - na ciemne tłozwinnie-mark-light.svg |
Litera Z w kremie + kropka w akcencie. | Pobierz |
Wordmark - na jasne tłozwinnie-wordmark-dark.svg |
Pełny napis „Zwinnie." z kropką w akcencie. | Pobierz |
Wordmark - na ciemne tłozwinnie-wordmark-light.svg |
Wersja kremowa do ciemnych materiałów. | Pobierz |
Sygnet na kaflufavicon.svg |
Wersja kwadratowa - awatary, favicon, profile social. | Pobierz |
Ikona PNG 512 pxapple-touch-icon.png |
Do miejsc, które nie przyjmują SVG. | Pobierz |
Baner poziomy (Open Graph)og-image.png |
2400 × 1260 px, proporcja 1.91:1 - podgląd linku w social media, nagłówek wpisu na blogu. | Pobierz |
Baner pionowy - postzwinnie-post-1080x1350.png |
2160 × 2700 px, proporcja 4:5 - post na Instagramie i Facebooku. Format zajmujący najwięcej miejsca w kanale. | Pobierz |
Baner pionowy - storieszwinnie-story-1080x1920.png |
2160 × 3840 px, proporcja 9:16 - Stories, Reels, Shorts. Treść odsunięta od krawędzi, bo interfejs aplikacji zasłania góra i dół. | Pobierz |
Zasady użycia
- Skalować proporcjonalnie, w dowolnym rozmiarze powyżej 16 px wysokości sygnetu.
- Używać wersji jasnej na ciemnym tle i odwrotnie - wybierz tę z lepszym kontrastem.
- Umieszczać na jednolitym tle w kolorach marki albo na bieli.
- Zachować pole ochronne równe wysokości litery Z wokół znaku.
- Zmieniać koloru kropki - ona niesie markę.
- Rozciągać, pochylać, obracać ani dodawać cieni i obrysów.
- Umieszczać na zdjęciu bez jednolitej podkładki.
- Składać napisu „Zwinnie" innym krojem zamiast używać wordmarku.
Kolory
Jeden kolor marki - pomarańcz - i ciepła neutralna baza. Pomarańcz jest akcentem akcji, nigdy tłem całej sekcji. Na ciemnym tle jest rozjaśniany, żeby utrzymać kontrast. Wartości poniżej czytane są wprost z arkusza tokenów, więc zawsze zgadzają się z tym, co widać na stronie.
| Jasny | Ciemny | Nazwa | HEX jasny | HEX ciemny | Zastosowanie |
|---|---|---|---|---|---|
Akcent--zwinnie-accent |
… |
… |
CTA, kropka logo, sygnały kluczowe. Jedyny kolor marki. | ||
Akcent hover--zwinnie-accent-hover |
… |
… |
Stan hover elementów akcentowych. | ||
Tło strony--zwinnie-bg |
… |
… |
Baza - kremowa w trybie jasnym, grafitowa w ciemnym. | ||
Tło pomocnicze--zwinnie-surface-alt |
… |
… |
Naprzemienne pasy sekcji, pola demonstracyjne. | ||
Ink--zwinnie-ink |
… |
… |
Najmocniejszy kolor tekstu. NIE używać jako tła. | ||
Tekst--zwinnie-text |
… |
… |
Tekst podstawowy. | ||
Tekst przygaszony--zwinnie-text-muted |
… |
… |
Opisy, treść drugoplanowa. | ||
Kreska--zwinnie-rule |
… |
… |
Twarda linia 1px rysująca siatkę editorial. | ||
Pas kontrastowy--zwinnie-inverted-bg |
… |
… |
Tło topbara, nagłówka i stopki. Zawsze w parze z tekstem odwróconym. | ||
Tekst na pasie--zwinnie-inverted-text |
… |
… |
Tekst na powierzchni odwróconej. |
Typografia
Dwa kroje, każdy z jasną rolą. Oba na otwartej licencji (SIL Open Font License), więc można ich użyć w materiałach o nas bez opłat.
Zwinnie ĄĆĘŁŃÓŚŹŻ
Zwinnie 3 500 zł
Nie masz tych krojów? W zastępstwie użyj dowolnego geometrycznego bezszeryfowego (nagłówki i tekst) oraz dowolnego kroju o stałej szerokości (etykiety i liczby). Nie składaj marki krojem szeryfowym.
Grafiki do social media
Trzy formaty pokrywające to, czego realnie się używa: poziomy do podglądu linku, pionowy 4:5 do postów i pionowy 9:16 do Stories. Wszystkie w rozdzielczości podwójnej, więc nie rozmyją się na ekranach o dużej gęstości pikseli.