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 оновчлол.
Төстэй хэв маяг
- ElevenLabs — Дулаан цөцгий өнгөтэй, нарийн гарчигтай фото эссэ. Баухаус маягийн дэвтэр - өндөгний хальсан өнгөтэй цаас, хар бэх, бүтээгдэхүүний үзэсгэлэнд зориулсан нил ягаан, улбар шар өнгийн ганц чимэглэл.
- Awesomic — Конфеттиг санагдуулам улбар шар цэг таслал бүхий редакцийн цайрын тор
- Dub — Линкийн царцсан будааны цаасан удирдлагын самбар
- Seline Analytics — Дулаан цаасан дээрх чимээгүй аналитик ширээ
- Notion — Үдийн наран дор дулаахан цаасан дэвтэр
- Anthropic — Дулаан илгэн цаасны тухай шинжлэх ухааны салбарын сэтгүүл - тайван зааны ясан гадаргуу, сериф хээтэй редакцийн гарчиг, зөвхөн үйлдэл шаардлагатай үед гарч ирдэг ганц шавар аялга.
- Calendly — Хүйтэн гантиг дээр хар хөх бэх
- Augen Pro — Apple-ийн цагаан өнгөний дүрслэл нь монохром орон зайд цорын ганц тод өнгө болгон эмх цэгцтэй, жингүй, цахилгаан цэнхэр өнгийг хослуулсан.
- Antimetal — Цөцгий цаасан дээрх редакцийн тэмдэглэл - шинжлэх ухааны сэтгүүлд өнгөрүүлсэн нам гүм өглөө, биеэ барих нь өөртөө итгэх итгэлийг илэрхийлж, серифүүд хүнд ажлыг хийдэг.
- Perk — Дулаан илгэн цаасан дээр цахилгаан лайм
- Ditto — Нарны гэрэлд зэрлэг цэцгийн дээж бүтээх цех. Дулаан цөцгийтэй гадаргуу, тод шар суурь өнгө, гүн хар хөх бэх, бүтээлийн ард дэлбээлж буй органик өнгөний хэлбэрүүд.
- Officevibe — Дулаан цөцгий өнгийн цаасан дээрх редакцийн сэтгүүл. Хүний нөөцийн менежментийн талаарх бодлыг төрүүлэм, орчин үеийн цэнхэр интерфэйсээр шивнэн бичигдсэн курсив сериф фонтыг бүтээгдэхүүн болгон танилцуулж байна гэж төсөөлөөд үз дээ.