Телеграм, WhatsApp+380637610482
Валерий Данюк
Валерий ДанюкхөгжүүлэгчБизнест зориулсан хиймэл оюун ухааны хэрэгслүүдийг хөгжүүлэх. Өндөр чанартай. Боломжийн үнэтэй.Telegram руу бичих
Adanola — энэ хэв маягтай сайтын урьдчилсан харагдац

Adanola

Цагаан цаасан дээрх редакцийн лого дэвтэр. Цэвэр цагаан гадаргуу дээр хэвлэмэл болон гэрэл зургийг амьсгалж, фонтыг хар бэхээр будаж, брэндийн ерөнхий хэв маягийг тусгасан нарийн гарын үсэг бүхий sans-serif фонт (Favorit)-аар чимэглэсэн загварын зураг авалт.

Аданола бол загварын галерей маягийн зураг бөгөөд бүтээгдэхүүний гэрэл зураг нь цорын ганц харааны хэл бөгөөд хэрэглэгчийн интерфэйс нь бараг алга болдог. Интерфэйс нь бараг монохромтой - цагаан гадаргуу, хар текст, ганц нимгэн sans-serif фонт (Favorit) - нь хувцасны өнгийг ихэнх хуудсан дээр цорын ганц хроматик өргөлт болгох боломжийг олгодог. Бүрэлдэхүүн хэсгүүд нь зориудаар цайвар өнгөтэй: сүүдэр, градиент, гоёл чимэглэлийн хил хязгааргүй, зөвхөн нарийн шугам, гол үйлдлүүдийн нарийн тойм, зөөлөн биш харин тод мэдрэгддэг булангийн радиус. Зай нь авсаархан, жигд (үндсэн) боловч зургийн эргэн тойрон дахь өгөөмөр цагаан зай нь тайван, редакцийн хэмнэлийг бий болгож, бүтээгдэхүүний зураг бүрийг бүтэн хуудасны редакцийн тархалт шиг харьцдаг. Ерөнхийдөө мэдрэмж нь ердийн цахим худалдааны сүлжээнээс илүү өндөр чанартай хэвлэмэл лого номтой ойр байдаг.

Хуудасны зохион байгуулалт нь бүрэн өргөнтэй бөгөөд контент нь ширээний компьютер дээр ойролцоогоор 1440 пикселийн өргөнтэй хязгаарлагддаг. Гол зураг нь төвд байрлуулсан гарчиг болон далд үйлдэл хийх уриалга (CTA) бүхий бүрэн өргөнтэй зураг юм. Гол зургийн доор хуудас нь бүтээгдэхүүний сүлжээний хэсгүүд (ширээний компьютер дээр 4 баганатай сүлжээ) болон редакцийн зургийн блокууд (хоёр тэнцүү өргөнтэй амьдралын хэв маягийн зураг) хооронд ээлжлэн байрладаг. Навигаци нь дээр нь хар зар сурталчилгааны судалтай минималист дээд самбар юм - тогтмол гарчиг, хажуугийн самбар эсвэл мега цэс байхгүй. Ангиллуудыг тусдаа ангиллын хуудасны оронд бүтээгдэхүүний сүлжээний дээрх энгийн хэвтээ шүүлтүүрийн таб ашиглан хайдаг. Хэмнэл нь өргөн цар хүрээтэй: гол хэсгүүдийн хооронд 64+ босоо ус зайлуулах хоолой, бүтээгдэхүүний карт доторх авсаархан 8-16 пикселийн зайтай. Сүлжээг тууштай ашигладаг: бүтээгдэхүүний хувьд 4 багана, редакцийн контентын хувьд 2 багана, ангиллын навигацид нэг багана. Мозайк эсвэл тэгш бус зохион байгуулалт байхгүй - каталог/харах номын бүтцийг онцлохын тулд бүх зүйл сүлжээнд хатуу уялдсан байдаг.

Гэрэл зургийн зонхилох харааны хэл нь идэвхтэй хувцастай загвар өмсөгчдийн бүтэн дэлгэцийн зургууд дээр төвлөрдөг. Засвар нь арилжааныхаас илүү редакторлах шинж чанартай байдаг: загваруудыг студийн статик позоор биш харин байгалийн хөдөлгөөнөөр (сунгах, алхах, гишгэх) авдаг. Өнгөний дүрслэл нь байгалийн бөгөөд шүүлтүүргүй - хувцасны өнгө нь хоёр өнгийн боловсруулалт эсвэл өнгөний залруулгагүйгээр бодитой юм. Зураг нь тэг булангийн радиустай бөгөөд маскгүй - эдгээр нь савыг ирмэгээс ирмэг хүртэл дүүргэдэг тэгш өнцөгт хүрээ юм. Үндсэн зураг нь график давхардалгүйгээр өргөн харьцаатай (~16:6) ашигладаг бөгөөд гэрэл зураг нь харааны жинг өөрөө үүрэх боломжийг олгодог. Бүтээгдэхүүний картын зургууд нь төвийг сахисан дэвсгэр дээр цэвэрхэн студийн зургууд бөгөөд хувцастай нягт тайрсан байдаг. Нийт агуулгын нягтрал нь голчлон редакторлах хэсгүүдийн зургууд болон бүтээгдэхүүний тайлбар дахь торон зураг бөгөөд текст нь үргэлж зурагтай холбоотой байдаг. Зураг чимэглэл, 3D дүрслэл, хийсвэр график байхгүй - гэрэл зураг бол цорын ганц харааны хэрэгсэл юм.

Палетт

