Monad
дулаан илгэн дээрх редакцийн техникийн сэтгүүл
Monad нь бүхэл бүтэн интерфэйсээ дулаан илгэн даавуун дээр (#f6f3f1) харуулдаг бөгөөд энэ нь ердийн цэвэр цагаан SaaS загвараас шууд ялгаруулдаг. Гарчиг нь редакцийн жинтэй бөгөөд 400 жинтэй фонт болох Untitled Serif-ээр тохируулагдсан байдаг - хэзээ ч тод биш - харин бүх үндсэн текст, навигаци болон UI элементүүдийг ABC Diatype Mono дээр байрлуулсан нь сайтад уран зохиолын сэтгүүлийн техникийн гарын авлагын хэв маягийг өгдөг. Ганц тод цэнхэр (Lake) нь гол үйлдлүүдийн цорын ганц хроматик өргөлтийг өгдөг; бусад бүх зүйлийг дулаан саарал палитрт хадгалдаг тул periwinkle картын гадаргуу (#cfdaf5) болон зөөлөн пастел градиент шилжилтүүд (шүрэн, тэнгэрийн хөх, гаа, алтлаг) нь чимээ шуугианаас илүү санаатай цэг таслал мэт санагддаг. Бүрэлдэхүүн хэсгүүд нь сүүдэр гэхээсээ илүү нарийн хил хязгаар, эмийн саванд тулгуурладаг бөгөөд карт шиг догол мөр, хэсгүүдийн хоорондох босоо зай их байгаа тул хэмнэл нь тайван, өргөн цар хүрээтэй байдаг.
Харааны хэл нь боловсруулсан өгөгдлийн дамжуулах хоолойн диаграмм дээр суурилсан: нимгэн муруй шугамаар тэмдэглэгдсэн эм хэлбэртэй зангилаанууд, зангилаа бүрийн дотор өгөгдлийн эх үүсвэр (аливаа эх үүсвэр, үүлэн бүртгэл, эмзэг байдал) болон очих газруудыг (SIEM, үүлэн хадгалалт, өгөгдлийн нуур) төлөөлсөн жижиг дүрсүүдтэй. Диаграмм нь өгөгдлийг хэвийн болгохыг онцлохын тулд төв хэсэгт нь зөөлөн ногоон туяаны гэрэл ашигладаг. Хүчтэй бүдгэрүүлэгч шүүлтүүртэй градиент агаар мандлын өнгөнүүд (шүрэн → Тэнгэрийн хөх, Тэнгэрийн хөх → Гаа) нь үндсэн болон функциональ агуулгын ард зөөлөн өнгөний гэрэл үүсгэдэг. Түншийн логог нэг мөрөнд харуулсан бөгөөд нийгмийн нөлөөллийг онцолсон болно. "Өгөгдлийн хувиргалт явагдаж байна" карт нь тунгалаг геометрийн хэлбэрүүд давхцсан том градиент зургийг агуулдаг. Зураг ашиглаагүй - брэнд нь мэдээллийг зөвхөн хэвлэмэл, диаграмм, өнгөний схемээр дамжуулан дамжуулдаг.
Палетт
Брэнд
- Parchment
#f6f3f1— Хуудасны даавуу болон гадаргуугийн ихэнх хэсэг болох энэхүү дулаан, өтгөн өнгө нь брэндийн өвөрмөц өнгө бөгөөд уг сайтыг бүхэлдээ цагаан өнгөтэй SaaS загваруудаас шууд ялгаж өгдөг. - Lake Blue
#2b59d1— Нил ягаан өнгийг дэвсгэр зураг, гоёл чимэглэлийн судал, контентын ард нарийн өргөлт болгон ашигладаг. Үүнийг үйлдэлд уриалахын тулд үндсэн өнгө болгон ашиглаж болохгүй.
Төвийг сахисан
- Off-Black
#242424— Хөнгөн гадаргуу дээрх үндсэн товчлууруудад зориулсан өндөр тодосгогчтой саармаг дүүргэлт. - Periwinkle Mist
#cfdaf5— Идэвхгүй болгосон удирдлага, бага онцолсон самбар болон байршлын блокуудад зориулсан нам гүм интерфэйс. - Sky Blue
#a0b5eb— Чимэглэлийн градиент зогсолт - Хоолойн диаграммд агаар мандлын дүүргэлт болон урсгалын шугамд харагддаг бөгөөд UI дүүргэлт болгон хэзээ ч ашигладаггүй. - Mint
#a7fccd— Үндсэн өнгөний палитрт тодосголт шаардлагатай үед жижиг гоёл чимэглэлийн өргөлтөд зориулсан хоёрдогч өнгөний палитр. - Coral
#ff9473— Үндсэн өнгөний палитрт тодосголт шаардлагатай үед жижиг гоёл чимэглэлийн өргөлтөд зориулсан хоёрдогч өнгөний палитр. - Gold
#ecda98— Чимэглэлийн градиент цэг нь градиент шилжилтийн дулаан өргөлт бөгөөд функциональ хэрэглэгчийн интерфэйсүүдэд хэзээ ч ашиглагддаггүй.
Типографи
12-оос 80 пиксел хүртэл · 10 алхам
- ABC Diatype Mono — солих: JetBrains Mono · тоймууд 400, 500 · Үндсэн текст, навигаци, товчлуурууд, дүрс тэмдэг, шошго болон БҮХ UI текст. Бүх функциональ элементүүд дээрх нэг зайтай фонт нь интерфэйсийг техникийн гарын авлагын мэдрэмжийг өгдөг - 16-20 пикселийн үндсэн текстийг маркетингийн мэдээлэл биш харин өгөгдөл гэж үздэг. Навигацийн шошго болон дүрс тэмдэг нь илүү нарийвчлалтай үсгийн зайтай 18 пикселийн фонтыг ашигладаг; жижиг фонтууд болон метатекст нь бүх том үсгээр 12 пикселийн фонтыг ашигладаг. 500 пикселийн фонтын хэмжээ нь UI-ийн тод элементүүдэд зориулагдсан байдаг.
- Untitled Serif — солих: Times New Roman · тоймууд 400 · Зөвхөн гарчиг болон дэд гарчгийн хувьд - 80 пиксел (үндсэн текст), 48 пиксел (хэсэг), 40 пиксел болон 32 пиксел (дэд хэсгүүд), мөн 24 пиксел (тайлбар картын гарчиг)-д ашиглагдана. Бүх хэмжээтэй фонтын зузааныг 400 гэж тогтоосон; serif фонтын байгалийн ялгаа болон -0.02 см үсгийн зай нь тод биш харин гол фокусыг өгдөг. Энэ бол редакцийн хэв маяг юм: гарчиг нь жингээр хашгирахын оронд хэвлэлийн нарийн мэдрэмжтэйгээр шивнэлдэж байна.
- Untitled Sans — солих: Inter · тоймууд 400 · Гарчиггүй Sans фонт - гаргаж авсан өгөгдөлд байгаа боловч хиймэл оюун ухаанаар тайлбарлагдаагүй.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | дундаж |
| Үндсэн алхам | 16px |
| Товчлуурын радиус | 100px |
| Картын радиус | 40px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 64px |
| Хуудасны өргөн | 1432px |
Хиймэл оюун ухаан таны вэбсайтыг Monad хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Mollie — Ноолуурын лангуу, бараан өнгийн дэвтэр. Хар текстийн эргэн тойронд редакцийн дизайн хийхэд хангалттай цагаан зай үлдээгээд, бүтээгдэхүүнтэй холбоотой санаануудыг бүлээн тос, эспрессо бор шар айраг, бодит төлбөрийн аргуудын хүрэлцэхүйц зургуудаар бататга.
- Kagi — Тусдаа уншлагын өрөө. Тод графит текстийн эргэн тойронд задгай цагаан зай гаргаж, нарийн нил ягаан өнгийн өргөлт болон дулаан пастел гадаргууг ашиглан амар амгаланг эвдээрэй.
- Milanote — Миланоте бол зориулалтын бүтээлч студи юм. Хөвөгч харааны самбаруудыг ашиглан редакцийн галерей маягийн хуудас үүсгээрэй: бараан хүрээтэй хана, цагаан дэлгэцийн зай, зөөлөн гүнтэй бодит объект шиг харагдах дэлгэцийн агшин.
- Co2 — Өвлийн гэрэлд уур амьсгалын атлас. Сериф гарчиг, ангиллын кодчилсон өгөгдөл, мөстэй зургууд нь өргөн цагаан захыг тодруулсан агаарын баримт бичгийн ландшафт шиг хуудас үүсгээрэй.
- GitButler — Текстийн төгсгөлд оюу өнгөтэй. Өндөр тодосгогчтой сериф гарчиг, нарийн техникийн тор, дулаан бал чулуун гадаргуу, даруухан оюу өнгийн аялгатай хослуулсан.
- ElevenLabs — Дулаан цөцгий өнгөтэй, нарийн гарчигтай фото эссэ. Баухаус маягийн дэвтэр - өндөгний хальсан өнгөтэй цаас, хар бэх, бүтээгдэхүүний үзэсгэлэнд зориулсан нил ягаан, улбар шар өнгийн ганц чимэглэл.
- Awesomic — Конфеттиг санагдуулам улбар шар цэг таслал бүхий редакцийн цайрын тор
- Dub — Линкийн царцсан будааны цаасан удирдлагын самбар
- Seline Analytics — Дулаан цаасан дээрх чимээгүй аналитик ширээ
- Notion — Үдийн наран дор дулаахан цаасан дэвтэр
- Anthropic — Дулаан илгэн цаасны тухай шинжлэх ухааны салбарын сэтгүүл - тайван зааны ясан гадаргуу, сериф хээтэй редакцийн гарчиг, зөвхөн үйлдэл шаардлагатай үед гарч ирдэг ганц шавар аялга.
- Calendly — Хүйтэн гантиг дээр хар хөх бэх