精选 · 开放 · 免费

LangChain

一个专注于 AI 智能体开发的深色主题开发者平台，具备清晰的技术美感。

aidev
LangChain 网站截图
↓ 下载设计系统包 (16 MB)在 OpenDesign 中打开

原站: https://www.langchain.com

📦 浏览包内文件 →

01

设计气质 DNA

开发者AI基础设施智能体生命周期

为 AI 开发者打造的精致数字工作台，融合技术精准度与现代美学。

02

色彩

#FFFFFFInk
rgba(255, 255, 255, 0.6)Ink soft
#030710BG
#162034BG soft
#7FC8FFMuted
rgba(204, 233, 255, 1)Line

高对比度深色主题，辅以蓝色调进行技术性强调

03

字体

geometric-sans · humanist-sans · monospace

标题与标题文字使用紧凑的字间距（-1.92px 至 -1.44px） · 正文使用 16px 基础字号，行高 1.5 · 字体粗细以轻量（300）用于标题，常规（400）用于正文为主

04

间距

4px
8px
12px
16px
20px
24px
32px
40px
48px
64px
80px
96px

基于 8px 的统一网格，配以充足的留白以营造呼吸感

05

表面 (圆角 / 阴影 / 边线)

sm · 2px
md · 6px
lg · 16px
pill · 80px

交互元素使用 1px 实线边框，带有蓝色调

0px 32px 68px 0px rgba(0, 0, 0, 0.3) · 0px 0px 32px 0px rgba(127, 200, 255, 0.5)

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

固定头部，内容居中，章节间保持充裕的垂直间距

07

动效与交互

200msmicro
300mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

hover 状态下平滑的过渡效果（0.3s） · 内容切换时细腻的淡入淡出过渡 · 避免炫目动画，保持专业感

平滑的颜色过渡与细微的视觉反馈 · 即时响应，伴随视觉状态变化

08

组件

09

文案语气与禁用清单

10

包内真实截图

LangChain — 桌面首屏（hero）
桌面首屏（hero）
LangChain — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
LangChain — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
LangChain — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
LangChain — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
LangChain — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
LangChain — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
LangChain — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
LangChain — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
LangChain — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
LangChain — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
LangChain — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
LangChain — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
LangChain — 桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
LangChain — 移动首屏
移动首屏

抓自真实页面 · 真 computed styles

11

System Prompt

一个专注于 AI 智能体开发的深色主题开发者平台，具备清晰的技术美感。主色板为深海军蓝（#030710）搭配浅蓝色点缀（#7FC8FF，#CCE9FF）。字体排印方面，显示文字使用几何无衬线字体，正文使用人文主义无衬线字体，标题采用轻量（300）字重，正文采用常规（400）字重。关键特性包括：充裕的留白、微妙的蓝色渐变线条、实心与带边框按钮的混合使用。关键设计原则：保持深色主题一致性；谨慎使用蓝色点缀进行强调；保持字体轻盈、空间感强；避免使用会淹没技术内容的沉重视觉元素；确保所有交互感觉平滑而专业。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko