NextRooms - system designu
Zobacz meble u siebie w domu
Warstwa tokenów z design.md: kremowy canvas, grafitowy ink, biel kart z hairline borderami. Wszystko poniżej korzysta wyłącznie z klas semantycznych - zmiana designu to edycja jednego pliku tokens.css.
Karta funkcji
Biała powierzchnia (surface-1) na kremowym tle, hairline border, radius-lg - bez cieni.
Karta podglądu
Wariant radius-xl - tu docelowo wizualizacje mebli.
Karta wyróżniona
Powierzchnia surface-2 dla banerów i wyróżnień.
Display MD - nagłówek sekcji
Headline - tytuł podsekcji
Card title - tytuł karty
Subhead - akapit wprowadzający
Body - tekst podstawowy
Body SM - tekst pomocniczy
Caption - podpisy i meta
mono - 13px / JetBrains Mono