Ikony i grafiki

Core Design System

Warstwa fundamentu: kolor, typografia, odstępy, komponenty.

sprzedano 522
Plansza design systemu: paleta kolorów, skala typografii, stany przycisków, pola formularzy, komponenty, nawigacja i skala odstępówCOLOUR SYSTEMCorePrimaryHoverSecondaryAccentInfoNeutral90070050030020010050StatusSuccessWarningErrorInfoDisabledTYPOGRAPHYAaDisplay 148 / 56AaDisplay 236 / 44AaHeading 128 / 36AaHeading 222 / 30AaHeading 318 / 28AaBody 116 / 24AaBody 214 / 20AaCaption12 / 16BUTTONSPrimaryDefaultHoverPressedSecondaryDefaultHoverPressedTextDefaultHoverPressedDisabledDisabledFORMSText fieldEnter textSelectChoose an optionCheckboxDefaultRadioOption 1Option 2SwitchOnCOMPONENTSComponent titleA short description lineNotificationA system message exampleTagTagTagTag‹12345›NAVIGATIONHomeSectionsMessages3FavouritesSettingsEvery token bound to a variableSPACINGan 8px rhythm, 4 up to 644812162432404864UI ELEMENTS60%

Czym jest ten kit

Kompletna plansza design systemu: rampa kolorów razem z kolorami statusów, siedmiostopniowa skala typografii z wpisanymi interliniami, każdy stan przycisku, kontrolki formularzy, wzorce nawigacji, skala odstępów i zestaw elementów UI. Wszystko jest podpięte do zmiennych, więc zmiana motywu to przełączenie trybu, a nie szukanie i zamienianie.

Co dostajesz

  • System kolorów: primary, secondary, akcent, 7-stopniowa rampa neutralna, 5 statusów
  • Skala typografii od Display 1 (48/56) do Caption (12/16)
  • Przyciski, pola tekstowe, selecty, checkboxy, radio, switche, tagi
  • Nawigacja, powiadomienia, paginacja i skala odstępów
  • Każdy token podpięty do zmiennej Figmy
Komponenty
88
Warianty
512
Aktualizacja
18 października 2026

Co jest w pliku

core-design-system.fig
Sam kit: 88 komponentów i 512 wariantów w jednym pliku Figmy, na opisanych stronach, z gotowym auto-layoutem i zmiennymi.
Przewodnik po tokenach (PDF)
Jak nazwane są zmienne, jakie są tryby i jak składa się z tego komponenty.
Changelog
Każde wydanie z datą i opisem zmian, żeby aktualizacja nigdy cię nie zaskoczyła.
Notatki o fontach
Plik mówi, jakich krojów używa i skąd je wziąć. Nie dorzucamy niczego, czego nie możemy ci licencjonować.

Pliki do pobrania są na twoim koncie od razu po zakupie.

Licencja

Możesz

  • Używać w nieograniczonej liczbie projektów komercyjnych
  • Używać w pracy dla klienta, którą fakturujesz
  • Zmieniać, rozbudowywać i przekolorować bez pytania

Nie możesz

  • Odsprzedawać ani rozpowszechniać samego kitu
  • Wrzucać go do konkurencyjnego kitu lub serwisu z szablonami
  • Udostępniać pliku poza swoją firmę

MTBAY Complete ma licencję zespołową w cenie. Czternaście dni na zmianę decyzji, bez pytań.

Przeczytaj pełną licencję