Kindsight
Нар жаргах үед нарны гэрэлд гэрэлтсэн хээрийн тэмдэглэл нь цөцгийтэй цаас, чидун жимсний бэх, нэг ширхэг шаргал өнгөөр бүрдсэн тайван, шороон уур амьсгалыг бий болгодог. Kindsight нь тогтвортой хэвлэгдсэн ашгийн бус байгууллагын жилийн тайлантай төстэй: дулаан цөцгийтэй дэвсгэр, ногоон өнгөтэй бараг хар текст, гол самбарт гүн чидун өнгө, цорын ганц өнгөний өнгө нь терракотта юм. Шаргал өнгийн нэг ширхэгийг ховор ашигладаг - налуу үсгээр бичсэн үгэнд цэг таслал оруулах, дүрсийг дүүргэх, чимэглэл болгон ашигладаг - хэзээ ч функциональ өнгө болгон ашигладаггүй. 200-300 жинтэй, жижиг үсгийн зайтай Times Now фонт нь SaaS компанийн гарчиг гэхээсээ илүү редакцийн хавтасны хэв маягтай илүү төстэй харагдаж байна.
Палетт
Брэнд
- Olive Grove
#3d4128 - Terracotta CTA
#de7653 - Coral Outline
#e7573d
Төвийг сахисан
- Cream Paper
#faf5f1 - Soft Linen
#fefffa - Ink Black
#0e0f0a - Midnight Black
#0a0a0a - Pure White
#ffffff - Warm Sand
#e5e1d6
Типографи
10-аас 120 пиксел хүртэл · 10 алхам
- Times Now — солих: Playfair Display (closest free match for the compressed serif-display feel) · тоймууд 200, 300
- Founders Grotesk — солих: Inter or Söhne (geometric grotesks with similar x-height and tracking behavior) · тоймууд 200, 300, 400, 500
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | нягт |
| Үндсэн алхам | 12-24px |
| Товчлуурын радиус | 10px |
| Картын радиус | 24px |
| Сүүдэр | зөөлөн сүүдэр |
| Хэсгүүдийн хооронд | 80-120px |
| Хуудасны өргөн | 1200px |
Хиймэл оюун ухаан таны вэбсайтыг Kindsight хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Bevel — Үүлэн гэрэлтдэг төхөөрөмж дээрх өглөөний хэмжүүрүүд. Тод цагаан эрүүл мэндийн өдрийн тэмдэглэл шиг харагдах дэлгэцүүдийг бүтээгээрэй, мөн зүүж болох төхөөрөмж дээрээ зөөлөн гэрэлтдэг хяналтын самбараар нэмэлт болгоно уу.
- Mollie — Ноолуурын лангуу, бараан өнгийн дэвтэр. Хар текстийн эргэн тойронд редакцийн дизайн хийхэд хангалттай цагаан зай үлдээгээд, бүтээгдэхүүнтэй холбоотой санаануудыг бүлээн тос, эспрессо бор шар айраг, бодит төлбөрийн аргуудын хүрэлцэхүйц зургуудаар бататга.
- Baselayer — Baselayer бол шөнө дундын цахим дэвтэр юм. Интерфэйсийг эрсдэлийн шинжилгээний консол дээр нээгддэг байгууллагын баримт бичиг гэж бодоорой.
- Devin — Ноорог цаасан дээрх электрон бэх. Бараг хар өнгийн фонт болон цайвар техникийн гадаргуу нь ихэнх ажлыг гүйцэтгэдэг бол #2200ff нь санаатай идэвхжүүлэлтийн дохио хэлбэрээр гарч ирдэг.
- 1X NEO — 1X Tech бол чимээгүй гэрийн театр юм. Редакцийн текст бүхий цайвар хуудас нь хүмүүс болон хүн дүрст роботын киноны үзэгдлүүдээр эхэлдэг бол интерфэйсийн элементүүд нь жижиг, зайтай тайлбар болон зөөлөн монохром зургууд болж хувирдаг.
- B150 — Ирээдүйн кино үр тарианы мастер анги. Бүтээгдэхүүн болон бүтээгчдийн бараан, хүний хэмжээтэй зургуудын эсрэг тод, өтгөн редакцийн хэсгүүдийг бүтээх.
- Captions — Нарны гэрэлд гэрэлтсэн засварлах ширээ. Тунгалаг, муруй навигацийн самбарыг тод, цагаан, бага зэрэг чимээ шуугиантай ажлын талбар дээр байрлуулж, дараа нь цайвар цэнхэр ажлын гадаргуу болон ойрын зураг авалтаар нөхөж болно.
- Kagi — Тусдаа уншлагын өрөө. Тод графит текстийн эргэн тойронд задгай цагаан зай гаргаж, нарийн нил ягаан өнгийн өргөлт болон дулаан пастел гадаргууг ашиглан амар амгаланг эвдээрэй.
- Milanote — Миланоте бол зориулалтын бүтээлч студи юм. Хөвөгч харааны самбаруудыг ашиглан редакцийн галерей маягийн хуудас үүсгээрэй: бараан хүрээтэй хана, цагаан дэлгэцийн зай, зөөлөн гүнтэй бодит объект шиг харагдах дэлгэцийн агшин.
- Co2 — Өвлийн гэрэлд уур амьсгалын атлас. Сериф гарчиг, ангиллын кодчилсон өгөгдөл, мөстэй зургууд нь өргөн цагаан захыг тодруулсан агаарын баримт бичгийн ландшафт шиг хуудас үүсгээрэй.
- GitButler — Текстийн төгсгөлд оюу өнгөтэй. Өндөр тодосгогчтой сериф гарчиг, нарийн техникийн тор, дулаан бал чулуун гадаргуу, даруухан оюу өнгийн аялгатай хослуулсан.
- Bee — Нарлаг, зөгийн бал шиг шаргал сахиус. Дэлгэц бүрийг хүрэлцэхүйц редакцийн тархалт болгон бүтээгээрэй: бугуйнд зүүсэн бүтээгдэхүүний дотно зургуудыг шар эсвэл цайвар төвийг сахисан дэвсгэр дээр тод, бараг хар өнгийн үсгийн хажууд өргөн бөөрөнхий хүрээгээр жаазлаарай.