V aplikaci barvy ukazují, na co se dá klepnout, co je aktivní a co se povedlo nebo nepovedlo. Těchto 12 palet obsahuje pozadí, plochy, hlavní barvu a text podle typu aplikace, s kódy HEX, které přeneseš do Figmy, Flutteru, SwiftUI nebo React Native.
Fintech modrá a zelená
Modrá pro důvěru a zelená pro zůstatky a úspěšné transakce.
Oranžová pro rozvoz jídla
Oranžová zvýrazní tlačítka objednávky a akce.
Zdraví a wellness
Klidná; pro aplikace na objednávání k lékaři, návyky nebo sledování.
Purpurový tmavý režim
Velmi tmavě šedé pozadí místo čisté černé, se světle purpurovým akcentem.
Sociální růžová a purpurová
Pro sociální sítě, seznamky nebo tvůrce obsahu.
Minimalistická produktivita
Velmi čitelná; pro správce úkolů a pracovní nástroje.
Žlutá pro vzdělávání
Veselá a jasná; pro aplikace na jazyky nebo učení.
Energický fitness
Limetková a červená na tmavém; pro tréninky a metriky.
Levandulová pro meditaci
Jemná a uklidňující; pro spánek, meditaci nebo deník.
Cestovní tyrkysová a písková
Připomíná pláž a slunce; pro rezervace a cestovní průvodce.
Svěží zelená pro jídlo
Pro supermarkety, recepty nebo výživu.
Prémiové nakupování
Neutrální a elegantní; hlavní roli nechává fotkám produktů.
Klepni na barvu a zkopíruj její kód HEX. Ikona tužky otevře paletu v editoru, kde ji můžeš upravit.
Barvy stavů urči hned na začátku
Každá aplikace potřebuje barvy pro chybu, úspěch, varování a informaci. Vyber odstíny, které sedí k tvé paletě, a barvu chyby nepoužívej na nic jiného, například na tlačítka značky. Barvu doplň ikonou nebo textem, aby význam nebyl závislý jen na ní.
Navrhni i tmavý režim
Většina telefonů umí tmavý režim a mnoho uživatelů ho má zapnutý. Nestačí barvy obrátit: místo čisté černé použij velmi tmavé šedé a akcentům trochu sniž sytost, aby na pozadí nevibrovaly.
Zkontroluj kontrast a dotykové plochy
Text by měl mít podle WCAG kontrast alespoň 4,5:1 vůči pozadí. Tlačítka musí vypadat jinak, když jsou aktivní, stisknutá nebo neaktivní. Vyzkoušej aplikaci venku a se sníženým jasem, protože tak ji používá spousta lidí.