Telegram、 WhatsApp+380637610482
瓦列里·丹尤克
瓦列里·丹尤克开发者为企业开发人工智能工具。高质量,价格实惠。通过 Telegram 联系
Anthropic — 此风格的网站预览

Anthropic

一本印在温暖羊皮纸上的科学野外考察日志——平静的象牙色表面,衬线字体的编辑标题,以及一个仅在需要行动时才会出现的粘土色点缀。

Anthropic 的界面如同精心编排的科学出版物,印在温暖的羊皮纸上。象牙白和燕麦色等中性色调取代了科技设计中常见的冷灰色,赋予每个表面一种纸质般的质感,与定制的衬线字体相得益彰,这种字体以空前的规模用于正文和标题。仅在动态场景中才会出现一抹陶土色的点缀;其余一切都保持着平静和简洁。组件采用扁平化设计——纤细的边框和选择性的下角圆角取代了阴影,成为设计语言的基调;无衬线字体用于界面元素,而衬线字体则用于表达情感。

设计以复古科学插图为主:首页是一幅密集的动植物拼贴画,描绘了蝴蝶和飞蛾,采用经典的自然主义插图风格,令人联想起19世纪的野外指南。插图色调温暖,与羊皮纸背景融为一体,而非突兀突出。页面中没有照片、产品截图或抽象渐变效果。图标设计极简——下拉菜单使用小巧的V形图标,以及稀疏的线性指示器,始终与文本采用相同的温暖中性色调。视觉密度较低:大块文本和留白占据主导地位,图片仅出现在首页区域。

调色板

品牌

  • 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 · 编辑风格——用于 68px 的标题、所有 20px 的正文、卡片标题和辅助段落。衬线字体为文本增添了个性;在正文中使用衬线字体(这在技术网站上并不常见)表明其属于研究出版物。默认字重为 400,600 用于强调。
  • Anthropic Sans — 替代品: Inter · 轮廓 400, 500, 600, 700 · 用户界面和无衬线字体显示包括导航链接、按钮、页脚、图标以及一个粗体无衬线标题,其字重为 61px 700。61px 的无衬线字体与 68px 的衬线字体并排显示,有意营造出一种双重系统:无衬线字体用于表达陈述性信息,而衬线字体则给人以社论文章的感觉。
  • Anthropic Mono — 替代品: JetBrains Mono · 轮廓 400 · 仅在代码或技术片段中使用 - 很少见。

音程和形式

目的意义
密度稠密
基本步骤8px
按钮半径8px (bottom-only on filled variants), 12px (outlined)
卡片半径24px
阴影无边框,取而代之的是阴影
各部分之间80-120px
页面宽度1280px

AI 将按照Anthropic风格构建您的网站并填充内容。

  • 通过链接( Instagram 、 TikTok 、 Facebook )发布产品和帖子。
  • 从旧网站迁移内容——只需指定地址即可。
  • 采用最佳引擎的现代设计: React ( Next.js ),开箱即用服务器端渲染和 SEO 优化。
  • 全自动搜索引擎优化,支持搜索结果和神经网络推荐。

相似风格

  • ElevenLabs — 一组以温暖奶油色调为主、标题简洁的摄影作品。一本包豪斯风格的笔记本——蛋壳色纸张,黑色墨水,仅以一抹紫色和橙色点缀,用于产品展示。
  • Awesomic — 编辑用的锌网布,上面点缀着橙色的标点符号,让人联想起五彩纸屑。
  • Monad — 关于温暖羊皮纸的编辑技术期刊
  • Dub — Link的哑光宣纸控制面板
  • Seline Analytics — 温暖的纸张上摆放着一张安静的分析表格。
  • Notion — 正午阳光下,一本温暖的纸质笔记本映入眼帘
  • Calendly — 冷大理石纹上印有深蓝色墨水。
  • Augen Pro — 苹果的白色展示柜以单色调空间为背景,仅以清冷、轻盈的电光蓝作为点缀。
  • Antimetal — 一篇印在米色纸上的社论——科学期刊一个宁静的早晨,克制传达着自信,衬线字体则承担着重要的作用。
  • Perk — 温暖的羊皮纸上的电光石灰
  • Ditto — 阳光洒满工作室,人们正在制作野花样本。温暖的奶油色底色,鲜艳的黄色底色,深邃的藏蓝色墨水,以及作品背后绽放的自然色彩。
  • Officevibe — 一本印在暖米色纸张上的杂志。想象一下,一篇关于人力资源管理的精辟文章,以产品的形式呈现——流畅的衬线字体在现代蓝色的界面中低语。