Dizaino gairės · v0.1
Viena kalba visiems ekranams.
Taip perduodame dizainą programuotojui: spalvos, šriftai ir komponentai su tiksliais dydžiais – kad kiekvienas naujas ekranas atrodytų vienodai.
SpalvosGamtos paletė. Molio spalva – tik vienam svarbiausiam veiksmui ekrane.
Girios tamsa#17261E
Antraštės, poraštė, tamsūs fonai
Samanos#2E4A3B
Pagrindiniai mygtukai, aktyvūs filtrai
Šalavijas#A9B99C
Ženkliukai, iliustracijos
Šviesi žaluma#E4EBDD
Pasirinktas intervalas, savybės
Smėlis#EFE6D6
Nuotraukų fonai, skyrikliai
Kreminė#F8F4EC
Puslapio fonas
Molis#B8683A
Vienas akcentas: „Rezervuoti“
Tekstas#1C221E
Pagrindinis tekstas, kontrastas 15:1
ŠriftaiNewsreader – antraštėms (šiltas, „knyginis“), Inter – tekstui ir skaičiams. Abu nemokami, su visomis lietuviškomis raidėmis.
H1 · Newsreader 500
56–96 pxRamybė čia pat
56–96 pxRamybė čia pat
H2 · Newsreader 500
30–42 pxLaisvi savaitgaliui
30–42 pxLaisvi savaitgaliui
H3 · Newsreader 500
23 pxPušų A namukas
23 pxPušų A namukas
Tekstas · Inter 400
17 px / 1,6Ąžuolų, ūkų ir ežerų kraštas – visos lietuviškos raidės aiškios.
17 px / 1,6Ąžuolų, ūkų ir ežerų kraštas – visos lietuviškos raidės aiškios.
Etiketė · Inter 600
13–15 pxATVYKIMAS · 4 SVEČIAI
13–15 pxATVYKIMAS · 4 SVEČIAI
MygtukaiAukštis 56 px (mažas – 48 px), užapvalinimas 14 px. Lengva paspausti bet kokio amžiaus žmogui.
Pagrindinis veiksmas · pirminis · antrinis · tekstinis · neaktyvus
Filtrai: 46 px aukščio, aktyvus – samanų spalvos
KortelėNuotrauka 4:3, užapvalinimas 18 px. Visada: būsena, vieta, įvertinimas, kaina už naktį.
LaisvaFormos laukai56 px aukščio, etiketė visada virš lauko (ne lauke), klaida – žodžiais, ne tik spalva.
Įprastas
Aktyvus (fokusas)
Patikrinkite el. pašto adresą
Neprivaloma
Kalendoriaus langelisNe mažiau 44 × 44 px. Užimta diena – pilka ir perbraukta, kad suprastų ir neskiriantys spalvų.
14Laisva
21Užimta
13Pasirinkta
14Intervalas
6Šiandien
3Praėjusi
TaisyklėsKad platforma būtų patogi ir močiutei, ir paaugliui.
17 pxmažiausias pagrindinis teksto dydis
48 pxmažiausias paspaudžiamas plotas
AAkontrastas visam tekstui (WCAG 2.2)