Seline Analytics
Дулаан цаасан дээрх чимээгүй аналитик ширээ
Селин нь дулаан чулуун дэвсгэр дээр (#fafaf9) ганц тод цэнхэр өнгийн өргөлттэй байрлуулсан - бусад бүх өнгө нь төвийг сахисан бөгөөд Tailwind чулуун өнгөний палитраас авсан. Гарчиг нь 400 жинтэй, нарийн сөрөг үсгийн зайтай, захиалгаар хийсэн геометрийн sans-serif фонтоор (roobert) дүрслэгдсэн бөгөөд энэ нь текстэд ердийн чанга SaaS хэв маягтай зөрчилдсөн тайван, бараг шивнэх мэт итгэл үнэмшлийг төрүүлдэг. Хэрэглэгчийн интерфэйсийн гадаргуу нь хавтгай цагаан картууд бөгөөд дулаан дэвсгэр дээр хөвж, ганц зөөлөн, 16 пикселийн бүдэгрүүлэлттэй; хил хязгаарыг нимгэн, 1 пикселийн чулуун өнгөтэй шугамаар бүтээсэн бөгөөд хүнд хуваагч эсвэл самбарын оронд үндсэн бүтцийн элемент болгон өргөн ашигладаг. Байршил нь амьсгалдаг: өргөн босоо хэмнэл дээр төвлөрсөн бүрэн өргөн контент, эм хэлбэртэй интерактив удирдлага, хувийн шинж чанарыг харуулсан сахиус чимэглэл, бүтээгдэхүүний баталгаа болгон хяналтын самбарын дэлгэцийн агшин. Нийт сэтгэгдэл нь редакцийн хувьд аналитик шинж чанартай: тайван, монохром, өөртөө итгэлтэй, цэнхэр үйлдэлд уриалга нь бусад бүх зүйлийг санаатайгаар хязгаарласны ачаар хуудсан дээрх хамгийн гайхалтай элемент юм.
Хуудас нь хамгийн өргөн, ойролцоогоор 1200 пикселийн төвд байрладаг бөгөөд босоо зай ихтэй. Баатар нь хоёр мөртэй, зүүн тийш зэрэгцүүлсэн текстийн блок бөгөөд цэнхэр өнгийн ганц тодруулсан хэллэг ("энгийн бөгөөд үр дүнтэй"), дараа нь хоёр үйлдэл хийхийг уриалсан мөр (цэнхэр эм + сүнс эм), дараа нь саарал өнгийн түншийн логоны мөр, дараа нь итгэлцлийн үнэлгээний мөр, дараа нь дараагийн хэсэгтэй бага зэрэг давхцсан бүрэн өргөнтэй хөвөгч хяналтын самбарын урьдчилсан тойм байна. Нугасны доор нэг баганатай сүлжээнд ээлжлэн гэрчлэлийн мөрүүд, дараа нь функцийн тайлбар, зүүн тийш зэрэгцүүлсэн текст, төвд байрлуулсан бүтээгдэхүүний дүрслэл бүхий бүрэн өргөнтэй хэсгүүд байна. Навигаци нь минималист дээд мөр бөгөөд зүүн талд лого, төвд байрлуулсан навигацийн холбоосууд, нэвтрэх + баруун талд цэнхэр үйлдэл хийхийг уриалсан цэнхэр өнгөтэй бөгөөд навигацийн голд хөвөгч аватаруудын бөөгнөрөл нь хувь хүнийг баталгаажуулах үүрэг гүйцэтгэдэг. Хэсгүүдийн хоорондох зай нь өргөн (96 пиксел) бөгөөд мэдээллийн өтгөн үйрмэг биш харин редакцийн хэмнэлийг бий болгодог.
Харааны хэл нь бүтээгдэхүүний хэрэглэгчийн интерфэйсийн дэлгэцийн агшинд давамгайлдаг - хяналтын самбарын урьдчилсан тойм нь саарал өнгийн (1) (0.94) контраст шүүлтүүрээр дүрслэгдсэн гэрэл зураг бөгөөд энэ нь өгөгдлийн өнгийг монохром өнгө болгон бүдгэрүүлдэг. Цорын ганц хүний дүрс нь шугаман сахиус наалт (бүрээстэй дүр) бөгөөд зөвхөн тоймтой SVG хэв маягаар зурагдсан бөгөөд аналитик контенттой тоглоомтой эсрэг цэг болгон хэсэг бүрт нэг удаа байрлуулсан бөгөөд гүний наалт шиг эффект үүсгэх зөөлөн сүүдэртэй. Брэндийн лого болон глифүүд нь жижиг хар оч/дөл юм. Гэрэл зураг байхгүй - амьдралын хэв маягийн зураг байхгүй, багийн зураг байхгүй, хүрээлэн буй орчны зураг байхгүй. Объект (хяналтын самбар) нь гол дүр юм. Бүх гоёл чимэглэлийн дүрсүүд нь #0c0a09 эсвэл #3ba6f1 аль нэгээр нь 1px тойм хэлбэртэй бөгөөд хэзээ ч бөглөдөггүй.
Палетт
Брэнд
- Cyan Signal
#3ba6f1— Үйлдэлд уриалсан гол уриалга, идэвхтэй холбоосууд болон брэндийн дүрс тэмдгүүдийн тойм нь хуудсан дээрх цорын ганц өнгөний өргөлт бөгөөд үйлдэлд анхаарал татахын тулд ховор хэрэглэгддэг. - Cyan Edge
#3398e1— Цэнхэр өнгийг үйлдлийн тойм, холбоосын шошго болон интерактив элементүүдийг тодруулахад ашигладаг. Үүнийг үйлдэлд уриалахад үндсэн өнгө болгон ашиглаж болохгүй.
Төвийг сахисан
- Ink Black
#0c0a09— Үндсэн гарчиг, тодруулсан үндсэн текст болон илэрхийлэлтэй дүрсүүд нь дулаан, бараг хар өнгөтэй байна. - Stone Canvas
#fafaf9— Хуудасны дэвсгэр нь дэлгэцийн цагаан өнгөнөөс илүүтэй цаас шиг мэдрэгдэх дулаан, өтгөн өнгөтэй. - Pure White
#ffffff— Газрын зургийн гадаргуу, цухуйсан самбар болон оролтын талбарын дүүргэлт нь анхдагчаар хавтгай бөгөөд сүүдэргүй байдаг. - Stone Border
#e8e6e5— Картууд, навигаци болон оролтын талбарууд дээрх нимгэн хүрээ нь тусгаарлагч биш харин үндсэн бүтцийн элемент юм. - Stone Muted
#d6d3d1— Нэмэлт жааз, нарийн дэвсгэр сүүдэр, гоёл чимэглэлийн хуваалтууд. - Ash Gray
#a8a29e— Тусламжийн текст, дүрс тэмдгийн тойм, идэвхгүй төлөвүүд - уншигдах боломжтой боловч идэвхгүй.
Типографи
10-аас 52 пиксел хүртэл · 5 алхам
- Roobert — солих: Inter Tight or Satoshi · тоймууд 400, 500 · Гарчиг болон текстийн байршлын фонт нь сөрөг үсгийн зай хамгийн багатай (32 пиксел дээр -0.025em, 52 пиксел дээр -0.021em) өвөрмөц геометрийн sans-serif фонт юм. 400 x 52 пикселийн жин нь фонтын онцлог шинж юм: уламжлалт бус, нарийн, гэхдээ эрх мэдэлтэй боловч даруухан. Гарчиг нь хэт их даруухан биш харин байр сууриа эзэлдэг.
- Inter — солих: Inter · тоймууд 400, 500, 600 · Үндсэн текст, навигаци, хэрэглэгчийн интерфэйс болон гарчгийн үндсэн фонт нь дэлгэцийн гаднах бүх текстэд зориулсан төвийг сахисан, бүх нийтийн фонт юм. Үндсэн текстийн зонхилох хэмжээ нь 400 жинтэй, 1.64 мөрийн зайтай 14px юм (давтамж 1174). Жижиг хэмжээтэй үед эерэг үсгийн зай (0.004em) нь нягт хэрэглэгчийн интерфэйсийн уншигдах байдлыг хангадаг.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | зайтай |
| Үндсэн алхам | 8px |
| Товчлуурын радиус | 9999px |
| Картын радиус | 10px |
| Сүүдэр | зөөлөн сүүдэр |
| Хэсгүүдийн хооронд | 96px |
| Хуудасны өргөн | 1200px |
Хиймэл оюун ухаан таны вэбсайтыг Seline Analytics хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- ElevenLabs — Дулаан цөцгий өнгөтэй, нарийн гарчигтай фото эссэ. Баухаус маягийн дэвтэр - өндөгний хальсан өнгөтэй цаас, хар бэх, бүтээгдэхүүний үзэсгэлэнд зориулсан нил ягаан, улбар шар өнгийн ганц чимэглэл.
- Awesomic — Конфеттиг санагдуулам улбар шар цэг таслал бүхий редакцийн цайрын тор
- Monad — дулаан илгэн дээрх редакцийн техникийн сэтгүүл
- Dub — Линкийн царцсан будааны цаасан удирдлагын самбар
- Notion — Үдийн наран дор дулаахан цаасан дэвтэр
- Anthropic — Дулаан илгэн цаасны тухай шинжлэх ухааны салбарын сэтгүүл - тайван зааны ясан гадаргуу, сериф хээтэй редакцийн гарчиг, зөвхөн үйлдэл шаардлагатай үед гарч ирдэг ганц шавар аялга.
- Calendly — Хүйтэн гантиг дээр хар хөх бэх
- Augen Pro — Apple-ийн цагаан өнгөний дүрслэл нь монохром орон зайд цорын ганц тод өнгө болгон эмх цэгцтэй, жингүй, цахилгаан цэнхэр өнгийг хослуулсан.
- Antimetal — Цөцгий цаасан дээрх редакцийн тэмдэглэл - шинжлэх ухааны сэтгүүлд өнгөрүүлсэн нам гүм өглөө, биеэ барих нь өөртөө итгэх итгэлийг илэрхийлж, серифүүд хүнд ажлыг хийдэг.
- Perk — Дулаан илгэн цаасан дээр цахилгаан лайм
- Ditto — Нарны гэрэлд зэрлэг цэцгийн дээж бүтээх цех. Дулаан цөцгийтэй гадаргуу, тод шар суурь өнгө, гүн хар хөх бэх, бүтээлийн ард дэлбээлж буй органик өнгөний хэлбэрүүд.
- Officevibe — Дулаан цөцгий өнгийн цаасан дээрх редакцийн сэтгүүл. Хүний нөөцийн менежментийн талаарх бодлыг төрүүлэм, орчин үеийн цэнхэр интерфэйсээр шивнэн бичигдсэн курсив сериф фонтыг бүтээгдэхүүн болгон танилцуулж байна гэж төсөөлөөд үз дээ.