Anthropic
Дулаан илгэн цаасны тухай шинжлэх ухааны салбарын сэтгүүл - тайван зааны ясан гадаргуу, сериф хээтэй редакцийн гарчиг, зөвхөн үйлдэл шаардлагатай үед гарч ирдэг ганц шавар аялга.
Anthropic-ийн интерфэйс нь дулаан илгэн цаасан дээр нямбайлан боловсруулсан шинжлэх ухааны бүтээл мэт уншигддаг. Зааны ясан болон овьёосны төвийг сахисан өнгөнүүд нь технологийн санаа авсан дизайны ердийн хүйтэн саарал палитрыг орлож, гадаргуу бүрийг цаасан бүтэцтэй болгож, үндсэн болон гарчгийн текстийн аль алинд нь урьд өмнө байгаагүй хэмжээгээр ашиглагддаг захиалгат сериф фонтыг нөхдөг. Шавар өнгийн ганц өргөлт нь зөвхөн үйл ажиллагааны мөчид л гарч ирдэг; бусад бүх зүйл тайван, хатуу хэвээр байна. Бүрэлдэхүүн хэсгүүд нь хавтгай - нимгэн хил хязгаар болон сонгомол доод булангийн радиус нь дизайны хэл болгон унах сүүдрийг орлодог бөгөөд интерфэйсийн элементүүдийг төлөөлсөн sans-serif фонт, илэрхийлэлийг илэрхийлсэн сериф фонттой.
Дизайнд хуучны шинжлэх ухааны зургууд давамгайлсан: нүүр хуудсанд 19-р зууны үеийн хээрийн гарын авлагыг санагдуулам байгалийн зургийн сонгодог хэв маягаар хийгдсэн эрвээхэй, эрвээхэйнүүдийн өтгөн ургамал судлалын/амьтны хүрээлэнгийн коллаж харагдаж байна. Зураг чимэглэлийг илгэн дэвсгэртэй хослуулахын тулд дулаан өнгөөр будсан бөгөөд үүний эсрэг ялгарахаас илүүтэй. Зураг, бүтээгдэхүүний дэлгэцийн зураг, хийсвэр градиент байхгүй. Дүрс бичлэгийн зураглал нь хамгийн бага бөгөөд унах цэсний жижиг шевронууд болон сийрэг шугаман индикаторууд нь үргэлж тексттэй адил дулаан, төвийг сахисан палитрт байрладаг. Харааны нягтрал бага: текстийн том блокууд болон цагаан зай давамгайлж, зургууд нь зөвхөн нүүр хуудасны хүрээнд л гарч ирдэг.
Палетт
Брэнд
- Clay
#d97757— Дүүргэсэн үйлдэлд уриалсан товчлуурууд (жишээ нь, "күүки зөвшөөрлийг хүлээн авах") нь систем дэх цорын ганц өргөлтийн өнгө бөгөөд ердийн UI цэнхэрээс илүүтэй шороон өнгийн гэр бүлд хамаарах дулаан терракотта өнгө юм. - Clay Deep
#c6613f— Clay дуудлага хийх товчлуурууд болон ялгах тэмдэг бүхий каноник токеныг зөөх/дарах төлөв нь үндсэн ялгах тэмдгийн илүү гүнзгий хувилбар юм.
Төвийг сахисан
- Slate Dark
#141413— Үндсэн текст, гарчиг, доод хэсгийн дэвсгэр, нимгэн хүрээ - бараг хар өнгөтэй, бага зэрэг дулаан, хэзээ ч цэвэр хар өнгөтэй байдаггүй. - Ivory Medium
#f0eee6— Хуудасны даавуу болон том гадаргуугийн дүүргэлт нь бүхэлдээ дулаан өнгө аясыг бий болгодог илгэн дэвсгэр юм. - Ivory Light
#faf9f5— Картон гадаргуу, товшсон хавтан, товших товчлуурууд нь давхарласан, сүүдэргүй эффект өгөхийн тулд зотон даавуунаас нэг алхам илүү гэрэл гэгээтэй байдаг. - Cloud Medium
#b0aea5— Дарагдсан туслах текст, идэвхгүй навигацийн элементүүд, нэмэлт шошго—арь фон руу алга бололгүйгээр ухардаг төвийг сахисан хэв маяг. - Cloud Dark
#87867f— Тойруулсан товчлуурын хүрээ, дунд зэргийн тодосгогчтой хуваагч - Stone
#cccbc8— Хэсгүүдийн хоорондох нарийн хил хязгаар болон хуваалтууд харагдаж байгаа ч хэзээ ч хэт илэрхий биш байна.
Типографи
12-оос 68 пиксел хүртэл · 6 алхам
- Anthropic Serif — солих: Georgia · тоймууд 400, 600 · Редакцийн хэв маяг – 68 пикселийн гарчиг, бүх 20 пикселийн үндсэн текст, картын гарчиг болон туслах догол мөрүүдэд ашиглагддаг. Сериф фонт нь текстэд өвөрмөц байдлыг нэмдэг; үндсэн текстэд байгаа нь (техникийн вэбсайтуудад ер бусын) судалгааны нийтлэлд харьяалагддаг болохыг илтгэнэ. 400 фонтын зузаан нь анхдагч, 600 фонтын зузаан нь онцлоход зориулагдсан.
- Anthropic Sans — солих: Inter · тоймууд 400, 500, 600, 700 · Sans-serif фонтын хэрэглэгчийн интерфэйс болон дэлгэц нь навигацийн холбоосууд, товчлуурууд, хөл хэсэг, дүрсүүд болон 61px 700 жинтэй тод sans-serif гарчиг зэргийг агуулдаг. 61px sans-serif фонтыг 68px serif фонтын хажууд байрлуулсан бөгөөд зориудаар давхар систем үүсгэдэг: sans-serif фонт нь тунхаглалын мэдэгдлийг илэрхийлдэг бол serif фонт нь редакцийн эссэ шиг санагддаг.
- Anthropic Mono — солих: JetBrains Mono · тоймууд 400 · Зөвхөн код эсвэл техникийн хэсгүүдэд ашиглагддаг - ховор.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | нягт |
| Үндсэн алхам | 8px |
| Товчлуурын радиус | 8px (bottom-only on filled variants), 12px (outlined) |
| Картын радиус | 24px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 80-120px |
| Хуудасны өргөн | 1280px |
Хиймэл оюун ухаан таны вэбсайтыг Anthropic хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Mollie — Ноолуурын лангуу, бараан өнгийн дэвтэр. Хар текстийн эргэн тойронд редакцийн дизайн хийхэд хангалттай цагаан зай үлдээгээд, бүтээгдэхүүнтэй холбоотой санаануудыг бүлээн тос, эспрессо бор шар айраг, бодит төлбөрийн аргуудын хүрэлцэхүйц зургуудаар бататга.
- Kagi — Тусдаа уншлагын өрөө. Тод графит текстийн эргэн тойронд задгай цагаан зай гаргаж, нарийн нил ягаан өнгийн өргөлт болон дулаан пастел гадаргууг ашиглан амар амгаланг эвдээрэй.
- Milanote — Миланоте бол зориулалтын бүтээлч студи юм. Хөвөгч харааны самбаруудыг ашиглан редакцийн галерей маягийн хуудас үүсгээрэй: бараан хүрээтэй хана, цагаан дэлгэцийн зай, зөөлөн гүнтэй бодит объект шиг харагдах дэлгэцийн агшин.
- Co2 — Өвлийн гэрэлд уур амьсгалын атлас. Сериф гарчиг, ангиллын кодчилсон өгөгдөл, мөстэй зургууд нь өргөн цагаан захыг тодруулсан агаарын баримт бичгийн ландшафт шиг хуудас үүсгээрэй.
- GitButler — Текстийн төгсгөлд оюу өнгөтэй. Өндөр тодосгогчтой сериф гарчиг, нарийн техникийн тор, дулаан бал чулуун гадаргуу, даруухан оюу өнгийн аялгатай хослуулсан.
- ElevenLabs — Дулаан цөцгий өнгөтэй, нарийн гарчигтай фото эссэ. Баухаус маягийн дэвтэр - өндөгний хальсан өнгөтэй цаас, хар бэх, бүтээгдэхүүний үзэсгэлэнд зориулсан нил ягаан, улбар шар өнгийн ганц чимэглэл.
- Awesomic — Конфеттиг санагдуулам улбар шар цэг таслал бүхий редакцийн цайрын тор
- Monad — дулаан илгэн дээрх редакцийн техникийн сэтгүүл
- Dub — Линкийн царцсан будааны цаасан удирдлагын самбар
- Seline Analytics — Дулаан цаасан дээрх чимээгүй аналитик ширээ
- Notion — Үдийн наран дор дулаахан цаасан дэвтэр
- Calendly — Хүйтэн гантиг дээр хар хөх бэх