Login
Design system v1

Nuxt UI dla CRM, z charakterem landingu.

Kompaktowy system operacyjny dla pracy eksperta: neutralna paleta, typografia DM Sans i Imbue, cienkie obrysy, wyraźne zaokrąglenia i animacje, ktore wspieraja skanowanie interfejsu.

Komponenty CRM preview

Tokeny

Paleta i rytm UI

radius 12-20px
Black#000000--ui-primary
White#ffffff--ui-bg
Neutral 50#fafafa--color-neutral-50
Neutral 200#e8e8e8--color-neutral-200
Neutral 600#525252--color-neutral-600
Neutral 950#0a0a0a--color-neutral-950
Typografia

Ostatnie narzedzie dla eksperta

Imbue jako akcent editorial

DM Sans jest baza dla aplikacji: czytelny, neutralny, szybki do skanowania.

font-sans / font-serif / font-mono
Radius i spacing
SM8px
MD12px
LG16px
XL20px

Nuxt UI

Komponenty bazowe

Buttons i badges
Gotowe W toku Ryzyko
Formularz

Wplywa na sortowanie spraw w kolejce.

Pokazuj zadanie w pipeline.

Alert i progress
Nowy styl aktywny
Nuxt UI dziedziczy tokeny OpenExpert CRM globalnie.
72%

CRM preview

Operacyjny pulpit

Pipeline

pipeline

+12%
42Nowe leady
+8%
128Aktywne sprawy
-4%
17Dokumenty do weryfikacji

Aktywni klienci

Przyklad gestego widoku CRM z neutralnymi statusami.

KlientSegmentStatusWartosc
Anna KowalskaKredyt hipotecznyScoring820 000 PLN
Marek ZielinskiRefinansowanieDokumenty410 000 PLN
Julia NowakZakup mieszkaniaOferta590 000 PLN

Globalne animacje

Ruch jako sygnal stanu

1fade-up page entry

Subtelne przejscie bez zmiany wymiarow elementu i z fallbackiem dla reduced motion.

2hover lift

Subtelne przejscie bez zmiany wymiarow elementu i z fallbackiem dla reduced motion.

3press feedback

Subtelne przejscie bez zmiany wymiarow elementu i z fallbackiem dla reduced motion.

4reduced motion fallback

Subtelne przejscie bez zmiany wymiarow elementu i z fallbackiem dla reduced motion.

fade-up page entryhover liftpress feedbackreduced motion fallbackfade-up page entryhover liftpress feedbackreduced motion fallback