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