Ljtn Github

一个开发者终端在浏览器中的生动呈现，融合了原始的命令行工具与精致、安静的网页界面。

以深色模式为主，采用高对比度文字以确保可读性，并使用蓝色强调色来指示交互焦点。

monospace · system-sans

• display64px · 500
• body16px · 400

主要标题使用等宽字体，以强化'代码'身份。 · 正文使用系统无衬线字体，以保持干净、原生的感觉。 · 在深色模式下，保持充足的行高以提升可读性。

一致的4px基础单位，通过充足的区块间距建立清晰的垂直节奏。

1px solid #30363d，谨慎使用以定义卡片和输入框。

0 1px 3px rgba(0,0,0,0.4) · 0 8px 24px rgba(0,0,0,0.3)

非对称主布局，文字在左侧，UI预览在右侧，随后是全宽的特性展示区域。

交互元素上微妙的悬停状态。 · 预览中UI状态变化的平滑过渡。

文字链接的微妙颜色变化或下划线；按钮的背景变化。 · 即时视觉反馈，如颜色反转或微妙的缩放。

• button 等宽字体文字配以微妙背景，或简单的带下划线文字链接（悬停时）。
• card 深色卡片配以微妙边框，用于问题列表和看板列。
• chip 内联代码块，具有独特的背景。
• input 命令行风格的输入框，带有提示符和复制按钮。
• hero 大型、有冲击力的等宽字体标题，配有详细的产品UI预览。

• 语气 自信、技术性且简洁。直接面向开发者。
• 标题风格 简短、有力、使用等宽字体的短语，突出关键特性。
• 按钮文案 直接的命令（例如 'curl ... | sh'）或简单、清晰的链接。

• 不要使用浅色背景或鲜艳的配色方案——截图显示的是严格的深色模式。
• 不要使用衬线或装饰性显示字体——截图对所有主要标题都使用等宽字体。
• 不要使用圆润、气泡状的UI组件——截图显示的是锋利、矩形的卡片和输入框。
• 不要添加厚重的阴影或3D效果——表面是平坦的，只有微妙的边框。
• 不要到处使用鲜艳、高饱和度的强调色——截图对交互元素只使用了一种克制的蓝色。
• 不要使用复杂的渐变背景——截图显示的是纯色、深色、有纹理的背景。
• 避免: 营销术语或流行词。
• 避免: 过多的感叹号或过于热情的语言。
• 避免: 模糊或非技术性的描述。