JL Capital Logo
设计系统品牌指导原则JL Capital

JL Capital 设计指南

用于创建专业基金展示和材料的设计模式、色彩调色板、排版和组件指南。

品牌介绍

我们是谁

JL Capital 是一家系统性加密投资公司,专注于一致的风险调整回报。我们将机构研究纪律与深度社区影响力相结合,为投资者提供清晰、专业的数字资产投资路径。

核心价值

  • 风险优先配置
  • 机构研究纪律
  • 系统性、数据驱动的方法
  • 透明、专业的沟通

设计原则

  • 简洁、专业的美学
  • 数据优先可视化
  • 最小色彩调色板配战略性红色强调
  • 清晰层次和优秀可读性

品牌定位

"机构级系统性加密投资与易于理解的专业展示相结合。简洁、自信、数据驱动。"

色彩调色板

主品牌颜色

JL 红
HEX: #C52928RGB: 197, 41, 40HSL: 0°, 66%, 46%Tailwind: N/A (自定义)

用途

主要标题、关键指标、品牌时刻、最终漏斗阶段、行动按钮

纯白色
HEX: #FFFFFFRGB: 255, 255, 255HSL: 0°, 0%, 100%Tailwind: white

用途

主要背景、卡片背景、图表区域、简洁展示基础

中性黑
HEX: #1F2937RGB: 31, 41, 55HSL: 215°, 28%, 17%Tailwind: neutral-800

用途

高对比度文字、重要内容、需要最大可读性时

数据可视化色彩方案

JL 策略
#C52928

Q3报告 (品牌)

BTC 基准
#6B7280

Q3报告 (静音)

JL NAV
#10B981

统计 (成功)

BTC 指数
#DC2626

统计 (对比)

警告
#F59E0B

谨慎状态

Q3报告风格

在投资者报告和客户展示中使用JL红 + 中性灰,品牌强调很重要。

统计仪表板风格

在内部仪表板中使用成功绿 + 错误红,语义意义是主要的。

中性色阶

900
#111827

主文字

700
#374151

正文

500
#6B7280

说明文字

200
#E5E7EB

边框

100
#F3F4F6

背景

50
#F9FAFB

微妙区域

色彩使用指南

Q3报告风格规则

  • • 策略性能使用JL红 (#C52928)
  • • 基准使用neutral-500 (#6B7280)
  • • 用红色亮点保持品牌强调
  • • 保持调色板最小且专业
  • • 渐变填充使用18%透明度
  • • 基准数据使用虚线 (6,4)

一般指导原则

  • • 保持最低4.5:1对比度
  • • 保持背景主要为白色/neutral-50
  • • 所有边框统一使用neutral-200
  • • 在一个上下文中不要混合色彩方案

统计仪表板风格规则

  • • JL NAV使用成功绿 (#10B981)
  • • BTC基准使用错误红 (#DC2626)
  • • 遵循语义色彩意义 (绿色=好)
  • • 用于功能性、非客户仪表板
  • • 强调数据清晰度而非品牌
  • • 背景使用CartesianGrid模式

禁忌

  • • 不要将JL红用于负面/错误状态
  • • 不要混合Q3和统计色彩方案
  • • 避免每个图表使用超过3种颜色
  • • 不要使用纯黑色 (#000000)

排版系统

排版层次

大标题
36px, font-semibold, tracking-tight, JL红
章节标题
24px, font-semibold, tracking-tight, JL红
子章节标题
18px, font-semibold, neutral-700
具有轻松行高的可读内容正文文本
16px, font-normal, leading-relaxed

排版规则

  • • 主要字体:Inter 与系统后备
  • • 24px+标题使用tracking-tight
  • • 所有标题使用font-semibold (600)
  • • 保持最低4.5:1对比度

图表排版

  • • 轴标签:11-12px, neutral-500
  • • 数据标签:12px, neutral-800, font-medium
  • • 图表标题:14px, neutral-700, font-semibold
  • • 始终指定fontFamily="Inter, sans-serif"

UI组件和布局

标签和按钮

Q3 2025投资者报告

列表样式

  • BTC、ETH和稳定资产之间的信号引导配置
  • 目标是相比被动暴露获得更强的风险调整回报

统计卡片

+10.2%
Q3收益
2.22
夏普比率

信息框

本文档仅供信息参考。过往表现不代表未来结果。

数据可视化示例

Q3报告风格

策略超越比特币HODL 9.51%
7月8月9月

JL红 (#C52928) 带渐变,中性灰 (#6B7280) 虚线基准

统计仪表板风格

Q2Q3Q4JL NAVBTC

成功绿 (#10B981) vs 错误红 (#DC2626) 配网格模式

管道流程

100+ 想法10 测试2-3 赢家

创新漏斗

100+ 想法10 测试2-3 赢家

Q3报告风格

  • • 策略使用JL红 (#C52928),基准使用中性灰 (#6B7280)
  • • 渐变填充:18%透明度,基准虚线
  • • 简洁网格,祖母绿背景成功标注

统计仪表板风格

  • • JL使用成功绿 (#10B981),BTC使用错误红 (#DC2626)
  • • CartesianGrid模式,neutral-50背景
  • • 语义意义 (绿色=好),功能优于品牌

品牌指导原则

核心原则

  • 清晰优先: 信息层次是至关重要的
  • 最小色彩: 让JL红成为主要强调色
  • 数据驱动: 图表和指标应该高度清晰
  • 专业语调: 避免过度装饰性元素

实施说明

• 使用Tailwind CSS类以实现一致的实施

• 为所有边框保持 border-neutral-200

• 保持背景主要为白色以实现简洁展示

• 在品牌时刻谨慎但一致地使用JL红

• 确保采用适当网格系统的响应式设计