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.
Šeit ir aprakstīta visa zīmola sistēma. Lai noformējums paliktu atturīgs, noteikumiem jābūt skaidriem: kāda ir zīme, kur drīkst lietot krāsu un no kuriem paņēmieniem apzināti atsakāmies.
Zīme
Savienots L: divas saskaņotas formas, kas lasās gan kā burts, gan kā divas kopā savienotas sistēmas daļas. Vārdzī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 paredzētas iekšējās atstarpes. Tālāk minētie noteikumi palīdz saglabāt zīmes sākotnējo izskatu.
Mazos izmēros
- 16 px
- 24 px
- 32 px
- 48 px
Simbols ir veidots tā, lai būtu skaidri saskatāms arī 16 pikseļu izmērā, kāds ir vietnes ikonai. Mazākā izmērā izmantojiet vārdzīmi vai nelietojiet zīmi.
Brīvā telpa
Ap zīmi no visām četrām pusēm atstājiet brīvu vietu simbola augstumā papildus atstarpei pašā zīmējumā. Šajā laukumā nelieciet citus elementus.
Ko nedarīt
- Nestiepiet un nesašauriniet zīmi. Proporcijas ir fiksētas.
- Nepārkrāsojiet atsevišķus burtus un nesadaliet vārdzīmi divos toņos.
- Neatjaunojiet gradientu, apaļo ietvaru vai pasvītrojumu no iepriekšējās zīmes.
- Nelieciet tumšo variantu uz tumša fona. Tam paredzēts gaišais variants.
- Nepārrakstiet vārdzīmi no jauna ar Manrope. Atstarpes ir pielāgotas, un burti ir pārvērsti kontūrās.
Krāsa
Silts papīra tonis, balts un tintes tonis, ko papildina tieši viena akcenta krāsa. Visas vērtības ir vienā stila lapā, un komponenti tās izmanto pēc nosaukumiem, kas norāda to lomu, nevis izskatu. Tāpēc tumšo versiju varētu izveidot, mainot vienu failu.
Foni un līnijas
Lapas foni un līnijas. Neviens no šiem toņiem nav paredzēts tekstam, tāpēc tiem nav teksta kontrasta rādītāja.
- 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 - Smalkas līnijas starp sadaļām
#e1e3df--ld-line
Teksts
Kontrasts ir izmērīts uz katra fona, uz kura attiecīgo toni drīkst lietot. Klusinātais tonis ir gaišākais pieļaujamais: gaišākus toņus tekstam nelieto.
- 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 — minimālais pieļaujamais kontrasts
#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 norāda, ka sistēma reaģē uz Jūsu darbību: elementam, uz kura novietots kursors, kā arī pašreizējam, atvērtam vai aktīvam elementam. Dekorācijai to nelieto. Gaišais tirkīzs paliek tikai logotipā — tā kontrasts 2,83:1 nav pietiekams fokusa kontūrai, tāpēc kontūrai izmanto tumšāku tā paša toņa variantu.
- Kursors virs elementa, pašreizējs, atvērts vai aktīvs elements
#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 izmantojam visur — no 11 pikseļu paraksta līdz 86 pikseļu virsrakstam. Otrs burtveidols — serifu fonts siltākai noskaņai vai vienāda platuma burtu fonts uzticamības iespaidam — neatbilst šai sistēmai. Hierarhiju veido burtu treknums, izmērs un atstarpes, kas kļūst šaurākas, burtiem palielinoties.
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ā
Katru virsrakstu pārbauda angliski un latviski četros ekrāna platumos. Latviešu teksts ir par divdesmit līdz trīsdesmit procentiem garāks, tāpēc virsraksts, kas angliski iekļaujas rindā, latviski var sadalīties neveikli.
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ļumu veido smalka kontūra un viens plašs, izkliedēts mirdzums. Bez plakanām ēnām, ēnām uz lapas fona un kartēm citu karšu iekšienē.
- Viena pāreja un viena animācija, kas reaģē uz klikšķi. Bez elementu parādīšanās animācijām, ritināšanas efektiem vai pacelšanās, novietojot kursoru virs elementa. Papildu kustība šajā sistēmā pasliktina rezultātu.
Pieejamība
WCAG 2.2 AA ir minimālā prasība, nevis galamērķis. To pārbauda tas pats skripts, kas pārbauda krāsu lietojuma noteikumus.
- Pamatteksta un ievadlauku teksta kontrasts pārsniedz 4,5:1, lielā teksta kontrasts — 3:1. Klusinātais tonis ir gaišākais, ko izmantojam tekstam.
- Fokuss ir 3px kontūra ar 4px atkāpi uz visa, ko var sasniegt ar tastatūru.
- Krāsa nekad nav vienīgais nozīmes nesējs. Tirkīza elementa pašreizējais vai atvērtais stāvoklis ir norādīts arī citādi vai aprakstīts vārdos.
Vajag ko tādu, kā šeit nav?
Faili ir augstāk, un lietošanas noteikumi ir pierakstīti. Ja nepieciešams cits formāts, zīme konkrētai vietai vai atbilde, ko šī lapa nesniedz, rakstiet mums, un mēs to pievienosim.