PostHog
Үйсэн суурь дээр бэхлэгдсэн дулаан цаасан ширээ нь хүрэлцэхүйц тааламжтай шаргал өнгийн ажлын талбар бөгөөд интерфэйсийн элемент бүр нь хөвөгч самбар биш харин хэвлэсэн зураг юм.
Палетт
Брэнд
- Signal Blue
#2f80fa - Amber Glow
#eb9d2a - Dark Amber
#cd8407 - Burnished Gold
#b17816
Төвийг сахисан
- Sandy Desk
#e1d7c2 - Paper White
#ffffff - Cream Paper
#fdfdf8 - Soft Linen
#eeefe9 - Pale Stone
#e5e7e0 - Deep Moss
#23251d
Типографи
12-оос 36 пиксел хүртэл · 7 алхам
- Open Runde — солих: Inter Tight · тоймууд 400, 500, 600, 700, 800
- IBM Plex Sans Variable — солих: IBM Plex Sans · тоймууд 400, 500, 600, 700
- ui-monospace — солих: SFMono-Regular · тоймууд 400
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | нягт |
| Үндсэн алхам | 8px |
| Товчлуурын радиус | 4px |
| Картын радиус | 4px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 48px |
| Хуудасны өргөн | 958px |
Хиймэл оюун ухаан таны вэбсайтыг PostHog хэв маягаар бүтээж, дүүргэх болно
- 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 — Нарлаг, зөгийн бал шиг шаргал сахиус. Дэлгэц бүрийг хүрэлцэхүйц редакцийн тархалт болгон бүтээгээрэй: бугуйнд зүүсэн бүтээгдэхүүний дотно зургуудыг шар эсвэл цайвар төвийг сахисан дэвсгэр дээр тод, бараг хар өнгийн үсгийн хажууд өргөн бөөрөнхий хүрээгээр жаазлаарай.