Tumši burti
Noklusējums. Galvene, kājene, dokumenti, viss uz papīra vai balta fona.
Lejupielādēt SVGZīmols
Viena zīme, viens tonis, viens burtveidols.
Šī ir visa sistēma, pierakstīta. Atturība noturas tikai tad, ja tā ir nosaukta: kas ir zīme, cik tālu drīkst iet krāsa un kurus paņēmienus mēs esam nolēmuši neizmantot.
Zīme
Savienots L: divas saskaņotas formas, kas lasās gan kā burts, gan kā divas kopā savienotas sistēmas daļas. Vārda zīme ir Manrope 700 ar manuāli pielāgotām atstarpēm, pārvērsta kontūrās. Bez gradienta, bez ietvara, bez pasvītrojuma — zīme nes to pašu atturību kā viss pārējais.
Gaiši burti
Tumšiem un fotogrāfiju foniem. Simbols kļūst gaišāks, lai nenogrimtu.
Lejupielādēt SVG
Viena krāsa
Viens tonis visam — drukai un visur, kur krāsa nav pieejama.
Lejupielādēt SVG
Tikai simbols
Favikoni, lietotņu ikonas, avatāri — visur, kur nosaukums jau ir blakus.
Lejupielādēt SVGKā to lietot
Proporcijas ir fiksētas, un zīmējumam jau ir sava iekšējā atstarpe. Gandrīz viss zemāk ir par to, lai zīmi atstātu mierā.
Mazos izmēros
- 16 px
- 24 px
- 32 px
- 48 px
Simbols ir zīmēts tā, lai izturētu 16 pikseļus — tur dzīvo favikons. Zem tā izmanto vārda zīmi vai neko.
Brīvā telpa
Atstāj simbola augstumu brīvu no visām četrām pusēm, papildus tai atstarpei, kas jau ir zīmējumā. Šajā telpā neatrodas nekas cits.
Ko nedarīt
- Nestiep un nesašaurini zīmi. Proporcijas ir fiksētas.
- Nepārkrāso atsevišķus burtus un nesadali vārda zīmi divos toņos.
- Neatjauno gradientu, apaļo ietvaru vai pasvītrojumu no iepriekšējās zīmes.
- Neliec tumšo variantu uz tumša fona. Tam ir gaišais variants.
- Nepārraksti vārda zīmi no jauna ar Manrope. Atstarpes ir pielāgotas, un burti ir kontūrās.
Krāsa
Silts papīrs, balts un tinte, ko uzlādē tieši viena hromatiska balss. Katra vērtība dzīvo vienā stila lapā un nonāk pie komponentes ar nosaukumu, kas pasaka, kam tā domāta, nevis kā tā izskatās — tieši tāpēc tumšā versija būtu izmaiņa vienā failā un nekur citur.
Foni un līnijas
No kā sastāv lapa. Neviens no šiem nenes tekstu, tāpēc nevienam nav vajadzīgs kontrasta rādītājs.
- Lapas fons
#fbfaf7--ld-paper - Paceltas virsmas un iekšējās lapas
#ffffff--ld-white - Izvēlēti un izcelti paneļi
#eaf4f6--ld-tint - Matlīnijas starp sadaļām
#e1e3df--ld-line
Teksts
Izmērīts uz katra fona, uz kura tonis drīkst atrasties. Klusinātais ir grīda: nekas gaišāks nekad nenes tekstu.
- Virsraksti un pamatteksts
#19252a--ld-ink15,0:1 uz papīra - Blīvs paskaidrojošs teksts
#4c595f--text-secondary6,9:1 uz papīra - Papildu teksts — kontrasta grīda
#657075--ld-slate4,87:1 uz papīra - Sadaļu apzīmējumi un satura saites
#486979--text-label5,88:1 uz balta
Atbildes krāsa
Dziļais tirkīzs nozīmē, ka sistēma tev atbild: uzbraukšana, pašreizējais, atvērts, aktīvs. Dekoratīvi to nelieto. Logotipa gaišais tonis paliek logotipā — ar 2,83:1 tas nedrīkst nest fokusa kontūru, tāpēc kontūra ir padziļināts tā paša toņa variants.
- Uzbraukšana, pašreizējais, atvērts, aktīvs
#066b83--ld-deep5,85:1 uz papīra - Fokusa kontūra, 3px, nekas cits
#0092ad--focus-ring3,52:1 uz papīra - Tikai logotipā — nekad saskarnē
#00a4c3--ld-cyan2,83:1 uz papīra — zem robežas
Statuss
Divi toņi, un tie nes nozīmi, nevis dekorāciju, tāpēc tie pārdzīvo tēmas maiņu. Krāsa nekad nav vienīgais, kas pasaka stāvokli.
- Gaida cilvēku
#816126--status-pending5,48:1 uz papīra - Nokārtots
#366958--status-done6,06:1 uz papīra
Burtveidols
Manrope dara visu — no 11 pikselu paraksta līdz 86 pikselu virsrakstam. Otrs burtveidols, grotesks siltumam vai monospace ticamībai, ir tieši tas paņēmiens, no kura šī sistēma atsakās. Hierarhiju veido treknums, izmērs un atstarpes, kas saspiežas, burtiem augot.
Viena zīme, viens tonis, viens burtveidols.
Viena zīme, viens tonis, viens burtveidols.
Viena zīme, viens tonis, viens burtveidols.
Viena zīme, viens tonis, viens burtveidols.
Viena zīme, viens tonis, viens burtveidols.
Viena zīme, viens tonis, viens burtveidols.
Viena zīme, viens tonis, viens burtveidols.
Viena zīme, viens tonis, viens burtveidols.
Apzīmējumi rakstāmi ar mazajiem burtiem
Nekad ne retinātas lielo burtu mikrokapiteles. Tā ir skaidrākā pazīme veidnei, no kuras šis dizains atsakās, un tā maksā lasāmību tieši tajā izmērā, kādā apzīmējumi tiek likti.
Sadaļu virsraksti.
Tā
Sadaļu virsraksti.
Ne tā
Katrs virsraksts tiek pārbaudīts angliski un latviski četros platumos. Latviešu teksts ir par divdesmit līdz trīsdesmit procentiem garāks, tāpēc virsraksts, kas angliski izlīdzinās, latviski var sadalīties slikti.
Forma, dziļums un kustība
- Septiņi noapaļojumi, nosaukti pēc tā, kam tie pieder, nevis novienādoti līdz vienam stūrim: 4, 5, 7, 9, 11, 14 un 20 pikseļi.
- Dziļums ir matlīnijas gredzens plus viens garš, izkliedēts mirdzums. Nekādu plakanu ēnu, nekādas ēnas uz lapas fona un nekad karte kartes iekšienē.
- Viena pāreja un viena animācija, un animācija atbild uz klikšķi. Nekādu ienākšanas animāciju, nekādu ritināšanas efektu, nekādu pacelšanos uzbraucot. Kustības pievienošana šeit ir regress, nevis uzlabojums.
Pieejamība
WCAG 2.2 AA ir grīda, nevis mērķis, un to notur tas pats skripts, kas notur krāsu līgumu.
- Pamatteksts un ievadlauku teksts pārsniedz 4,5:1, lielais teksts — 3:1. Klusinātais tonis ir gaišākais, kas jebkad nes vārdus.
- Fokuss ir 3px kontūra ar 4px atkāpi uz visa, ko var sasniegt ar tastatūru.
- Krāsa nekad nenes nozīmi viena pati. Viss, ko iezīmē tirkīzs, ir arī pašreizējs, atvērts vai nosaukts vārdos.
Vajag ko tādu, kā šeit nav?
Faili ir augstāk, un noteikumi ir pierakstīti. Ja vajag citu formātu, zīmi konkrētai vietai vai atbildi, ko šī lapa nesniedz, uzraksti, un mēs to pievienosim.