
Anthropic
Issiq pergamentga oid ilmiy jurnal - tinch fil suyagi yuzalar, serifli tahririyat sarlavhalari va faqat harakat zarur bo'lganda paydo bo'ladigan bitta loy aksenti.
Anthropic interfeysi iliq pergament qog'ozida puxta tanlangan ilmiy nashrga o'xshaydi. Fil suyagi va jo'xori rangining neytral soyalari texnologiyadan ilhomlangan dizaynlarning odatiy sovuq kulrang palitrasini almashtiradi va har bir yuzaga asosiy va sarlavha matni uchun misli ko'rilmagan miqyosda ishlatiladigan maxsus serif shriftini to'ldiruvchi qog'ozsimon tekstura beradi. Bitta loy rangli urg'u faqat faollik paytlarida paydo bo'ladi; qolgan hamma narsa xotirjam va qat'iy bo'lib qoladi. Komponentlar tekis - yupqa chegaralar va tanlangan pastki burchak radiuslari dizayn tili sifatida tushadigan soyalarni almashtiradi, interfeys elementlarini ifodalovchi sans-serif shrifti va ifodalilikni ifodalovchi serif shrifti mavjud.
Dizaynda eski ilmiy illyustratsiyalar ustunlik qiladi: bosh sahifada XIX asr dala qo'llanmalarini eslatuvchi klassik naturalistik illyustratsiyalar uslubida bajarilgan kapalaklar va kuyalarning zich botanika/zoologik kollaji mavjud. Illustratsiyalar pergament foniga qarshi turish o'rniga unga moslashish uchun iliq ranglarda ishlangan. Fotosuratlar, mahsulot skrinshotlari yoki mavhum gradientlar yo'q. Ikonografiya minimal — ochiladigan ro'yxatlar uchun kichik chevronlar va siyrak chiziqli ko'rsatkichlar, har doim matn bilan bir xil iliq, neytral palitrada. Vizual zichlik past: matnning katta bloklari va oq bo'shliq ustunlik qiladi va tasvirlar faqat bosh sahifa doirasida paydo bo'ladi.
Palitra
Brend
- Clay
#d97757— Toʻldirilgan harakatga chaqiruv tugmalari (masalan, "cookie roziligini qabul qilish") tizimdagi yagona urgʻu rangi boʻlib, odatiy UI koʻk rangiga emas, balki tuproq rang oilasiga tegishli boʻlgan issiq terakota rangidir. - Clay Deep
#c6613f— Clay harakatga chaqiruv tugmalari va diakritik belgili kanonik token uchun sichqonchani olib borish/bosish holati asosiy diakritik belgining chuqurroq versiyasidir.
Neytral
- Slate Dark
#141413— Asosiy matn, sarlavhalar, pastki qism fon, ingichka chegaralar - deyarli qora, ozgina iliqlik bilan, hech qachon sof qora rangda bo'lmaydi. - Ivory Medium
#f0eee6— Sahifaning tuvali va katta sirt to'ldiruvchilari butun iliq ohangni o'rnatadigan pergament fonidir. - Ivory Light
#faf9f5— Karton yuzalar, ko'tarilgan panellar va bosish uchun bosish tugmalari qatlamli, soyasiz effekt uchun tuvalga qaraganda bir qadam yorqinroq. - Cloud Medium
#b0aea5— Bo'shashgan yordamchi matn, nofaol navigatsiya elementlari, qo'shimcha yorliqlar — yo'qolib ketmasdan orqa fonga chekinadigan neytral uslub. - Cloud Dark
#87867f— Konturlangan tugma ramkalari, o'rtacha kontrastli ajratgichlar - Stone
#cccbc8— Bo'limlar orasidagi nozik chegaralar va ajratuvchilar ko'rinadi, lekin hech qachon juda aniq emas.
Tipografiya
12 dan 68 pikselgacha · 6 qadam
- Anthropic Serif — almashtirish: Georgia · konturlar 400, 600 · Tahririyat uslubi – 68 pikselli sarlavha, barcha 20 pikselli asosiy matn, kartochka sarlavhalari va qo'shimcha paragraflar uchun ishlatiladi. Serif shrifti matnga o'ziga xoslik qo'shadi; uning asosiy matnda mavjudligi (texnik veb-saytlar uchun g'ayrioddiy) uning tadqiqot nashriga tegishli ekanligini ko'rsatadi. 400 shrift qalinligi standart, 600 shrift qalinligi esa ta'kidlash uchun ishlatiladi.
- Anthropic Sans — almashtirish: Inter · konturlar 400, 500, 600, 700 · Sans-serif shriftlarining foydalanuvchi interfeysi va displeyi navigatsiya havolalari, tugmalar, altbilgilar, piktogrammalar va 61px 700 og'irlikdagi qalin sans-serif sarlavhasini o'z ichiga oladi. 61px sans-serif shrifti 68px serif shrifti yonida joylashgan bo'lib, ataylab ikki tomonlama tizim yaratadi: sans-serif shrifti deklarativ bayonotlarni ifodalaydi, serif shrifti esa tahririyat inshosi kabi his qiladi.
- Anthropic Mono — almashtirish: JetBrains Mono · konturlar 400 · Faqat kod yoki texnik parchalarda ishlatiladi - kamdan-kam hollarda.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | zich |
| Asosiy qadam | 8px |
| Tugma radiusi | 8px (bottom-only on filled variants), 12px (outlined) |
| Karta radiusi | 24px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 80-120px |
| Sahifa kengligi | 1280px |
Sun'iy intellekt veb-saytingizni Anthropic uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- ElevenLabs — Iliq krem tusli, nozik sarlavhali fotoinsho. Bauhaus uslubidagi daftar — tuxum qobig'i rangli qog'oz, qora siyoh va mahsulotni namoyish qilish uchun bitta binafsha va to'q sariq rangli aksent.
- Awesomic — Konfetini eslatuvchi to'q sariq tinish belgilari bilan bezatilgan rux to'ri
- Monad — Issiq pergamentdagi tahririyat texnik jurnali
- Dub — Linkning mat guruch qog'ozi boshqaruv paneli
- Seline Analytics — Issiq qog'ozda jimgina analitik stol
- Notion — Peshin quyoshida iliq qog'oz daftar
- Calendly — Sovuq marmar ustiga to'q ko'k siyoh
- Augen Pro — Apple’ning oq rangli taqdimoti monoxrom makonda yagona aksent sifatida klinik, vaznsiz, elektr ko‘k rangga ega.
- Antimetal — Qaymoq qog'ozga yozilgan tahririyat xronikasi — ilmiy jurnalda sokin tong, bu yerda o'zini tuta bilish ishonchni ifodalaydi va seriflar og'ir ishlarni bajaradi
- Perk — Issiq pergament qog'ozidagi elektr ohak
- Ditto — Quyosh nuri tushgan holda yovvoyi gullar namunalarini yaratish ustaxonasi. Issiq krem rangli yuzalar, yorqin sariq asosiy rang, to'q ko'k siyohlar, asar orqasida gullab-yashnayotgan organik rang shakllari.
- Officevibe — Issiq krem rangli qog'ozda tahririyat jurnali. Zamonaviy ko'k interfeys orqali pichirlab yozilgan kursiv serif shrift - mahsulot sifatida taqdim etilgan HR menejmenti haqidagi puxta o'ylangan inshoni tasavvur qiling.