Slush
Пастел цаасан дээрх хийлдэг наалтуудын ертөнц
Slush нь наалтны цомог шиг ажилладаг: пастел цаасан даавуу, тод цэнхэр өнгийн асар том, эзэлхүүнтэй тууз, конфетти шиг тархсан тод наалтны өргөлтүүдийн солонгон өнгө. Үсгийн хэлбэр нь асар том бөгөөд товч (хажуугийн 800 х 200–640 пиксел, мөр хоорондын зай 0.75–0.80) тул үгс нь өгүүлбэр биш харин уран баримлын объект болдог. Зургаан баялаг, өвөрмөц өнгө нь ерөнхий наалтны палитр болж үйлчилдэг - өнгө бүр нь дүүргэсэн наалт, картын гадаргуу эсвэл гоёл чимэглэлийн давхарга хэлбэрээр харагддаг бөгөөд хэзээ ч нууц өргөлт биш юм. Бүрэлдэхүүн хэсгүүдийг зөөлөн бөөрөнхийлсөн (картууд дээр 20–40 пиксел, навигаци дээр эм хэлбэртэй) бөгөөд гар аргаар хийсэн эффектийн тулд хар өнгөөр тодруулсан байдаг. Үр дүн нь финтек буух хуудас биш, харин цайвар өнгийн хананд бэхэлсэн физик коллаж юм.
Байршил нь хажуугийн самбар эсвэл байнгын контейнергүй, бүтэн өргөнтэй гүйлгэх хуудастай. Гүйлгэх текст болон минималист дээд навигаци (зүүн талд лого, төвд навигацийн самбар, баруун талд дүүрсэн үйлдэл хийх уриалга) дээд хэсэгт хэвээр байна. Хэсэг бүр нь томруулсан хажуугийн тексттэй, төвд эсвэл зүүн тийш зэрэгцүүлсэн, 3D цэнхэр туузаар хүрээлэгдсэн бүтэн өргөнтэй өнгөт тууз (#dceeff → #ffffff → #cccccc) юм. Агуулгын зохион байгуулалт нь торон дээр суурилсан биш харин зориудаар сул, коллаж шиг хэлбэртэй: наалт нь тексттэй давхцаж, тууз нь текстийн ард огтлолцож, QR картыг хоёрдогч хэсэгт төвөөс гадуур байрлуулсан. Босоо хэмнэл нь нэлээд өргөн (хэсгүүдийн хоорондох зай 48px) боловч хэвтээ бүтэц нь зориудаар тэгш бус байна. Хуудас нь дээрээс доош гурван том өнгийн судалтай бөгөөд тус бүр нь бие даасан постер юм.
Харааны хэлэнд гурван хэмжээст цэнхэр тууз давамгайлдаг - хэсэг бүрийн гарчгийн текстийг тойрон эсвэл далдалсан цахилгаан цэнхэр өнгийн ширхэгтэй, хийлдэг хоолой хэлбэртэй хэлбэрүүдээс бүрдсэн нэгдсэн брэндийн загвар. Чимэглэлийн хоёр хэмжээст наалт (пуужин, алтан зоос, ногоон тэмдэглэгээ, нил ягаан түрийвч) нь самбар дээр бэхлэгдсэн цаасан хайчилбар шиг гарчгийн эргэн тойронд хөвж, тус бүр нь хар хүрээтэй (1px) байдаг. Хаана ч гэрэл зураг байхгүй. Уламжлалт чимэглэлийн тор байхгүй - бүх зүйл коллаж, тэгш бус байдлаар байрлуулсан. Гурван хэмжээст тууз нь гол уур амьсгалыг бүрдүүлдэг; наалт нь тоглоомтой өнгө аяс нэмдэг; үлдсэн хэсэг нь үсэг, өнгө юм.
Палетт
Брэнд
- Electric Blue
#4da2ff— Брэндийн давамгайлсан өнгө болох зузаан тууз баримал, зургийн дэвсгэр зураг, картон дээрх бүдэг хээ зэрэг нь дэлгэц бүрийн үндэс суурь болж өгдөг харааны тэмдэг юм.
Төвийг сахисан
- Carbon
#000000— Үндсэн текст, картын жааз, үйлдэлд уриалсан дэвсгэр зураг, лого нь пастел гадаргуу дээр гараар хайчилсан наалтны тойм шиг эффектийг бий болгодог. - Paper White
#ffffff— Зотон хуудас, картон гадаргуу, товчлуурын тойм дүүргэлт, бараан дэвсгэр дээр текст. - Sky Wash
#dceeff— Үндсэн хэсгийн дэвсгэр, цайвар цэнхэр пастел дэвсгэр. - Concrete Gray
#cccccc— Хоёрдогч хэсгийн дэвсгэр, төвийг сахисан завсрын гадаргуу - Soft Mist
#e9e9e9— Нарийн товчлуур болон гадаргуугийн өнгө аяс, идэвхгүй төлөвүүд - Mint Pop
#55db9c— Арын дэвсгэрийг тодруулахын тулд ногоон өнгөөр дүүргэж, гоёл чимэглэлийн судал, контентын ард зөөлөн өргөлт хийнэ.
Типографи
12-оос 640 пиксел хүртэл · 7 алхам
- Lateral — солих: Druk · тоймууд 800 · Зөвхөн гарчиг болох "SLUSH" лого болон "ALL THINGS SUI" гэх мэт хэсгийн баннеруудыг 200-640 пикселийн фонтоор, мөрийн өндөр нь 0.75-0.80 болж буурсан тул үсэг нь сийлбэрлэсэн блокууд үүсгэдэг. Энэ бол уламжлалт бус дэлгэцийн арга юм: өөр ямар ч вэбсайт мөрийн өндөр нь 0.85-аас бага 800 цэгийн фонт ашигладаггүй бөгөөд энэ нөлөө нь текстийг гурван хэмжээст туузаар ороосон физик объект шиг харагдуулдаг.
- Aeonik Pro — солих: Inter · тоймууд 500, 700 · Үндсэн хэсэг, навигаци, товчлуурууд болон дэд гарчигуудыг багтаасан хэрэглэгчийн бүх интерфэйс. Үндсэн хэсэг болон мета өгөгдлийн жин 500 (12–16 пиксел), дэд гарчиг болон навигацийн шошгоны жин 700 (24–30 пиксел), мөн том хоёрдогч гарчгийн хувьд 64 пикселийн өсөлт 700. Үсгийн бага зай (-0.010em) нь үндсэн хэсгийг нарийсгадаг (14–16 пиксел); навигацийн шошго/товчлуур дахь бага зэрэг тэлэлт (0.030–0.032em) нь удирдлагуудад "цагаан зай" өгдөг.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | нягт |
| Үндсэн алхам | 4-12px |
| Товчлуурын радиус | 1600px |
| Картын радиус | 20px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 48px |
| Хуудасны өргөн | 1440px |
Хиймэл оюун ухаан таны вэбсайтыг Slush хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Apple iPhone Duo — Цагаан галерейд эвхэгддэг төхөөрөмж. Бүтээгдэхүүний дүрслэлийг төв хэсэгт нь байрлуулсан бол хэвлэмэл болон цэнхэр удирдлагыг зориудаар бүдэгрүүлсэн.
- AYOCIN — Эрүүл мэндийн нарны тотем. Дулаан интерьер гэрэл зургийг санагдуулдаг дэлгэцүүдийг бүтээгээрэй: гайхалтай фонт, зөөлөн бүдэг архитектурын сүүдэр, тайван, зөөлөн орон зайд байрлуулсан ганц гэрэлтсэн объект.
- Apple AirPods 5 — Apple — цагаан дэвсгэр дээрх кино театр. Засварлах асар том цагаан орон зай нь бүрэн хэмжээний зар сурталчилгаанд зам тавьж өгдөг бөгөөд хөдөлгөөнт объектуудын дүрс болон ханасан гэрэлтүүлэг нь дүрслэлийн драмаг бий болгодог.
- Hopper — Үдшийн бүрийд Санторинигийн дээгүүрх цонх. Очих газрын зөөлөрсөн гэрэл зураг нь агаар мандлын давхарга болж үйлчилдэг бөгөөд түүний дээр авсаархан цагаан навигаци болон захиалгын удирдлагууд байрладаг.
- Bose — Далайн эрэг дээрх дууны тайз. Салхинд үлээсэн сурталчилгааны дүрс хүрээг дүүргэж, хар цагаан өнгийн кампанит ажлын удирдлагыг нарийн ширийн зүйлс шиг тойруулан байрлуулсан.
- Bauhaus Clock — Баухаусаас санаа авсан цагнууд – оюу өнгийн механик гэрэлтэлт. Тайван, цайвар гадаргууг бараан, кино мэт цагны дүрсээр хүрээлж, оюу өнгийг ховор гэрэлтэлттэй деталь болгон ашиглаарай.
- Cursor — Утаатай нүүрсээр гэрэлтдэг тухтай илгэн цаасны цех
- MindMarket — Тослог цаасан дээр бичсэн тухтай үлгэрийн ном - нарны гэрэлд норсон, наалт шиг зөөлөн гадаргуу дээр том Интер гарчиг болон хайчилж авсан цаасан дүрүүд зэрэгцэн орших найрсаг редакцийн зураг.
- Shop — Цагаан гантиг дээр хөвж буй худалдааны одны орд
- Airbnb — Ганц шүрэн улаан хавчуургатай чимээгүй цагаан галерейн хана
- Superr — Үдээс хойш зөөлөн гэрэлд дулаахан сургуулийн дэвтэр. Цөцгий өнгийн хуудас, малгайгүй улбар шар өнгийн маркер, хуулахыг хүлээж буй ламинатлагдсан нэрийн наалтны овоолго.
- Apple (España) — Зөөлөн өдрийн гэрэлд музейн галерей нь ганцхан, сэтгэл татам, жингүй цагаан орон зай бөгөөд үзмэр бүрийг цайвар өнгийн хананы эсрэг прожектороор гэрэлтүүлдэг.