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 оновчлол.
Төстэй хэв маяг
- Cursor — Утаатай нүүрсээр гэрэлтдэг тухтай илгэн цаасны цех
- MindMarket — Тослог цаасан дээр бичсэн тухтай үлгэрийн ном - нарны гэрэлд норсон, наалт шиг зөөлөн гадаргуу дээр том Интер гарчиг болон хайчилж авсан цаасан дүрүүд зэрэгцэн орших найрсаг редакцийн зураг.
- Shop — Цагаан гантиг дээр хөвж буй худалдааны одны орд
- Airbnb — Ганц шүрэн улаан хавчуургатай чимээгүй цагаан галерейн хана
- Superr — Үдээс хойш зөөлөн гэрэлд дулаахан сургуулийн дэвтэр. Цөцгий өнгийн хуудас, малгайгүй улбар шар өнгийн маркер, хуулахыг хүлээж буй ламинатлагдсан нэрийн наалтны овоолго.
- Apple (España) — Зөөлөн өдрийн гэрэлд музейн галерей нь ганцхан, сэтгэл татам, жингүй цагаан орон зай бөгөөд үзмэр бүрийг цайвар өнгийн хананы эсрэг прожектороор гэрэлтүүлдэг.
- Lamborghini — Үзэсгэлэнгийн танхимд, гэрлийн доор хар өнгийн кузов - нэг шар машин
- Amplemarket — Наранд шарсан ажлын байр нь конфеттигээр хучигдсан
- Getharvest — Алтан цагийн ширээ – дулаан цөцгий өнгийн даавуу, даавуун дээр өлгөөтэй цагаан ил захидлууд болон ганц тод улбар шар дөл
- Agence Foudre — Сэтгүүлийн нүүр хуудас нь уруулын будаг санагдуулам зөөлөн ягаан өнгөтэй.
- Drive Capital — Дулаан цаасан дээрх ретро замын аяллын зурагт хуудас
- Apple (España) — цагаан галерей дэлгэцийн хайрцаг