---
id: tokeny-ui-json
name: "Tokeny UI — JSON"
kind: tokens
variant: "JSON · obecny system digital"
mime: application/json
bytes: 8719
sha256: cfbb0506f425f17707b491913ffb99f7c5e48e060408f7d7e259b528b88918aa
version: "2026.1"
status: approved
download_url: https://refindi-guidelines.pages.dev/guidelines/assets/tokeny-ui-json/tokens.json
---

# Tokeny UI — JSON

Kolory, typografia, kształty (squircle), cienie, ruch i układ obecnej witryny Refindi, każda wartość ze ścieżką źródłową w kodzie.

## Kiedy i jak używać

Źródło wartości dla projektów UI i narzędzi AI. Każdy token ma rolę (`role`) i źródło (`source`).
Kolory: role, nie dowolna paleta — brzoskwinia buduje rozpoznawalność, błękit #53BDF6 wyróżnia akcje, ciepłe neutralne powierzchnie porządkują treść, ciemne #00111F to akcent.
Narożniki: `shape.squircle` opisuje metodę (clip-path liczony dla bieżącego rozmiaru, smoothing 1) — nie zamieniaj jej na zwykły border-radius.
Ruch: parametry sprężyn framer-motion (`stiffness`, `damping`, `mass`) i skale hover/tap. Respektuj prefers-reduced-motion.
Sekcja `issues` wymienia znane rozbieżności w kodzie — nie traktuj ich jako normy.

## Plik

- Pobierz: https://refindi-guidelines.pages.dev/guidelines/assets/tokeny-ui-json/tokens.json
- Format: application/json, 9 KB
- SHA-256: `cfbb0506f425f17707b491913ffb99f7c5e48e060408f7d7e259b528b88918aa`
- Źródło: Generowane z content/tokens.yaml; wartości odczytane z repo refindi-concierge-web@e7d7db4 (tailwind.config.ts, src/index.css, Business.tsx, squircle-box.tsx)
- Licencja / prawa: Własność Refindi. Do użytku w projektach marki.

## Powiązane tematy

- Interfejsy: https://refindi-guidelines.pages.dev/guidelines/content/pl/zastosowania/interfejsy.md
- Kolory: https://refindi-guidelines.pages.dev/guidelines/content/pl/identyfikacja/kolory.md
- Typografia: https://refindi-guidelines.pages.dev/guidelines/content/pl/identyfikacja/typografia.md