Marka
Praktyczny punkt odniesienia dla tożsamości wizualnej Mercastry - logo, kolor i typografia, dokładnie tak jak zostały zbudowane. Osobowość marki i ton głosu wciąż nie są ustalone, więc ta strona ich nie zgaduje.
Logo
- Jeden pikselartowy wordmark, zawsze pokazywany jako ostre, blokowe piksele - nigdy wygładzany przy skalowaniu.
- Jeden plik rastrowy, identyczny co do bajtu w obu frontendach. Nie istnieje jeszcze plik wektorowy ani wariant na ciemne tło - to znana luka, a nie przeoczenie.
Kolor
Jedna paleta, wspólna dla aplikacji i tej strony. Bursztyn i zieleń są wyłącznie do wypełnień - ich zwykła forma nie spełnia wymaganego kontrastu tekstu, dlatego każdy ma głębszy, bezpieczny dla tekstu wariant. Indygo jest wyjątkiem: samo w sobie już spełnia wymagany kontrast. OKLCH jest źródłem prawdy w kodzie, hex to pochodny odpowiednik sRGB. Kliknij wartość, aby ją skopiować.
Podstawowy - przyciski, obramowania fokusu, tożsamość logowania, akcent nagłówka strony głównej
Koniec gradientu panelu marketingowego logowania
Drugorzędny - wyłącznie do wypełnień i elementów dekoracyjnych (etykiety, punkty gradientu). Nigdy jako kolor tekstu lub ikony.
Bursztynowy odcień bezpieczny jako tekst/ikona
Akcent - wyłącznie do wypełnień i elementów dekoracyjnych (etykiety, kropki statusu). Nigdy jako kolor tekstu lub ikony.
Zielony odcień bezpieczny jako tekst/ikona; kolor podstawowy ekranu rejestracji
Koniec gradientu panelu marketingowego rejestracji
Tło, obie powierzchnie
Neutralny
Typografia
Czcionki systemowe, używane wszędzie w aplikacji i na tej stronie. Nie ma jeszcze dedykowanego kroju pisma marki.
Nazewnictwo
"Mercastra" to jedyna nazwa produktu. "Workshop" (warsztat) to centralny angielski termin (platforma dla warsztatów, a nie marketplace); unikaj słownictwa marketplace’owego (sklep, sprzedawca, oferta) w obu językach.
| Angielski | Polski |
|---|---|
| workshop | warsztat |
| crafter | rzemieślnik |
| customer | klient |
| order | zamówienie |
| made to order | na zamówienie |