Om kategorien
Formål
To nærliggende, men semantisk ulike gjennomsiktighetsnivåer - pluss én svært restriktiv blur-token for de få faste/flytende flatene der litt gjennomskinn faktisk hjelper lesbarheten.
Egner seg for
- Sekundær tekst, metadata og annen informasjon som skal være lesbar, men mindre fremtredende.
- Deaktiverte skjemafelt og knapper som må signalisere at de ikke kan brukes nå.
- Fast eller flytende navigasjon som trenger en svak bakgrunnsuskarphet for å holde kontakt med skrollende innhold uten å bli ren glassmorphism.
Egner seg ikke for
- Ikke for å skjule innhold helt, styre animasjon eller erstatte ordentlige farge- og tilstandstokens.
- Ikke når forskjellen er interaktiv eller funksjonell og bør kommuniseres med mer enn bare opacity.
- Ikke som generell dekorativ frost-effekt på vanlige kort eller paneler.
Tokens
| Token | Verdi | Beskrivelse |
|---|---|---|
--opacity-muted | 0.7 | Dempet/sekundær tekst som etiketter, metadata og hjelpetekst. Verdien er egen token selv om den ligner disabled-nivået, fordi semantikken er en annen. |
--opacity-disabled | 0.6 | Gjennomsiktighet for deaktiverte skjemaelementer og knapper som ikke kan brukes akkurat nå. |
--blur-material | 8px | Den ene restriktive blur-verdien i systemet, for eksempel på en fast bunnnavigasjon som flyter over skrollende innhold. Kraftig glasspreg er fjernet; målet er lesbarhet og kontekstbevaring, ikke dekorativ frost. |
Detaljer
--opacity-mutedog--opacity-disableder separate fordi de uttrykker ulik semantikk: mindre fremtredende informasjon versus et element som ikke kan brukes.--blur-materialer med vilje holdt alene og svakt; hvis en flate ikke faktisk trenger translucens for å bevare kontekst, skal den heller bruke en ordinær bakgrunnsfarge.