Төвийг сахисан

  • Carbon Ink #000000 — Үндсэн текст, дүүрсэн үйлдлийн товчлуурууд, дүрсний тоймууд, нимгэн шугамууд—интерфейс даяар давамгайлсан фонт.
  • Paper White #ffffff — Зотон хуудсууд, картон гадаргуу, бараан дэвсгэр дээрх текст, дэвсгэр зураг.
  • Soft Mist #e5e7eb — Гадаргуугийн нарийн өөрчлөлтүүд, идэвхгүй болсон төлөвүүд, араг ясны суурь, гэрлийн хуваагч.
  • Warm Fog #f0efe7 — Цайвар шаргал гадаргуу нь бүтээгдэхүүний мөрүүд болон редакцийн хэсгүүдийн хооронд нарийн судалтай.
  • Blush Sand #f5ebd5 — Редакцийн контентод тодруулга болон улирлын чанартай өнгө аясыг тодотгоход зориулсан дулаан, өтгөн өнгө.
  • Smoke Charcoal #333333 — Нэмэлт текст, оролтын талбарын хил хязгаар, нууцлаг UI дизайн.

Типографи

14-30 пиксель хүртэл · 3 алхам

  • Favorit — солих: Inter · тоймууд 400, 500, 700 · Брэнд болон захиалгат фонт – бүх навигаци, гарчиг, үндсэн текст, товчлуур, оролтын талбар, бүтээгдэхүүний картуудад ашиглагддаг. Нарийн үсгийн зайтай (0.025em) захиалгат дан шугаман sans-serif фонт. Хувилбарууд: Inter, Söhne, эсвэл Neue Haas Grotesk. Гарчигны хувьд дунд зэргийн жинтэй, 400, 30px үсгийн зайтай байх нь брэндийн сонголт юм: ихэнх загварын вэбсайтууд гоёл чимэглэлийн serif эсвэл тод фонт ашигладаг боловч Adanola-ийн ердийн sans-serif фонтоор байрлуулсан гарчгууд нь зар сурталчилгааны уриа лоозон гэхээсээ илүү редакцийн тайлбартай илүү төстэй харагддаг.
  • Nunito Sans — солих: Nunito Sans · тоймууд 400, 700 · Маягтын оролтын талбарууд болон жижиг UI элементүүдийн хоёрдогч нөөц хувилбар.
  • Arial — солих: Arial · тоймууд 400 · Хуучин имэйл болон контент блокуудад зориулсан нөөц систем.

Интервал ба хэлбэр

ЗорилгоУтга
Нягтралдундаж
Үндсэн алхам8px
Товчлуурын радиус4px
Картын радиус0px
Сүүдэрсүүдрийн оронд хил хязгаар байхгүй
Хэсгүүдийн хооронд64px
Хуудасны өргөн1440px

Хиймэл оюун ухаан таны вэбсайтыг Adanola хэв маягаар бүтээж, дүүргэх болно

  • Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
  • Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
  • Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
  • Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.

Төстэй хэв маяг

  • Lightship — Нээлттэй замын киноны диорама. Ойрын зайд байрлуулсан том ландшафтын зургуудаар чимэглэсэн дулаан цөцгий өнгийн галерейн хана, жааз дээр бараг харагдахгүй нимгэн хар үсэг, нугад асаж буй түүдэг гал мэт монохромыг эвдэж буй ганц тод улбар шар өнгийн аялга.
  • Faire ES — бүлээн кремний бөөний каталог
  • Oura Ring — Зөөлөн өдрийн гэрэлд умбасан тухтай овьёосны будаа хийх цех
  • Stykka — Цагаан гэрэлд Скандинавын семинар – чимээгүй, гар урлалын үзэсгэлэнгийн танхим бөгөөд зөвхөн гэрэл зураг л дуу хоолойг нь татдаг.
  • DJI — нэг цахилгаан цэнхэр өнгийн тодруулгатай сансрын хар өнгийн даавуу
  • Altitude Beverages — Монохром сэтгүүлийн хуудас. Хөдөлгөөнгүй зургуудаас бусад бүх өнгөө алдсан загварын сэтгүүлийн хуудас гээд төсөөлөөд үз дээ - текст болон цагаан зай нь бүхэл бүтэн түүхийг өгүүлдэг.
  • AATHER — Нээлттэй алга, ганц дөл - нам гүм байдалд агуулагдах нам гүм тансаг байдал
  • Cowboy — Цасан цагаан шаазан орчинд байрлах Бельгийн дугуйн галерей. Царцсан гадаргуу, редакцийн материалд ашигласан том фонтууд, бараг чимэглэлгүй байдал нь дугуй болон түүний доторх зүйлсийг анхаарал татдаг үзэсгэлэнгийн танхим.
  • Refero — Цагаан гантиг дээрх редакцийн зохион байгуулалт - хэвлэгчээр бүтээсэн бүтээгдэхүүний хуудас бөгөөд сериф гарчиг нь брэндийн дуудлагын хуудас бөгөөд бусад бүх зүйл анзаарагдахгүй байна.
  • Face Formula — Скандинавын редакцийн хөрөг зураг. Тайван, сэтгүүлийн хэв маягийн зураг, загвар өмсөгчийн харц болон товчилсон сериф фонтоор бичсэн гарчиг нь сэрүүн, манантай дэвсгэр дээр өөрийнхөө төлөө өгүүлж байна.
  • Shupatto — Цагаан гантиг дээр музейн үзмэрийн тавиур
  • Liron Moran Interiors — бараан өнгийн маалинган даавуун дээр загварлаг зураг авалт