Šis puslapis dokumentuoja edusystem dizaino sistemą — paletę, tipografiją, tarpus ir komponentus, įprastu ir dideliu kontrastu.
Paletė ir jos poravimo taisyklės
Identitetas: monochrominė dominantė + akcentai, kurie niekada patys neneša teksto ant balto (S1, docs/client-decisions-demo.md).
Tekstas/fonas. 21.0:1 abipus — saugu visada.
Fonas/tekstas. 21.0:1 abipus — saugu visada.
TIK fonas su juodu tekstu ant jo (17.3:1). Ant balto — niekada.
–edusys-color-accent-green
TIK grafika/dekoratyvūs elementai. Niekada tekstas normaliame režime — todėl čia rodoma rėmeliu, o ne fonu po tekstu.
Fonas su juodu tekstu (8.21:1) arba grafika. Ant balto tekstas — niekada.
Tipografijos skalė
–edusys-type-s (0.875rem)
–edusys-type-m (1rem)
–edusys-type-l (1.25rem)
–edusys-type-xl (1.75rem)
–edusys-type-xxl (2.5rem)
Tarpų skalė
Komponentai
Kalbos perjungiklis
Tas pats komponentas, kurį atvaizduoja Module::renderLanguageSwitcher() puslapio antraštėje (wp_body_open):
Ikonų rinkinys (Tabler, MIT, v3.46.0 @ 8ac7d81b)
Didelis kontrastas — priverstinė peržiūra
Šis blokas nešioja tą patį [data-edusys-contrast="high"] atributą, kurį lankytojo perjungiklis nustato <html> elemente (Module::renderContrastToggle()) — spalvų žetonai paveldi žemyn nuo BET KURIO elemento, ne tik <html>, todėl žemiau matote tikslų HC atvaizdavimą be reikalo keisti savo naršyklės/OS nustatymų.