Wspólny rdzeń
Granat, główny niebieski, sukces/błąd, skale promieni i odstępów oraz obwódki fokusu są dopasowane — rozpoznawalne w CRM i na stronie.
Marka · Produkt · Strona
Dwa systemy.
Dwa systemy.
Jedna marka.
AgenticUltimate korzysta ze wspólnego fundamentu marki i dwóch opartych na nim systemów projektowych: jednego dla interfejsu produktu w dodatku, drugiego dla AgenticUltimate.
Dlaczego dwa systemy projektowe?
Produkt i marketing mają różne zadania. Wspólny fundament zapewnia rozpoznawalność marki, a oddzielne warstwy tokenów zapobiegają temu, by CRM wyglądał jak strona docelowa, a strona jak panel administratora.
Oddzielne role
Dodatek optymalizuje gęstość i obsługę. Strona optymalizuje przejrzystość, konwersję i charakter premium — z oszczędnymi akcentami.
Skalowalność
Nowe moduły i strony korzystają z udokumentowanych tokenów i komponentów — mniej wyjątków wizualnych, szybsza realizacja.
AgenticUltimate UI 1.0
System projektowy produktu (dodatek)
Dla interfejsu w SuiteCRM: formularze, tabele, okna dialogowe, kreatory i gęste obszary robocze. Funkcjonalny, przejrzysty, gotowy dla przedsiębiorstw.
| Obszar | Treść |
|---|---|
| Kolory | Granat (#001631), kolor główny (#165DCC), semantyczne kolory stanów, powierzchnie dla jasnych środowisk pracy |
| Typografia | Kompaktowa skala interfejsu dla etykiet, tabel i tekstów formularzy — czytelność przy dużej gęstości informacji |
| Odstępy i promienie | Baza 4/8/12/16/24/32; promienie sm–lg dla pól, kart i okien dialogowych |
| Komponenty | Przyciski, pola, listy wyboru, okna dialogowe, karty, tabele, kroki kreatora, etykiety stanów |
| Gęstość | Opcjonalny widok kompaktowy dla administracji i list |
Odbiorcami są administratorzy i zaawansowani użytkownicy CRM. Każda decyzja wynika z pytania: czy pomaga szybciej i bezpieczniej przetwarzać dane?
AgenticUltimate Web 1.0
System projektowy strony (marketing)
Dla AgenticUltimate: sekcja główna, karty funkcji, elementy zaufania, megamenu, tryb ciemny. Premium, techniczny, z kontrolowanym cyjanem i fioletem.
Zasady
Przejrzystość przed efektem — maks. 1–2 gradienty na obszar widoku.
Jeden dominujący kolor — kolor główny prowadzi, cyjan i fiolet wspierają.
Karty pokazują korzyści — miękkie cienie, delikatne obramowania, subtelny efekt najechania.
Elementy składowe
Typografia nagłówkowa, etykiety nad nagłówkami, karty funkcji, paski zaufania, wizualizacje produktu, końcowe wezwania do działania, megamenu. Tryb jasny i ciemny z jednego źródła tokenów.
| Rodzina tokenów | Przykłady |
|---|---|
| Rdzeń marki | --su-navy, --su-primary, --su-ink |
| Akcenty | --su-cyan, --su-violet (oszczędnie) |
| Powierzchnie | Płaska · Podniesiona · Uniesiona · Główna |
| Cienie | --su-shadow-sm do --su-shadow-lg, efekt najechania bez neonowej obwódki |
| Ruch | krótkie przejścia, respektowanie prefers-reduced-motion |
Pomost do produktu
Co jest wspólne, a co celowo pozostaje oddzielone.
Wspólne
Granat i główny niebieski · sukces/niebezpieczeństwo · promienie sm–lg · baza odstępów · obwódka fokusu w kolorze głównym · nazwa marki i język ikon
Tylko strona
Akcenty cyjanowe i fioletowe oraz gradienty · tła zorzy · duże nagłówki · przewijany pasek i cienie marketingowe · szkło wyłącznie oszczędnie (nagłówek)
Dla zespołów i wdrożeń
Jak korzystać z systemów na co dzień.
Rozwijaj produkt
AgenticUltimate UI 1.0 jako wzorzec nowych ekranów dodatku. Preferuj istniejące komponenty przed tworzeniem wariantów.
Rozbudowuj stronę
AgenticUltimate Web 1.0 i tokeny w site.css. Dopasowuj nowe sekcje do wzorców (sekcja główna → zaufanie → funkcje → wezwanie do działania).
Zapewniaj jakość
Sprawdzaj kontrast, obsługę klawiaturą i ograniczenie ruchu. PageSpeed i dostępność pozostają elementami standardu dostarczania.
Poznaj systemy projektowe na żywo
Interaktywny system projektowy strony pokazuje tokeny, komponenty i tryb ciemny. Interfejs produktu pozostaje wytyczną dla dodatku w SuiteCRM.