Brend
Qoʻlanmasi

Ushbu qoʻlanma "Mutolaa" ilovasining vizual tili, dizayn uslubi va asosiy tamoyillarini belgilaydi. Uning maqsadi — jamoa yoki mutaxassislikdan qatʻi nazar, yagona va izchil brend tajribasini yaratishdir."Mutolaa"ning mohiyati — bilim, ravshanlik va qulaylik. Bizning missiyamiz — oʻqishni yanada oson, tushunarli va ilhomlantiruvchi qilish. Ushbu qoʻlanma brendimizni hayotga olib chiqadigan muhim dizayn standartlarini oʻz ichiga oladi: ranglar tizimi, tipografiya, foydalanish qulayligi (accessibility) va hujjatlashtirish qoidalari.
Raqamli platformalar yoki chop etiladigan materiallar uchun dizayn qilishingizdan qatʻi nazar, ushbu qoʻlanma har bir aloqa nuqtasida "Mutolaa"ning asosiy qadriyatlari — ishonch, soddalik va samaradorlikni aks ettirishni taʻminlaydi.

01 Mutolaaga Kirish

Bilim dunyosida chalgʻishlar koʻp — eʻtiborning tarqoqligi, vaqt yetishmasligi va oʻqishga boʻlgan qiziqishning susayishi insonning rivojlanishiga toʻsqinlik qiladi. Koʻpchilik oʻrganishni xohlaydi, ammo toʻgʻri tizim va muhit yetishmagani sababli bu jarayon samarasiz kechadi.

"Mutolaa" bilim olishga boʻlgan ishonchni qayta tiklaydi.

Mutolaa bilim va oʻqish muhitini ifodalovchi tasvir

Aniqlik va mazmun asosida yaratilgan "Mutolaa" oddiy, ammo kuchli missiyaga ega — oʻqishni oson, tushunarli va samarali qilish. Biz ishonamizki, toʻgʻri tashkil etilgan oʻrganish jarayoni insonning fikrlashini kengaytiradi va uning salohiyatini ochib beradi.

"Mutolaa" nafaqat oʻqishni taklif qiladi — u sizni izchil rivojlanishga yetaklaydi. Chunki bilim toʻgʻri oʻzlashtirilganda, kelajak yanada yorqinroq boʻladi.

02 Logotip

"Mutolaa" logotipi ochiq kitob shaklida yaratilgan boʻlib, bilim, oʻrganish va tafakkurni ifodalaydi. Kitob ichidagi nozik elementlar harflar bilan uygʻunlashib, brend nomi bilan vizual bogʻliqlikni hosil qiladi.

Minimalistik va toza chiziqlar logotipga zamonaviylik va aniqlik beradi. Uning sodda shakli mobil ilova, veb yoki chop etiladigan materiallarda oson qoʻllanishini taʻminlaydi.

"Mutolaa" logotipi shunchaki belgi emas — u bilimga ochilgan sahifa, yangi fikrlar va doimiy rivojlanish ramzidir.

Asosiy rang

Ikkinchi darajali

Monoxrom ranglar

Himoya maydoni

x
x
x
x

Notoʻgʻri foydalanish

Logotip oʻlchamini notoʻgʻri oʻzgartirmang

Logotipni aylantirmang

Logotip oʻlchamlarini alohida oʻzgartirmang

Logotipga kontur (outline) qoʻshmang

Logotip elementlarining joyini almashtirmang

gradient logotip

Logotipga gradient yoki effektlar qoʻshmang

03 Ranglar

"Mutolaa" ranglar palitrasi bilim, xotirjamlik va diqqatni jamlash hissini uygʻotish uchun yaratilgan. Har bir rang foydalanuvchiga qulay oʻqish muhitini taqdim etib, oʻrganish jarayonini yanada samarali va yoqimli qiladi.

Ushbu ranglar birgalikda zamonaviy, ishonchli va ilhomlantiruvchi brend obrazini yaratadi. Asosiy rang energiya va motivatsiyani ifodalasa, qoʻshimcha ranglar muvozanat va vizual qulaylikni taʻminlaydi.

