Design guide — Graphican

Фонтын хослол.

Уншихад хялбар, орчин үеийн мэдрэмж төрүүлэх 20 хослол. Эхнийх нь гарчиг, дараагийнх нь эх бичвэрийн фонт. «Кирилл ✓» тэмдэгтэй фонт монгол үсгийг дэмжинэ. «Фонт татах» товчоор компьютертээ суулгах файлуудыг авна.

• Sora + Manrope — Цэвэрхэн, орчин үеийн вэб болон апп-д төгс.
• Mont + Sora — Геометрийн бүтэцтэй, технологилог.
• Syne + Inter — Авангард мэдрэмжтэй, маш их тренд болж буй.
• Plus Jakarta Sans + Inter — SaaS болон стартапуудад тохиромжтой.
• Space Grotesk + Outfit — Шинэлэг, Web3 эсвэл дижитал бүтээгдэхүүнд зориулагдсан.
• Clash Display + Satoshi — “Цэмбэгэр” дизайны гол төлөөлөл.
• Mont + Manrope — Тогтвортой, ямар ч брэндэд хөрвөх боломжтой.
• Poppins + Roboto — Хэзээ ч хуучиршгүй, аюулгүй сонголт.
• Oswald + Lato — Өндөр гарчигтай, анхаарал татна.
• Archivo Black + Archivo — Постер эсвэл сурталчилгаанд зориулсан маш хүчтэй хослол.
• Baloo + Quicksand — Дугуйрсан хэлбэртэй, хүүхдийн эсвэл хөгжилтэй контентэд тохиромжтой.
• Baloo + Open Sans — Анхаарал татах ч унших хэсэг нь албан ёсны байдлаа хадгална.
• Nunito + Mulish — Эерэг, дулаахан харагдацтай.
• Fredoka One + Nunito — Энтертайнмент чиглэлийн контентэд.
• Playfair Display + Source Sans Pro — Сонгодог, тансаг зэрэглэлийн.
• DM Serif Display + DM Sans — Загварлаг бөгөөд орчин үеийн сэтгүүлийн хэв маяг.
• Lora + Merriweather — Урт текст, нийтлэлд тохиромжтой уламжлалт мэдрэмж.
• Cinzel + Fauna One — Үнэртэй ус, гоо сайхан, тансаг брэндэд.
• Montserrat + Lora — Орчин үеийн байгууллагын, албан ёсны хэрнээ хээнцэр.
• Bebas Neue + Montserrat — Киноны постер эсвэл том гарчигтай загварт.

Өнгөний хослол.

Контраст нь WCAG стандартаар шалгагдсан, 60-30-10 дүрмээр ажиллах 20 хослол: дэвсгэр, текст, 2 акцент, гадаргуу (карт). 10 бараан, 10 цайвар. Өнгөн дээр дарвал HEX код хуулагдана.

• Midnight Violet: #0B0B14, #EDEBFA, #8B7CF8, #F0ABFC, #171628 — Креатив студи, портфолио, технологи. Graphican-ий гэр бүлийн өнгө.
• Nordic Night: #2E3440, #ECEFF4, #88C0D0, #A3BE8C, #3B4252 — Nord палитр — тайван, цэвэр. Апп, SaaS, хөгжүүлэгчийн сайт.
• Rosé Pine: #191724, #E0DEF4, #EBBCBA, #9CCFD8, #1F1D2E — Rosé Pine — зөөлөн, дулаан бараан. Блог, хувийн сайт, дизайнер.
• Deep Forest: #0F1C17, #E7F0EA, #7FCBA4, #E9C46A, #182C24 — Байгаль, эко, органик брэнд, аялал жуулчлал.
• Espresso: #1C1512, #F3E9DC, #D4A373, #E07A5F, #2A201B — Кофе шоп, ресторан, гар урлал — дулаан, амтлаг.
• Ocean Night: #0A1628, #E8F0FA, #4CC9F0, #F4A261, #13243D — Финтек, логистик, аналитик — итгэл төрүүлэх цэнхэр + улбар шар.
• Noir Gold: #0E0E0E, #F5F1E8, #D4AF37, #E8DCC2, #1A1918 — Тансаг зэрэглэл, үнэт эдлэл, зочид буудал.
• Neon Pulse: #0D0221, #F2E9FF, #FF2E88, #2DE2E6, #1A0B38 — Тоглоом, эвент, клуб, хөгжим — эрч хүчтэй.
• Graphite Coral: #18181B, #FAFAFA, #FF7A66, #FFD166, #232327 — Орчин үеийн стартап, хоол хүргэлт, апп.
• Acid Lime: #0B0B0B, #F2F2F2, #D4FF3F, #8C8CFF, #171717 — Технологи, Web3, спорт — зоримог, шинэлэг.
• Clean SaaS: #FFFFFF, #0F172A, #4F46E5, #0891B2, #F1F5F9 — Программ хангамж, стартап, B2B — цэвэр, мэргэжлийн.
• Editorial Ink: #FAFAF7, #141414, #1F4FFF, #E5482A, #EFEFEA — Сэтгүүл, мэдээ, агентлаг — Klein цэнхэр + улаан улбар.
• Sage & Sand: #F4F1EA, #2B372C, #4F7A5A, #B7793F, #E8E3D7 — Эрүүл мэнд, йога, spa, гэр ахуй — тайвшруулах.
• Scandi Light: #F7F7F5, #1E2A32, #3D5A80, #D8664A, #ECEBE7 — Интерьер, архитектур, минимал брэнд.
• Blush Minimal: #FBF6F4, #33272A, #B0536A, #9C5F4E, #F3E8E4 — Гоо сайхан, хувцас, хурим — зөөлөн, эмэгтэйлэг.
• Swiss Bold: #FFFFFF, #111111, #E63946, #1D3557, #F1F1F1 — Постер, эвент, спорт — хүчтэй ялгаа, Швейцарь хэв маяг.
• Solar Energy: #FFF8E7, #1B1A17, #C46A00, #264653, #FBEFD0 — Эрчим хүч, боловсрол, хүүхдийн бүтээгдэхүүн — гэгээлэг.
• Ocean Breeze: #F0F7FA, #0B2C3D, #0E7490, #B45309, #DDEEF4 — Эмнэлэг, аялал, цэвэр ус — итгэлтэй, сэрүүн.
• Lavender Fields: #F6F4FE, #221A3D, #6D56FA, #D9467A, #ECE8FC — Креатив, боловсрол, апп — зөөлөн нил ягаан.
• Terracotta Earth: #F6EFE6, #2B1D14, #B5502F, #5B7B5A, #EDE2D4 — Гар урлал, керамик, кафе, газар тариалан.

Нэг товшилтоор татах.

Фонт болон өнгөний хослолоо сонго — урьдчилан харж байгаад компьютерт суулгах фонтын файлууд, бэлэн CSS болон JSON-ийг нэг ZIP-ээр татаж ав.

Brand guide.

Graphican-ий өөрийн брэнд гайд: moodboard, өнгө, график элементүүд, 10 гол хэв маяг, фонт. Бараан дэвсгэр, нил ягаан гэрлийн туяа, нимгэн шугам, ширхэгтэй бүтэц — бүх бүтээлийг нэгтгэдэг визуал хэл.