Better Colors
Systematiska färgpaletter med verifierad tillgänglighet
Installera
npx skills add jakubkrehel/skills
When building or auditing color systems, creating design palettes, or implementing light and dark themes
- Utvecklare
- Jakub Krehel
Översikt
En komplett guide till färgsystem som kan skalas för digitala gränssnitt. I stället för att samla färger utan struktur visar färdigheten hur du bygger genomtänkta skalor, namnger tokens efter funktion och verifierar tillgänglighet genom korrekt kontrastmätning.
Höjdpunkter
- Bygg färgskalor med jämnt fördelade ljushetssteg och konstant kulör
- Separera grundfärger från semantiska tokens för enkel temahantering
- Mät kontrastpar i sitt renderade sammanhang, inte isolerat
- Ge varje färg en enda konsekvent betydelse i hela gränssnittet
- Granska befintliga kodbaser för att upptäcka luckor i färgsystemet
- Hantera ljusa och mörka utseendevarianter systematiskt
För designteam
Oavsett om ni skapar ett nytt designsystem eller förbättrar ett befintligt ger färdigheten principer och verifieringsmetoder för färger som fungerar tillförlitligt för alla användare och sammanhang. Fokus ligger på mätbar tillgänglighet, inte estetiska gissningar.
Liknande färdigheter
Better Interface
FärdighetSamla gränssnittsgranskningar i en prioriterad rapport
Better Accessibility
FärdighetGör gränssnitt användbara med tangentbord och skärmläsare
Pigment
FärdighetBygger Pigment-modeller, vyer och tavlor från klartext
Kommentarer(0)
Logga in för att kommentera