Natijada, "Mutolaa" har bir interfeys va aloqa nuqtasida oʻzining asosiy qadriyatlari — soddalik, ravshanlik va bilimga intilishni aks ettiradi.

Asosiy palitra

Accent

Hex: #FF6900

Background

Hex: #F4F5F5

White

Hex: #FFFFFF

Black

Hex: #18181B

Qoʻshimcha palitra

Success

Hex: #17C964

Warning

Hex: #F5A524

Danger

Hex: #FF383C

Border

Hex: #E4E4E7

Gradient palitra

Gradient 1

Gradient 2

Gradient 3

Gradient 4

04 Tipografiya

"Mutolaa" tipografiyasi soddalik, oʻqilishi osonlik va zamonaviylik tamoyillariga asoslanadi. Barcha platformalarda yagona shrift ishlatilishi brend izchilligini taʻminlaydi va foydalanuvchiga bir xil, qulay tajriba yaratadi.

Inter tipografiya namunasi

Asosiy shrift — Inter

Inter — bu toza, zamonaviy sans-serif shrift boʻlib, ekranlar uchun maxsus optimallashtirilgan. U yuqori oʻqiluvchanlikni taʻminlaydi va uzun matnlarni ham oson qabul qilish imkonini beradi. Uning sodda va funksional tuzilishi "Mutolaa"ning asosiy qadriyatlari — ravshanlik, qulaylik va samaradorlikni aks ettiradi.

Inter barcha holatlarda qoʻllaniladi: sarlavhalar, matnlar, tugmalar va interfeys elementlari. Turli ogʻirliklari (weights) orqali vizual ierarxiya yaratiladi va kontent aniq ajratiladi.

Yagona shrift tizimi orqali "Mutolaa" har doim toza, tushunarli va professional koʻrinishda namoyon boʻladi.

Asosiy shrift

Inter

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj

Kk Ll Mm Nn Oo Pp Qq Rr Ss

Tt Uu Vv Xx Yy Zz

0 1 2 3 4 5 6 7 8 9

! @ # $ % ^ & * () {} : " ' , < > ? /

Oʻlchamlar

"Mutolaa" tipografiyasi turli ekran va platformalarda qulay oʻqilishni taʻminlash uchun moslashuvchan oʻlchamlarga ega. Har bir matn turi — sarlavha, asosiy matn yoki izoh — aniq ierarxiya asosida belgilangan boʻlib, foydalanuvchiga kontentni oson qabul qilish imkonini beradi.

Bilimdagi chalkashlikni yoʻqoting, tafakkuringizni ravshan qiling

Shrift oʻlchami:
72pt/px+
Qator balandligi:
100%
Harflar oraligʻi:
-2%

Kitob tanlashda qiynalyapsizmi, diqqatni jamlay olmayapsizmi yoki oʻqishni qayerdan boshlashni bilmayapsizmi — "Mutolaa" sizga toʻgʻri yoʻl koʻrsatadi

Shrift oʻlchami:
55–72pt/px
Qator balandligi:
110%
Harflar oraligʻi:
-2%

Biz oʻqish jarayonini sodda va samarali qilish uchun ishlaymiz. "Mutolaa" sizga mos kontentni topishga, eʻtiborni jamlashga va bilimni tizimli ravishda oshirishga yordam beradi — shunda har bir oʻqilgan sahifa foydali boʻladi

Shrift oʻlchami:
24–55pt/px
Qator balandligi:
120%
Harflar oraligʻi:
-1%

Oʻqish murakkab boʻlishi shart emas. Toʻgʻri yondashuv, qulay interfeys va puxta tizim orqali bilim olish jarayoni ancha osonlashadi. "Mutolaa" aynan shuni taʻminlaydi — sizni ortiqcha chalgʻitmasdan, kerakli bilimga tez va samarali yetkazadi

Shrift oʻlchami:
0–24pt/px
Qator balandligi:
130%
Harflar oraligʻi:
0%