ბრენდის სახელმძღვანელო
tbilisi.today არის თბილისის დღიური გამოცემა. ეს გვერდი აღწერს, როგორ გამოიყურება და ჟღერს ის, რასაც ვაქვეყნებთ: ასო, ფერი, სივრცე და მოძრაობა.
რა ვართ და რით განვსხვავდებით
ჩვენ არ ვართ ახალი ამბების ნაკადი. ჩვენ ვართ ის ადგილი, სადაც ნაკადი ჩერდება და იკითხება.
ჩვენ ვკითხულობთ ქალაქის ყველა მთავარ წყაროს, ვაცალკევებთ დადასტურებულს ვარაუდისგან და დღის განმავლობაში ვაგროვებთ ერთ, დალაგებულ სურათს: რა მოხდა, ვინ ამბობს ამას და რა შეიძლება მოჰყვეს.
მკითხველი, რომელსაც ეს სჭირდება, არ ეძებს ხმაურს. ის ხსნის ერთ გვერდს და უნდა იყოს დარწმუნებული, რომ ორი საათის შემდეგ იგივე გვერდი არ ეწინააღმდეგება საკუთარ თავს.
ქალაქის დღე, ერთ გვერდზე.
ეს ხაზი ლოგოში არ იწერება. ის არის გადაწყვეტილების ფილტრი: თუ წინადადება მას არ ემსახურება, ის არ იბეჭდება.
მხოლოდ პატარა ასოებით
სახელი იწერება მხოლოდ პატარა ასოებით, ლათინურით: tbilisi.today. წერტილი სახელის ნაწილია და არასდროს იცვლება მძიმით, ტირით ან ინტერვალით.
წინადადების დასაწყისში
სახელი პატარა ასოთი იწერება წინადადების დასაწყისშიც. ეს გამონაკლისია და ის განზრახ არის: სახელი ყოველთვის ერთნაირად უნდა გამოიყურებოდეს.
ბრუნვა
ქართულ ტექსტში სახელს არ ვუმატებთ „-ი"-ს. ბრუნვის ნიშანს ვწერთ დეფისით: tbilisi.today-ზე, tbilisi.today-ის, tbilisi.today-ით.
სიმშვიდე, სიზუსტე, სიცხადე
მკითხველს ვმიმართავთ „შენ"-ით. ვწერთ მოკლედ, მაგრამ არა მშრალად. ერთი აზრი ერთ წინადადებაში: თუ წინადადება ორჯერ იკითხება, ის თავიდან იწერება.
- სიზუსტე. ვწერთ იმას, რაც დადასტურებულია, და პირდაპირ ვამბობთ, რაც ჯერ არ არის.
- სიმშვიდე. არ ვყვირით. ძახილის ნიშანი სათაურში თითქმის არასდროს გვჭირდება.
- სიცხადე. ერთი აზრი ერთ წინადადებაში.
- პატივისცემა. მკითხველი თანამოსაუბრეა, არა აუდიტორია.
სიტყვები, რომლებსაც არ ვიყენებთ
სენსაცია, შოკი, სკანდალი, აუცილებლად უნდა იცოდე, მთელი ქალაქი ამაზე საუბრობს, დაუჯერებელი, ექსკლუზივი, ბომბა, ვირუსული.
პუნქტუაცია
მხოლოდ მოკლე დეფისი, ორივე მხრიდან ერთი სივრცით. გრძელი ტირე (em dash) და მისი ნახევარი (en dash) აკრძალულია ყველგან: ტექსტში, სათაურებში, ღილაკებში და მეტამონაცემებში.
- დიაპაზონი იწერება სივრცის გარეშე: 10:00-12:00, 24-26 ოქტომბერი.
- შუალედური ტირე (parenthetical) არ გამოიყენება: ნაცვლად ორი წინადადებისა ან ორწერტილისა.
- რთული სიტყვა იწერება დეფისით: სოციალურ-ეკონომიკური.
ასო, რომელიც ქართულს პატივს სცემს
სათაურები FiraGO-თი, ტექსტი Noto Sans Georgian-ით. ქართულს დიდი ასოები არ აქვს, ამიტომ იერარქიას ვაშენებთ ზომით, წონით და სივრცით.
ქართული წესები
- ასოთშორისი ნულია. ქართულ ტექსტს letter-spacing არ ემატება.
- კაპიტალები არ არსებობს. text-transform: uppercase ქართულზე აკრძალულია.
- კურსივი აკრძალულია: FiraGO-ს ქართული კურსივი არ აქვს და ბრაუზერის დახრა ყალბია.
- სტრიქონთაშორისი არანაკლებ 1.55, ძირითად ტექსტში 1.75.
- სვეტი 62 სიმბოლო, გასწორება მარცხნივ, გადატანა დეფისის გარეშე.
ერთი წითელი, ერთი წერტილი
წითელი არ არის დეკორაცია. წითელი ნიშნავს „ახლა"-ს: პირდაპირ ეთერს, მიმდინარე ეპიზოდს, მთავარ მოქმედებას. დანარჩენი ქაღალდი და მელანია.
- ქაღალდი
#FBFAF7ბრენდის ფონი - მელანი
#14181F17.05:1 ქაღალდზე - მეტამონაცემი
#66707F4.80:1 ქაღალდზე - სიგნალი
#DC26264.63:1 ქაღალდზე - ღამე
#0B0F14ღამის ფონი - ნისლი
#A7B0BD8.77:1 ღამეზე - ღამის სიგნალი
#F871716.95:1 ღამეზე - თმის ხაზი
#E2DED4მხოლოდ ჩარჩო
კონტრასტი გაზომილია WCAG 2.2-ის ფორმულით. ტექსტისთვის მინიმუმი 4.5:1. წითელი #DC2626 ღამის ფონზე მხოლოდ გრაფიკისთვისაა საკმარისი (3.98:1).
სახელი და მისი წერტილი
სიტყვიერი ნიშანი FiraGO Bold-ის კონტურებია, დაჭერილი -0.6% ტრეკინგით. წერტილი ხელით არის აწყობილი და ის ერთადერთი წითელია ლოგოში.
წესები
- თავისუფალი არე ოთხივე მხრიდან უდრის წერტილის დიამეტრს.
- სიტყვიერი ნიშნის მინიმუმი 120px, ნიშნის მინიმუმი 16px.
- ჰორიზონტალურ ლოკაპში დაშორება წერტილის 1.5 დიამეტრია.
- ლოგო არ იჭიმება, არ იხრება და არ იღებს ჩრდილს ან კონტურს.
- ფოტოზე ლოგო მხოლოდ მელნის 70%-იანი ბინდით დგება.
მოქმედება და სიმშვიდე
ღილაკი მრგვალია, ბარათი სწორი. ჩრდილი თითქმის არ არსებობს, საზღვარი კი ყოველთვის. ყოველი სამიზნე მინიმუმ 44px სიმაღლეა.
მერია ამბობს, რომ სამუშაოები ღამით ჩატარდება. სამი წყარო ადასტურებს ვადის ცვლილებას.
ბადე 4-იან ნაბიჯზე
ყველა დაშორება იყოფა ოთხზე. სექციებს შორის 64 მობილურზე და 96 დესკტოპზე. ბარათის შიდა დაშორება 16 ან 20, მთავარ ბარათში 24.
| ხანგრძლივობა | სად | რა იცვლება |
|---|---|---|
| 120ms | ფოკუსი, ფერი | მხოლოდ ფერი |
| 180ms | ღილაკი, ბმული | ფერი და 1px აწევა |
| 240ms | ბარათი, პანელი | opacity და 8px აწევა |
| 320ms | მენიუ, ფურცელი | opacity და მასშტაბი |
იცვლება მხოლოდ transform და opacity. პარალაქსი, ავტომატური კარუსელი და scroll-jacking აკრძალულია. prefers-reduced-motion-ის დროს ყველა გადასვლა ითიშება.
ათი წესი, რომელიც ყველაფერს წყვეტს
კეთება
- სახელი ყოველთვის პატარა ასოებით.
- ერთი წითელი აქცენტი ეკრანზე.
- სტრიქონთაშორისი 1.75 ძირითად ტექსტში.
- წყარო, დრო და ბმული ყოველ ამბავთან.
- ფოტო ბუნებრივ შუქზე, კრედიტით.
არ კეთება
- კაპიტალები ქართულზე.
- ასოთშორისი ქართულ ტექსტზე.
- გრადიენტი, ბურუსი ან მბზინავი ზედაპირი.
- გრძელი ტირე ტექსტში.
- ემოჯი სათაურში ან ღილაკში.