Anthropic
İsti perqament haqqında elmi sahə jurnalı - sakit fil sümüyü səthləri, serif redaksiya başlıqları və yalnız hərəkətə ehtiyac olduqda görünən tək bir gil vurğu.
Anthropic-in interfeysi isti perqament kağızı üzərində diqqətlə seçilmiş elmi nəşr kimi oxunur. Fil sümüyü və yulafın neytral çalarları texnologiyadan ilhamlanan dizaynların tipik soyuq boz palitrasını əvəz edir və hər səthə həm əsas, həm də başlıq mətni üçün misli görünməmiş miqyasda istifadə edilən xüsusi serif şriftini tamamlayan kağız tekstura verir. Tək bir gil rəngli vurğu yalnız fəaliyyət anlarında görünür; qalan hər şey sakit və sərt qalır. Komponentlər düzdür - nazik haşiyələr və seçici aşağı künc radiusları dizayn dili kimi düşən kölgələri əvəz edir, interfeys elementlərini təmsil edən sans-serif şrift və ifadəlilik çatdıran serif şrift.
Dizaynda köhnə elmi illüstrasiyalar üstünlük təşkil edir: ana səhifədə 19-cu əsrin sahə bələdçilərini xatırladan klassik naturalist illüstrasiyalar üslubunda hazırlanmış sıx botanika/zooloji kəpənək və güvə kollajı var. İllüstrasiyalar perqament fonuna qarşı çıxmaq əvəzinə, onunla qarışmaq üçün isti rənglərdədir. Fotoşəkillər, məhsul ekran görüntüləri və ya mücərrəd qradiyentlər yoxdur. İkonoqrafiya minimaldır - açılan siyahılar üçün kiçik şevronlar və seyrək xətti göstəricilər həmişə mətnlə eyni isti, neytral palitradadır. Vizual sıxlıq aşağıdır: böyük mətn blokları və ağ boşluq üstünlük təşkil edir və şəkillər yalnız ana səhifənin əhatə dairəsində görünür.
Palitra
Brend
- Clay
#d97757— Doldurulmuş çağırış düymələri (məsələn, "kuki razılığını qəbul et") sistemdəki yeganə vurğu rəngidir və tipik UI mavisindən daha çox torpaq ton ailəsinə aid olan isti terrakota çalarıdır. - Clay Deep
#c6613f— Clay çağırış düymələri və diakritik işarəsi olan kanonik token üçün hover/basma vəziyyəti əsas diakritik işarənin daha dərin versiyasıdır.
Neytral
- Slate Dark
#141413— Əsas mətn, başlıqlar, altbilgi fonu, nazik haşiyələr - demək olar ki, qara və bir az isti, heç vaxt təmiz qara olmur. - Ivory Medium
#f0eee6— Səhifənin kətan parçası və geniş səth doldurucuları bütün isti tonu müəyyən edən perqament fonudur. - Ivory Light
#faf9f5— Karton səthlər, qaldırılmış panellər və kliklə-kliklə düymələr, təbəqəli, kölgəsiz effekt üçün kətandan bir addım daha parlaqdır. - Cloud Medium
#b0aea5— Yıxılmış köməkçi mətn, qeyri-aktiv naviqasiya elementləri, əlavə etiketlər — yox olmadan arxa plana çəkilən neytral bir üslub. - Cloud Dark
#87867f— Konturlu düymə çərçivələri, orta kontrastlı bölücülər - Stone
#cccbc8— Bölmələr arasındakı incə sərhədlər və bölücülər görünür, lakin heç vaxt çox aşkar deyil.
Tipoqrafiya
12-dən 68 pikselə qədər · 6 addım
- Anthropic Serif — əvəzetmə: Georgia · konturlar 400, 600 · Redaksiya Üslubu – 68 piksel başlıq, bütün 20 piksel əsas mətn, kart başlıqları və dəstəkləyici abzaslar üçün istifadə olunur. Serif şrift mətnə fərdilik qatır; əsas mətndə olması (texniki veb saytlar üçün qeyri-adi) onun tədqiqat nəşrinə aid olduğunu göstərir. 400 şrift qalınlığı standart olaraq, 600 şrift qalınlığı isə vurğu üçündür.
- Anthropic Sans — əvəzetmə: Inter · konturlar 400, 500, 600, 700 · Sans-serif şriftlərinin istifadəçi interfeysi və ekranına naviqasiya linkləri, düymələr, altbilgilər, nişanlar və 61px 700 qalınlığında qalın sans-serif başlıq daxildir. 61px sans-serif şrifti 68px serif şriftinin yanında yerləşdirilib və qəsdən ikili sistem yaradır: sans-serif şrifti deklarativ ifadələri ifadə edir, serif şrifti isə redaksiya essesi kimi hiss olunur.
- Anthropic Mono — əvəzetmə: JetBrains Mono · konturlar 400 · Yalnız kodda və ya texniki fraqmentlərdə istifadə olunur - nadir hallarda.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | sıx |
| Əsas addım | 8px |
| Düymə radiusu | 8px (bottom-only on filled variants), 12px (outlined) |
| Kart radiusu | 24px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 80-120px |
| Səhifə eni | 1280px |
Süni intellekt veb saytınızı Anthropic üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- ElevenLabs — İsti krem tonlarında incə başlıqlarla yazılmış foto esse. Bauhaus üslubunda dəftər — yumurta qabığı rəngli kağız, qara mürəkkəb və məhsul nümayişi üçün tək bənövşəyi və narıncı vurğu.
- Awesomic — Konfeti xatırladan narıncı durğu işarələri olan redaksiya sink tor
- Monad — isti perqament üzərində redaksiya texniki jurnalı
- Dub — Link-in mat düyü kağızı idarəetmə paneli
- Seline Analytics — İsti kağız üzərində sakit analitik masa
- Notion — Günorta günəşində isti kağız dəftər
- Calendly — Soyuq mərmər üzərində tünd mavi mürəkkəb
- Augen Pro — Apple-ın ağ təqdimatı monoxrom məkanda yeganə vurğu kimi klinik, çəkisiz, elektrik mavisinə malikdir.
- Antimetal — Kremli kağız üzərində redaksiya xronikası — elmi jurnalda sakit bir səhər, burada təmkin özünəinam ifadə edir və seriflər ağır işi yerinə yetirir
- Perk — İsti perqament kağızı üzərində elektrik əhəng
- Ditto — Günəş işığı altında vəhşi çiçək nümunələri yaradan emalatxana. İsti krem səthlər, canlı sarı əsas rəng, tünd tünd göy mürəkkəblər, əsərin arxasında çiçəklənən üzvi rəng formaları.
- Officevibe — İsti krem rəngli kağız üzərində redaksiya jurnalı. Müasir mavi interfeys vasitəsilə pıçıldayan kursiv serif şrift kimi təqdim olunan, məhsul kimi təqdim olunan, HR idarəetməsi haqqında düşünülmüş bir esse təsəvvür edin.