Anthropic
Җылы пергамент турында фәнни өлкә журналы - тыныч фил сөяге өслекләре, серифлы редакция рубрикалары һәм хәрәкәт кирәк булганда гына күренә торган бердәнбер балчык акценты.
Anthropic интерфейсы җылы пергамент кәгазендә җентекләп сайланган фәнни басма кебек укыла. Фил сөяге һәм солы төсләренең нейтраль төсмерләре технологиядән илһамланып ясалган дизайннарның гадәти салкын соры палитрасын алыштыра, һәр өслеккә кәгазь текстурасы бирә, ул төп һәм баш текст өчен күрелмәгән масштабта кулланылган махсус сериф шрифтын тулыландыра. Бер балчык төсендәге акцент активлык мизгелләрендә генә күренә; калганнары тыныч һәм катгый кала. Компонентлар яссы - нечкә чикләр һәм сайлап алынган аскы почмак радиуслары дизайн теле буларак күләгәләрне алыштыра, интерфейс элементларын күрсәтүче санс-сериф шрифты һәм экспрессивлыкны күрсәтүче сериф шрифты.
Дизайнда винтаж фәнни иллюстрацияләр өстенлек итә: баш биттә XIX гасыр кыр белешмәлекләрен хәтерләткән классик натуралистик иллюстрацияләр стилендә эшләнгән күбәләкләр һәм күбәләкләрнең тыгыз ботаник/зоологик коллажы күрсәтелгән. Иллюстрацияләр пергамент фонына каршы тору урынына җылы төсләр белән кушылган. Фотосурәтләр, продукт скриншотлары яки абстракт градиентлар юк. Иконография минималь - ачыла торган менюлар өчен кечкенә шевроннар һәм сирәк сызыклы индикаторлар, һәрвакыт текст белән бер үк җылы, нейтраль палитрада. Визуаль тыгызлык түбән: текстның зур блоклары һәм ак бушлык өстенлек итә, һәм рәсемнәр баш бит кысаларында гына күренә.
Палитра
Бренд
- Clay
#d97757— Тутырылган чакыру төймәләре (мәсәлән, "cookie ризалыгын кабул итү") системадагы бердәнбер акцент төсе, гадәти 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 пиксельле текст, карточка исемнәре һәм ярдәмче абзацлар өчен кулланыла. Serif шрифты текстка үзенчәлек өсти; аның текстта булуы (техник сайтлар өчен гадәти булмаган) аның фәнни басмага караганлыгын күрсәтә. Гадәттә 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 — Link'ның мат дөге кәгазе белән идарә итү панеле
- Seline Analytics — Җылы кәгазьдә тыныч аналитик өстәл
- Notion — Көндезге кояш астында җылы кәгазь дәфтәр
- Calendly — Салкын мәрмәрдә куе зәңгәр төстәге кара
- Augen Pro — Apple'ның ак төсе монохром киңлектә бердәнбер акцент буларак клиник, авырлыксыз, электр зәңгәрен үз эченә ала.
- Antimetal — Каймак кәгазьдәге редакция хроникасы — фәнни журналдагы тыныч иртә, анда тыйнаклык ышаныч бирә, ә серифлар авыр эшне башкара.
- Perk — җылы пергамент кәгазендә электр лаймы
- Ditto — Кояш нурлары астында кыргый чәчәк үрнәкләре ясау остаханәсе. Җылы каймак өслекләр, ачык сары төс, тирән күк зәңгәрсу буяулар, әсәр артында чәчәк аткан органик төс формалары.
- Officevibe — Җылы каймак төсле кәгазьдә басылган редакция журналы. Кадрлар белән идарә итү турында уйланылган иншаны күз алдыгызга китерегез, ул продукт буларак тәкъдим ителә - заманча зәңгәр интерфейс аша пышылдап язылган курсив-сериф шрифты.