Caldera
Бүлээн шохойн чулуун дээр гал түл. Зотон даавуу нь түүхий, бүлээн гипс бөгөөд улбар шар өнгийн элемент бүр гадаргуу дээр дарагдсан утаатай цог шиг харагдаж байна.
Калдера нь хайлсан улбар шар өнгөөр бүрхэгдсэн дулаан шохойн чулуун зотон дээр ажилладаг. Интерфэйс нь хавтгай бөгөөд сүүдэргүй тул бараг архитектурын масштабтай (189 пиксел хүртэл) хэт тод, нягтруулсан хэлбэр нь бүтцийн бүх ачааллыг үүрэх боломжийг олгодог. Ганц тод улбар шар (#fc5000) нь монохром, дулаан саарал өнгийн дэвсгэр дээр цорын ганц, түрэмгий хроматик өргөлт болж ажилладаг бөгөөд плазмын нил ягаан нь үндсэн хагас өнгөний дүрсэнд, хүхрийн шар нь шошгоны хувьд зориулагдсан байдаг. Харааны хэл нь галт уулын шинж чанартай: нягтруулсан, хүнд үсэг, хагас өнгөний цэгэн хээ, карт болон товчлуур дээрх 40 пикселийн радиус, 800 пикселийн эм хэлбэртэй удирдлага - дулааныг зөөлөн, цаас шиг гадаргуу дээр бүрхсэн.
Харааны палитр нь минималист бөгөөд бодлогошронгуй. Үндсэн цонх нь гэрэл зургийн оронд хийсвэр хагас өнгийн цэгийн хээг (нил ягаан-улбар шар градиент дээрх улбар шар цэгүүд) ашигладаг бөгөөд энэ нь чимэглэл биш, харин брэндийн уран сайхны илэрхийлэл болдог. Бүтээгдэхүүний мэдээлэл, зарлал бүхий картууд нь зургийн дүүргэлт болгон хатуу Ember блок эсвэл хагас өнгийн Plasma Violet өнгийг ашигладаг бөгөөд энэ нь нэгдсэн график системийг бий болгодог. Түнш/интеграцийн лого нь цайвар дэвсгэр дээр монохром дүрс хэлбэрээр гарч ирдэг. Гэрэл зураг, 3D дүрслэл, амьдралын хэв маягийн зураг байхгүй. Дүрсүүд нь жижиг, монохром, минималист - Discord, X, Telegram нь навигацид энгийн глиф хэлбэрээр байрладаг. Харааны хэл нь график болон редакторын шинж чанартай бөгөөд гэрэл зураг биш: энэ нь хувьцааны зураг гэхээсээ илүү зурагт хуудасны дизайнтай төстэй.
Палетт
Брэнд
- Ember
#fc5000— Үндсэн үйлдлийн товчлуурууд, статистик картууд болон гол харааны өргөлтүүд нь цорын ганц түрэмгий өнгөний өргөлт юм; дулаан саарал өнгийн эсрэг баялаг өнгө нь нэмэлт чимэглэлийн элемент шаардлагагүйгээр яаралтай мэдрэмжийг төрүүлдэг. - Plasma Violet
#524ae9— Үндсэн хагас өнгийн градиент суурь, нэг нэмэлт картын гадаргуу - Бараг зөвхөн үндсэн цэгэн хээ болон нэг зориулалтын картанд ашиглагддаг; хяналтын хэсэгт хэзээ ч ашиглагддаггүй.
Төвийг сахисан
- Sulfur
#f5f28e— Шошго болон ангиллын дүрсүүдийн дэвсгэр хэсэг болох жижиг тодруулгууд нь блог бичлэгийн ангилал болон хөтөлбөрийн зарлалыг заахад ашигладаг зөөлөн шар өнгө юм. - Limestone
#f7f6f2— Картын гадаргуу, контент блокийн дэвсгэр болон нэмэлт товчлуурын дүүргэлт нь цагаан өнгийн илүү цайвар, дулаан өнгө бөгөөд элементүүдийг хуудасны зотон даавууны эсрэг тодруулдаг. - Pumice
#e2e2df— Хуудасны гол дэвсгэр нь хэсэг бүрийн суурь болж өгдөг дулаан дунд зэргийн саарал өнгөтэй; энэ нь картон цаасны гадаргуугаас арай бараан өнгөтэй тул дүрс болон дэвсгэрийг сүүдэргүйгээр нарийн ялгаж салгах боломжийг олгодог. - Obsidian
#070607— Үндсэн текст, гарчиг, холбоос текст болон товчлуурын хүрээ нь бараг хар өнгөтэй бөгөөд зурагны дулаан өнгөтэй бараг мэдэгдэхгүй дулаан өнгө аястай байна. - Chalk
#ffffff— Бараан хэсгүүдэд текст оруулах, бараан дэвсгэр дээр текст оруулах, өндөр тодосгогчтой давхарлалт - цэвэр цагаан өнгийг зөвхөн бараан гадаргуутай хамгийн их тодосгогч шаардлагатай үед л ашигладаг.
Типографи
12-оос 189 пиксел хүртэл · 10 алхам
- PP Neue Corp Compact — солих: Bebas Neue · тоймууд 400 (Ultrabold cut) · Бүх гарчиг болон дэлгэцийн текст. Захиалгат загвартай, товчилсон, хэт тод фонт нь гарчигуудад аж үйлдвэрийн, тэмдэг шиг жин нэмдэг. Үндсэн блок дахь 189px хэмжээ нь брэндийн өвөрмөц хэв маягийг тусгасан: товчилсон, хэвлэмэл биш харин бараг бүтцийн шинж чанартай. "ss06" болон "ss10" тохиргоо нь илүү түрэмгий, товчилсон хэмнэлийг бий болгохын тулд өөр үсгийн хэлбэр болон зайг идэвхжүүлдэг. Эерэг үсгийн зай (+0.02em) нь дэлгэцийн хэмжээтэй харьцуулахад ер бусын бөгөөд 80–189px дээр текстийн давчуу мэдрэмжийг төрүүлэхээс сэргийлдэг.
- DM Sans — солих: Inter · тоймууд 500 (Medium only — never Regular or Bold) · Үндсэн текст, навигацийн холбоосууд, товчлуурын шошго болон хоёрдогч гарчгууд нь 30 пиксел хүртэл хэмжээтэй байна. Дунд зэргийн фонтын зузааныг зориудаар сонгосон - Regular нь илүү тод гарчгийн фонтын эсрэг хэт нимгэн харагдах бөгөөд Bold нь үүнтэй өрсөлдөх болно. DM Sans нь аж үйлдвэрийн гарчгийн фонтын эсрэг хүмүүнлэг, бага зэрэг геометрийн эсрэг цэгийг бий болгодог.
- System sans-serif — солих: Inter · тоймууд 400 · Тайлбар, метатекст, огноо, микрошошго. Зөвхөн 12 пикселийн нягтралтайгаар ашигладаг бөгөөд жин болон брэндийн танигдах байдал нь хэмжээг хэмнэхээс бага чухал юм.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | дундаж |
| Үндсэн алхам | 16px |
| Товчлуурын радиус | 40px |
| Картын радиус | 40px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 80px |
| Хуудасны өргөн | 1280px |
Хиймэл оюун ухаан таны вэбсайтыг Caldera хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- teenage engineering — Студи гэрэлтүүлэг дэх аж үйлдвэрийн каталог - бүтээгдэхүүн нь хуудсан дээрх цорын ганц чухал объект бөгөөд бусад бүх зүйлийг түүний эргэн тойронд хэлэлцдэг
- basement — Шөнийн 3 цагийн хоосон хэвлэх машин – том, шахагдсан фонтууд тас хар өнгөөр тархаж, навигацийн самбар дээр улбар шар өнгийн гялбаа тусч, бусад бүх зүйл цагаан эсвэл хий саарал өнгөтэй байна.
- amra — Цагаан дэвсгэр дээрх солонгорсон бөмбөлөг - лаванда цэцгийн аялга нь бараг төгс ахроматик хуудсан дээрх цорын ганц өнгөний импульс бөгөөд ганц градиент бөмбөлөг нь үндсэн зураг дээрх ердийн хийдэг ажлыг гүйцэтгэдэг.
- Stink Studios — Шөнө дундын кино студи - проектор дуугарч, өрөө харанхуй, зөвхөн кино л гэрэлтэж байна
- Andrei Rybin — Монохром ноорог дэвтэр бол утасны дэлгэцийг цагаан хананд холбоо барих хуудас шиг бэхэлсэн дизайнерын тэмдэглэлийн дэвтэр юм.
- Uniswap Cup — Киберспортын тэмцээний шууд дамжуулалт нь загвар сайт дээр явагддаг - ягаан өнгийн тэмдэглэгээ нь цагаан дөрвөлжин болон нимгэн шугамуудын сүлжээг тоймлон харуулдаг.
- Freytag Anderson — Кино театрын хөшиг ганцхан үгэн дээр дэлгэгдэж, асар том хөдөлгөөнт дүрс дэлгэцийг бүхэлд нь эзэлж, брэндийн нэр гарчиг шиг буланд байрлаж, өөр юу ч анхаарал сарниулахгүй.
- Integrated Biosciences — шөнө дундын биолюминесценцийн лаборатори
- Vercel — Терминалыг цагаан цаасан дээр хэвлэв
- Mintlify — Шилэн ширээний дээгүүрх үүлэн цэцэрлэг. Гараар зурсан тэнгэр болон баримтат киног хамтад нь жаазалсан байдаг бөгөөд энэ нь хуудас нь цагаан өнгөөр бүдгэрэхээс өмнө өнгө, ойлголт мөргөлддөг цорын ганц газар юм.
- Gleap — Графит чимэглэлтэй дулаан цөцгий өнгөөр чимэглэсэн ажлын талбар - маалинган архитектурын дээгүүр царцсан хар бэхний цэгүүд хөвж байгаа мэт санагддаг студи
- ClickUp — Цагаан гантиг дээр хүчирхэг хяналтын самбар. Хуудас нь бүтээмжийн хэрэгслийн бүтээгдэхүүний товхимол тул харааны хэлийг бүтээгдэхүүнээс өөрөөс нь зээлсэн: нягт жагсаалт, төлөвийн үзүүлэлт, аватаруудын бүлэг, дэлгэцэн дээрх бүтээгдэхүүний тодорхойлолт шиг харагдах тод үсгийн мэдэгдэл.