PerfoState
System marki dla firmy łączącej dane, marketing i AI. Fundamentem jest szybkość wykonania, wyraźna struktura i technologia, która pozostaje narzędziem, a nie dekoracją.
Technologia, która przyspiesza wyniki Twojego biznesu.
PerfoState nie powinno wyglądać jak kolejna eksperymentalna marka AI. System ma komunikować wydajność, porządek i nowoczesną produkcję marketingową, ponieważ klient kupuje rezultat, a nie samą technologię.
Duże typy, wyraźna hierarchia i mała liczba elementów. Materiał ma być zrozumiały w kilka sekund.
Technologia jest widoczna poprzez rezultat i proces. Unikamy robotów, neonowych mózgów i typowych klisz generatywnego AI.
Geometria może nawiązywać do struktur, wykresów i modułów, ale bez oczywistych ikon miast jako głównego języka marki.
Odbiorca
Zespoły produktowe, marketingowe i operacyjne, które chcą szybciej produkować materiały, strony i kampanie przy wsparciu AI.
Emocja
„To wygląda jak partner, który dowiezie szybciej, bez utraty jakości.” Marka ma być rzeczowa, nowoczesna i pewna, ale nie futurystycznie chłodna.
Dynamiczna zabudowa zbudowana z modułów.
Pełne logo składa się z geometrycznego sygnetu i logotypu PerfoState. „Perfo” pozostaje czarne, a „State” używa koloru niebieskiego. Typografia logotypu bazuje na Inter SemiBold.
Pole ochronne
Jako moduł x przyjmujemy optyczną szerokość odstępu pomiędzy głównymi bryłami sygnetu. W materiałach cyfrowych zachowuj minimum 1× tego modułu dookoła pełnego logo.
Niewłaściwe użycie
Logo istnieje jako zatwierdzony plik wektorowy (SVG) — sygnet zbudowany z czystej geometrii, bez rastra ukrytego w kontenerze. Minimalny rozmiar: sygnet od 32 px, pełne logo od 120 px szerokości.
Energia technologii. Stabilność biznesu.
Niebieski prowadzi komunikację marki. Turkusy i koral wynikają z sygnetu i powinny działać jako akcenty. Czerń utrzymuje profesjonalny charakter i poprawia czytelność.
| Para | Kontrast | Zastosowanie |
|---|---|---|
| #161616 na #FFFFFF | 18.10:1 | Tekst podstawowy, nagłówki |
| #677084 na #FFFFFF | 4.97:1 | Tekst pomocniczy |
| #0076FD na #FFFFFF | 4.19:1 | Duży tekst, grafika, kontrolki. Dla małego tekstu preferuj ciemniejszy wariant lub czarny. |
| #FFFFFF na #161616 | 18.10:1 | Tekst na ciemnych materiałach |
Turkus i koral traktuj przede wszystkim jako kolory graficzne. Nie używaj ich jako koloru małego tekstu na białym tle.
Inter. Bez dekoracji, z mocną hierarchią.
Inter jest podstawowym krojem PerfoState. W logotypie używamy odmiany SemiBold. W materiałach marki najlepiej działa ograniczony zestaw 400, 500, 600 i 700.
moves faster.
aąbcćdeęfghijklłmnńoóprsśtuwyzźż
0123456789 / % + × → € $ zł m²
Moduły, piony i przecięcia.
Język graficzny pochodzi z sygnetu: pionowe bryły, zmienna wysokość, ostre ukośne cięcia i kontrast kilku kolorów. Dzięki temu marka może tworzyć własne ilustracje bez kopiowania logo w każdym miejscu.
Buduj pionowo
Kompozycje mogą przypominać rosnące moduły, etapy realizacji albo strukturę danych.
Przecinaj precyzyjnie
Ukośne linie mają być krótkie i celowe. Nie zamieniaj całej marki w dynamiczne skosy.
Kolor jako sygnał
Niebieski prowadzi, turkus organizuje, koral wskazuje element wymagający uwagi.
Proste ikony liniowe. Jedna grubość.
Ikony są techniczne i neutralne. Używają zaokrąglonych zakończeń, siatki 24 × 24 i jednolitej grubości 1,8 px. Kolor domyślny to Performance Black.
Dużo oddechu. Jeden mocny komunikat.
Układy PerfoState powinny być editorialowe i bardzo czytelne. Najpierw przekaz, potem dowód lub materiał wizualny. Unikamy przeładowanych kart, gradientów SaaS i przypadkowych ozdobników.
Od projektu do kampanii w jednym rytmie.
Strona, wideo, kreacje i copy mogą powstawać w jednym systemie wizualnym, zamiast w kilku niezależnych procesach.
Desktop
12 kolumn jest dozwolone, ale nie wymagane. Kluczowe są szerokie marginesy i czytelny podział 60/40 lub 50/50.
Mobile
Jedna kolumna. Najpierw nagłówek, potem materiał wizualny lub dowód. CTA nie powinno konkurować z treścią.
Social
Jedna myśl na kreację. Logo ma być podpisem, nie głównym elementem grafiki.
Interfejs funkcjonalny, nie „AI-looking”.
Jeżeli PerfoState rozwija portal klienta lub narzędzia projektowe, interfejs powinien wyglądać jak profesjonalne środowisko pracy. Niebieski służy do działań, a kolorowe akcenty nie powinny dominować nad danymi.
Project Atlas
Makieta jest przykładem kierunku UI, a nie deklaracją istniejących funkcji produktu.
Mów o rezultacie. AI wyjaśniaj dopiero potem.
Ton marki powinien być konkretny, spokojny i biznesowy. Nie używamy przesadnych obietnic o „rewolucji AI”. Najpierw pokazujemy, co klient otrzyma szybciej lub lepiej.
PL
Marketing zasilany AI, który przyspiesza wyniki.
Tworzymy strony, treści i materiały kampanii szybciej dzięki połączeniu zespołu i narzędzi AI.
EN
AI-assisted marketing that moves faster.
We combine experienced people with AI tools to produce websites, content and campaign assets faster.
Ruch ma pokazywać przepływ, nie efekt specjalny.
Animacje mogą sugerować składanie modułów, synchronizację treści i przechodzenie od danych do gotowego materiału. Preferowana długość pojedynczego przejścia to około 260–520 ms.
Entry
Opacity + 8–16 px przesunięcia. Bez agresywnych zoomów.
UI
160–260 ms dla stanów interaktywnych. 520 ms tylko dla większych przejść.
Reduced motion
Przy ograniczonym ruchu pokazuj finalny stan natychmiast.
Jedna marka, jeden zestaw źródeł.
Poniższe materiały zostały przygotowane z dostarczonego, zaakceptowanego rastra. Wersja wektorowa powinna powstać jako kolejny krok i stać się nadrzędnym masterem logo.
Status v1.0: system marki jest kompletny — zatwierdzony master wektorowy (SVG), warianty PNG, wartości CMYK i tokeny marki gotowe do pracy cyfrowej i drukowanej.