하니스 브랜드 색상
Apothem 프로젝트 웹사이트 전반과 모든 아키텍처 다이어그램에서 사용하는 하니스별 색상 팔레트입니다. 단일 진실의 출처: 하니스마다 색상 하나, apothem 허브 하나.
아래의 표준 브랜드 이름 × 색상 코드 열거는 팔레트의 카탈로그 목적에 필요한 하니스별 식별자를 그대로 보존하기 위해 text 펜스로 감싸여 있습니다.
Apothem 코어
| 토큰 | 라이트 | 다크 | 용도 |
|---|---|---|---|
apothem-hub | #0F172A | #F1F5F9 | 모든 아키텍처 다이어그램의 중앙 배포 노드("apothem"). |
shared-profile | #10B981 | #34D399 | apothem 코어에 입력을 공급하는 진실의 출처 프로필. |
하니스 팔레트
열일곱 개 하니스 중 열다섯 개는 독자가 다이어그램에서 도구를 구별할 수 있도록
각자의 주요 브랜드 정체성에 맞춰 색을 입혔습니다. Apothem 마크 자체는
팔레트 페이지의 슬레이트와 에메랄드 색상만 사용하며,
하니스 색상은 담지 않습니다. 나머지 두 개 — glm과 kimi-code — 는 아직
정의된 브랜드 색상이 없습니다. 이들의 행은 업데이트의 전파 단계에
따라 업스트림 브랜드 색상이 정해지면 추가됩니다.
| Token | Light | Dark | Source |
|-------------------|-----------|-----------|-----------------------------------------------------------------------------------------------------------------------------------------------------|
| `antigravity` | `#7C3AED` | `#9F67FF` | Google Antigravity deep-purple. |
| `claude-code` | `#CC785C` | `#E89378` | Anthropic terracotta-orange. |
| `codebuddy` | `#0052D9` | `#5E8EF7` | Tencent CodeBuddy blue. |
| `codex` | `#10A37F` | `#19C796` | OpenAI signature teal. |
| `cursor` | `#6E56CF` | `#9B85E3` | Cursor brand purple. |
| `gemini-cli` | `#4285F4` | `#6BA4F7` | Google blue. |
| `github-copilot` | `#0A3069` | `#5B8FE3` | GitHub Mona deep-blue. |
| `hermes` | `#71717A` | `#A1A1AA` | Community silver-grey. |
| `kiro` | `#790ECB` | `#A862DD` | Kiro violet. |
| `open-claw` | `#DC2626` | `#F87171` | Community red-orange. |
| `opencode` | `#F59E0B` | `#FBBF24` | Community amber. |
| `qwen-code` | `#FF6A00` | `#FF8C40` | Alibaba Qwen orange. |
| `trae` | `#FF0066` | `#FF599C` | ByteDance Trae magenta. |
| `windsurf` | `#0EA5E9` | `#38BDF8` | Windsurf sky-blue. |
| `zed` | `#084CCF` | `#5E8BE0` | Zed Industries blue. |상표
이 페이지와 사이트 전반의 하니스 이름, 제품 이름, 브랜드 색상은 해당 소유자에게 속하며 각 소유자의 상표입니다. Apothem은 어떤 도구를 구성하는지 밝히기 위해서만 도구 이름을 사용하고, 다이어그램에서 도구를 구별하기 위해서만 도구의 색상을 사용합니다. Apothem은 독립 프로젝트로, 이들 회사나 프로젝트 중 어느 것과도 제휴 관계가 없고 후원이나 보증을 받지 않으며, 이들의 로고를 전혀 함께 배포하지 않습니다.
명명 근거
apothem-hub— 이름이 연상시키는 기하학적 중심(정다각형의 변심거리는 그 중심을 향해 안쪽을 가리킵니다).shared-profile— 어떤 단일 하니스 색상과도 구별되는 업스트림 소스로, 모든 다이어그램에서 "입력" 화살표로 읽힙니다.- 하니스별 토큰은 코드베이스 전반에서 사용하는 하니스 슬러그(
harnesses/<slug>/, 진입점 키, CLI--harness <slug>인자)를 그대로 따릅니다. 개념 하나에 단어 하나, 어디서나 같은 문자열입니다.
Mermaid 사용법
graph LR
P["shared profile"]:::shared-profile --> A["apothem"]:::apothem-hub
A --> AG["Antigravity"]:::antigravity
A --> CC["Claude Code"]:::claude-code
A --> CB["CodeBuddy"]:::codebuddy
A --> CO["Codex"]:::codex
A --> CU["Cursor"]:::cursor
A --> GE["Gemini CLI"]:::gemini-cli
A --> GC["GitHub Copilot"]:::github-copilot
A --> HE["Hermes"]:::hermes
A --> KI["Kiro"]:::kiro
A --> OW["Open-Claw"]:::open-claw
A --> OC["OpenCode"]:::opencode
A --> QW["Qwen Code"]:::qwen-code
A --> TR["Trae"]:::trae
A --> WI["Windsurf"]:::windsurf
A --> ZE["Zed"]:::zed
classDef apothem-hub fill:#0F172A,stroke:#0F172A,color:#FFFFFF
classDef shared-profile fill:#10B981,stroke:#10B981,color:#FFFFFF
classDef antigravity fill:#7C3AED,stroke:#7C3AED,color:#FFFFFF
classDef claude-code fill:#CC785C,stroke:#CC785C,color:#FFFFFF
classDef codebuddy fill:#0052D9,stroke:#0052D9,color:#FFFFFF
classDef codex fill:#10A37F,stroke:#10A37F,color:#FFFFFF
classDef cursor fill:#6E56CF,stroke:#6E56CF,color:#FFFFFF
classDef gemini-cli fill:#4285F4,stroke:#4285F4,color:#FFFFFF
classDef github-copilot fill:#0A3069,stroke:#0A3069,color:#FFFFFF
classDef hermes fill:#71717A,stroke:#71717A,color:#FFFFFF
classDef kiro fill:#790ECB,stroke:#790ECB,color:#FFFFFF
classDef open-claw fill:#DC2626,stroke:#DC2626,color:#FFFFFF
classDef opencode fill:#F59E0B,stroke:#F59E0B,color:#FFFFFF
classDef qwen-code fill:#FF6A00,stroke:#FF6A00,color:#FFFFFF
classDef trae fill:#FF0066,stroke:#FF0066,color:#FFFFFF
classDef windsurf fill:#0EA5E9,stroke:#0EA5E9,color:#FFFFFF
classDef zed fill:#084CCF,stroke:#084CCF,color:#FFFFFF접근성
이 페이지의 라이트 모드 토큰은 코어든 하니스든 모두 브랜드 색상을 왜곡하지 않고 그대로 유지하므로, 그중 여덟 개는 흰색 텍스트에 대한 WCAG 2.2 AA 대비(≥4.5 : 1)에 못 미칩니다. 나머지 라이트 모드 토큰은 이를 충족합니다. 그 여덟 개와 흰색에 대한 대비는 다음과 같습니다.
shared-profile 2.54 : 1
claude-code 3.28 : 1
codex 3.20 : 1
gemini-cli 3.56 : 1
opencode 2.15 : 1
qwen-code 2.87 : 1
trae 3.86 : 1
windsurf 2.77 : 1다크 모드 열은 어두운 배경에서 사용하기 위한 것이며, 그 토큰 중 흰색 텍스트에 대해 4.5 : 1에 도달하는 것은 하나도 없습니다. 위의 Mermaid 예시는 모든 채움 색에 흰색 텍스트를 지정하므로, 그 여덟 개 채움 색 위의 레이블은 4.5 : 1에 도달하지 못합니다. 그 여덟 개 채움 색 중 하나에서 WCAG AA 수준의 색상 위 텍스트 대비가 필요한 다이어그램은 흰색 대신 어두운 텍스트(#0F172A, 해당 채움 색에서 4.63 : 1에서 8.31 : 1까지 측정됨)를 사용해야 합니다(MUST).
업데이트
팔레트는 하니스가 업스트림에서 브랜드 변경을 확정할 때만 업데이트됩니다. 하니스 색상은 assets/design-tokens.css나 site/app/global.css가 아니라 이 페이지에 정의되어 있습니다. 하니스별 브랜드 변경은 이 페이지와 assets/src/ 아래의 영향을 받는 모든 SVG 마스터에 걸쳐 원자적으로 전파됩니다.