zugzbot 1.0.21 → 1.0.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.opencode/agents/sdd-coder.md +1 -0
- package/.opencode/agents/sdd-orchestrator.md +1 -0
- package/.opencode/skills/sdd-methodology/SKILL.md +8 -0
- package/.opencode/skills/sdd-tester-quickstart/SKILL.md +6 -0
- package/.opencode/tools/sdd_testing.ts +93 -0
- package/opencode.json +8 -0
- package/package.json +14 -4
- package/.opencode/active-brief.md +0 -38
- package/.opencode/docs/shadcn/agents/openai.yml +0 -5
- package/.opencode/docs/shadcn/assets/shadcn-small.png +0 -0
- package/.opencode/docs/shadcn/assets/shadcn.png +0 -0
- package/.opencode/docs/shadcn/cli.md +0 -290
- package/.opencode/docs/shadcn/customization.md +0 -209
- package/.opencode/docs/shadcn/evals/evals.json +0 -47
- package/.opencode/docs/shadcn/mcp.md +0 -105
- package/.opencode/docs/shadcn/registry.md +0 -277
- package/.opencode/docs/shadcn/rules/base-vs-radix.md +0 -306
- package/.opencode/docs/shadcn/rules/composition.md +0 -195
- package/.opencode/docs/shadcn/rules/forms.md +0 -192
- package/.opencode/docs/shadcn/rules/icons.md +0 -101
- package/.opencode/docs/shadcn/rules/styling.md +0 -162
- package/.opencode/oh-my-design/.agents/skills/google-analytics/EXAMPLES.md +0 -441
- package/.opencode/oh-my-design/.agents/skills/google-analytics/REFERENCE.md +0 -342
- package/.opencode/oh-my-design/.agents/skills/google-analytics/SKILL.md +0 -153
- package/.opencode/oh-my-design/.agents/skills/google-analytics/requirements.txt +0 -6
- package/.opencode/oh-my-design/.agents/skills/google-analytics/scripts/analyze.py +0 -459
- package/.opencode/oh-my-design/.agents/skills/google-analytics/scripts/ga_client.py +0 -345
- package/.opencode/oh-my-design/.claude/agents/omd-a11y-auditor.md +0 -98
- package/.opencode/oh-my-design/.claude/agents/omd-asset-curator.md +0 -99
- package/.opencode/oh-my-design/.claude/agents/omd-codex-image.md +0 -49
- package/.opencode/oh-my-design/.claude/agents/omd-critic.md +0 -142
- package/.opencode/oh-my-design/.claude/agents/omd-designer-review.md +0 -38
- package/.opencode/oh-my-design/.claude/agents/omd-final-qa.md +0 -40
- package/.opencode/oh-my-design/.claude/agents/omd-kr-writer.md +0 -35
- package/.opencode/oh-my-design/.claude/agents/omd-locale-adapter.md +0 -32
- package/.opencode/oh-my-design/.claude/agents/omd-master.md +0 -317
- package/.opencode/oh-my-design/.claude/agents/omd-microcopy.md +0 -64
- package/.opencode/oh-my-design/.claude/agents/omd-orchestrator.md +0 -34
- package/.opencode/oh-my-design/.claude/agents/omd-persona-tester.md +0 -119
- package/.opencode/oh-my-design/.claude/agents/omd-ui-junior.md +0 -130
- package/.opencode/oh-my-design/.claude/agents/omd-ux-researcher.md +0 -63
- package/.opencode/oh-my-design/.claude/data/opt-out-corpus.json +0 -141
- package/.opencode/oh-my-design/.claude/data/reference-fingerprints.json +0 -6142
- package/.opencode/oh-my-design/.claude/data/reference-tags.md +0 -104
- package/.opencode/oh-my-design/.claude/data/synonyms.json +0 -79
- package/.opencode/oh-my-design/.claude/data/vocabulary.json +0 -516
- package/.opencode/oh-my-design/.claude/hooks/lib/preferences-parser.cjs +0 -91
- package/.opencode/oh-my-design/.claude/hooks/lib/preferences-writer.cjs +0 -118
- package/.opencode/oh-my-design/.claude/hooks/post-edit-watch.cjs +0 -295
- package/.opencode/oh-my-design/.claude/hooks/session-end-foldin.cjs +0 -149
- package/.opencode/oh-my-design/.claude/hooks/session-state-loader.cjs +0 -113
- package/.opencode/oh-my-design/.claude/hooks/skill-activation.cjs +0 -108
- package/.opencode/oh-my-design/.claude/settings.json +0 -55
- package/.opencode/oh-my-design/.claude/skills/omd/SKILL.md +0 -133
- package/.opencode/oh-my-design/.claude/skills/omd-add-reference/SKILL.md +0 -381
- package/.opencode/oh-my-design/.claude/skills/omd-add-reference/batch-instructions.md +0 -111
- package/.opencode/oh-my-design/.claude/skills/omd-apply/SKILL.md +0 -87
- package/.opencode/oh-my-design/.claude/skills/omd-batch-launch/SKILL.md +0 -270
- package/.opencode/oh-my-design/.claude/skills/omd-codex-image/SKILL.md +0 -162
- package/.opencode/oh-my-design/.claude/skills/omd-component-harvest/SKILL.md +0 -59
- package/.opencode/oh-my-design/.claude/skills/omd-designer-review/SKILL.md +0 -146
- package/.opencode/oh-my-design/.claude/skills/omd-final-qa/SKILL.md +0 -153
- package/.opencode/oh-my-design/.claude/skills/omd-harness/SKILL.md +0 -234
- package/.opencode/oh-my-design/.claude/skills/omd-init/SKILL.md +0 -169
- package/.opencode/oh-my-design/.claude/skills/omd-kr-writer/SKILL.md +0 -229
- package/.opencode/oh-my-design/.claude/skills/omd-lab-01-designmd-impact/SKILL.md +0 -53
- package/.opencode/oh-my-design/.claude/skills/omd-lab-01-designmd-impact/playbooks/compare.md +0 -30
- package/.opencode/oh-my-design/.claude/skills/omd-lab-01-designmd-impact/playbooks/v1.md +0 -42
- package/.opencode/oh-my-design/.claude/skills/omd-lab-01-designmd-impact/playbooks/v2.md +0 -34
- package/.opencode/oh-my-design/.claude/skills/omd-lab-01-designmd-impact/playbooks/v3.md +0 -33
- package/.opencode/oh-my-design/.claude/skills/omd-lab-01-designmd-impact/playbooks/v4.md +0 -37
- package/.opencode/oh-my-design/.claude/skills/omd-lab-02-design-harness/SKILL.md +0 -131
- package/.opencode/oh-my-design/.claude/skills/omd-learn/SKILL.md +0 -83
- package/.opencode/oh-my-design/.claude/skills/omd-locale-adapter/SKILL.md +0 -124
- package/.opencode/oh-my-design/.claude/skills/omd-migrate/SKILL.md +0 -307
- package/.opencode/oh-my-design/.claude/skills/omd-orchestrator/SKILL.md +0 -124
- package/.opencode/oh-my-design/.claude/skills/omd-release-hygiene/SKILL.md +0 -113
- package/.opencode/oh-my-design/.claude/skills/omd-remember/SKILL.md +0 -46
- package/.opencode/oh-my-design/.claude/skills/omd-sync/SKILL.md +0 -40
- package/.opencode/oh-my-design/.claude/skills/omd-token-backfill/SKILL.md +0 -57
- package/.opencode/oh-my-design/.claude/skills/skill-rules.json +0 -84
- package/.opencode/oh-my-design/.github/ISSUE_TEMPLATE/agent-fidelity.md +0 -59
- package/.opencode/oh-my-design/.github/ISSUE_TEMPLATE/bug-report.md +0 -36
- package/.opencode/oh-my-design/.github/ISSUE_TEMPLATE/config.yml +0 -8
- package/.opencode/oh-my-design/.github/ISSUE_TEMPLATE/feature-request.md +0 -26
- package/.opencode/oh-my-design/.github/PULL_REQUEST_TEMPLATE.md +0 -134
- package/.opencode/oh-my-design/.github/assets/logo-bg.png +0 -0
- package/.opencode/oh-my-design/.github/workflows/release.yml +0 -55
- package/.opencode/oh-my-design/.husky/pre-commit +0 -23
- package/.opencode/oh-my-design/.mcp.json +0 -12
- package/.opencode/oh-my-design/AGENTS.md +0 -112
- package/.opencode/oh-my-design/CHANGELOG.md +0 -385
- package/.opencode/oh-my-design/LICENSE +0 -21
- package/.opencode/oh-my-design/README.ja.md +0 -74
- package/.opencode/oh-my-design/README.ko.md +0 -112
- package/.opencode/oh-my-design/README.md +0 -112
- package/.opencode/oh-my-design/README.zh-TW.md +0 -74
- package/.opencode/oh-my-design/agents/AGENT.md +0 -53
- package/.opencode/oh-my-design/agents/omd-a11y-auditor.md +0 -97
- package/.opencode/oh-my-design/agents/omd-asset-curator.md +0 -255
- package/.opencode/oh-my-design/agents/omd-codex-image.md +0 -49
- package/.opencode/oh-my-design/agents/omd-critic.md +0 -181
- package/.opencode/oh-my-design/agents/omd-designer-review.md +0 -38
- package/.opencode/oh-my-design/agents/omd-final-qa.md +0 -40
- package/.opencode/oh-my-design/agents/omd-kr-writer.md +0 -35
- package/.opencode/oh-my-design/agents/omd-locale-adapter.md +0 -32
- package/.opencode/oh-my-design/agents/omd-master.md +0 -559
- package/.opencode/oh-my-design/agents/omd-microcopy.md +0 -63
- package/.opencode/oh-my-design/agents/omd-orchestrator.md +0 -34
- package/.opencode/oh-my-design/agents/omd-persona-tester.md +0 -118
- package/.opencode/oh-my-design/agents/omd-ui-junior.md +0 -129
- package/.opencode/oh-my-design/agents/omd-ux-engineer.md +0 -267
- package/.opencode/oh-my-design/agents/omd-ux-researcher.md +0 -62
- package/.opencode/oh-my-design/agents/omd-ux-writer.md +0 -181
- package/.opencode/oh-my-design/bin/oh-my-design.ts +0 -77
- package/.opencode/oh-my-design/data/architecture-proposals/1.7.2-recommend-install-feedback.md +0 -614
- package/.opencode/oh-my-design/data/architecture-proposals/2026-05-13-thin-install-fresh-fetch.md +0 -189
- package/.opencode/oh-my-design/data/issues/2026-05-13-multi-surface-schema-rfc.md +0 -67
- package/.opencode/oh-my-design/data/opt-out-corpus.json +0 -141
- package/.opencode/oh-my-design/data/reference-audits/2026-05-13-kr10.md +0 -132
- package/.opencode/oh-my-design/data/reference-audits/2026-05-14-kr10.md +0 -72
- package/.opencode/oh-my-design/data/reference-audits/2026-05-15-kr10.md +0 -124
- package/.opencode/oh-my-design/data/reference-fingerprints.json +0 -6142
- package/.opencode/oh-my-design/data/reference-tags.md +0 -118
- package/.opencode/oh-my-design/data/synonyms.json +0 -79
- package/.opencode/oh-my-design/data/vocabulary.json +0 -516
- package/.opencode/oh-my-design/packages/mcp/README.md +0 -172
- package/.opencode/oh-my-design/packages/mcp/__tests__/smoke.test.ts +0 -64
- package/.opencode/oh-my-design/packages/mcp/data/.gitkeep +0 -0
- package/.opencode/oh-my-design/packages/mcp/scripts/sync-data.mjs +0 -38
- package/.opencode/oh-my-design/packages/mcp/src/data.ts +0 -178
- package/.opencode/oh-my-design/packages/mcp/src/index.ts +0 -58
- package/.opencode/oh-my-design/packages/mcp/src/prompts/design-from-ref.ts +0 -87
- package/.opencode/oh-my-design/packages/mcp/src/server.ts +0 -223
- package/.opencode/oh-my-design/packages/mcp/src/tools/get-design-md.ts +0 -44
- package/.opencode/oh-my-design/packages/mcp/src/tools/list-references.ts +0 -58
- package/.opencode/oh-my-design/packages/mcp/src/tools/search-by-vibe.ts +0 -114
- package/.opencode/oh-my-design/packages/mcp/tsconfig.json +0 -21
- package/.opencode/oh-my-design/packages/mcp/tsup.config.ts +0 -17
- package/.opencode/oh-my-design/packages/mcp/vitest.config.ts +0 -8
- package/.opencode/oh-my-design/scripts/bench/README.md +0 -72
- package/.opencode/oh-my-design/scripts/bench/score-init.mjs +0 -97
- package/.opencode/oh-my-design/scripts/bench/score-taste.mjs +0 -189
- package/.opencode/oh-my-design/scripts/check-release-hygiene.sh +0 -83
- package/.opencode/oh-my-design/scripts/context.cjs +0 -91
- package/.opencode/oh-my-design/scripts/ctx-prime.cjs +0 -266
- package/.opencode/oh-my-design/scripts/gen-llms-full.cjs +0 -143
- package/.opencode/oh-my-design/scripts/growth-snapshot.mjs +0 -59
- package/.opencode/oh-my-design/scripts/postinstall.cjs +0 -54
- package/.opencode/oh-my-design/scripts/smoke-md-twins.mjs +0 -98
- package/.opencode/oh-my-design/skills/claude-design/SKILL.md +0 -390
- package/.opencode/oh-my-design/skills/claude-design/references/claude-design-flow.md +0 -425
- package/.opencode/oh-my-design/skills/claude-design/references/codebase-analysis.md +0 -373
- package/.opencode/oh-my-design/skills/claude-design/scripts/analyze_codebase.py +0 -1369
- package/.opencode/oh-my-design/skills/claude-design/scripts/clickable_link.sh +0 -48
- package/.opencode/oh-my-design/skills/claude-design/scripts/collect_source.py +0 -178
- package/.opencode/oh-my-design/skills/claude-design/scripts/drive_claude_design.cjs +0 -378
- package/.opencode/oh-my-design/skills/claude-design/scripts/gather_references.py +0 -437
- package/.opencode/oh-my-design/skills/omd-apply/SKILL.md +0 -107
- package/.opencode/oh-my-design/skills/omd-asset-fetch/SKILL.md +0 -213
- package/.opencode/oh-my-design/skills/omd-codex-image/SKILL.md +0 -162
- package/.opencode/oh-my-design/skills/omd-designer-review/SKILL.md +0 -180
- package/.opencode/oh-my-design/skills/omd-experiment-gallery/SKILL.md +0 -164
- package/.opencode/oh-my-design/skills/omd-final-qa/SKILL.md +0 -182
- package/.opencode/oh-my-design/skills/omd-harness/SKILL.md +0 -726
- package/.opencode/oh-my-design/skills/omd-init/SKILL.md +0 -314
- package/.opencode/oh-my-design/skills/omd-kr-writer/SKILL.md +0 -299
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/SKILL.md +0 -129
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/playbooks/v1.md +0 -105
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/live-2026-04-27-water-app/feedback-log.md +0 -230
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/README.md +0 -46
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/founder/README.md +0 -7
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/junior-designer/src/components/Hero.tsx +0 -1
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/junior-designer/src/components/Project.tsx +0 -1
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Accordion.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Alert.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Avatar.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Badge.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Breadcrumb.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Button.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Card.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Combobox.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/DataTable.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Dialog.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Drawer.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Field.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Form.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Input.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Menu.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Modal.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Pagination.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Popover.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Select.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Sheet.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Spinner.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Tabs.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Toast.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/Tooltip.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/senior-dev/src/components/VirtualList.tsx +0 -4
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/vibe-coder/src/components/Alert.tsx +0 -3
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/vibe-coder/src/components/Avatar.tsx +0 -3
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/vibe-coder/src/components/Badge.tsx +0 -3
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/vibe-coder/src/components/Button.tsx +0 -3
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/vibe-coder/src/components/Card.tsx +0 -3
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/vibe-coder/src/components/Input.tsx +0 -3
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/vibe-coder/src/components/Modal.tsx +0 -3
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/vibe-coder/src/components/Spinner.tsx +0 -3
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/vibe-coder/src/components/Tabs.tsx +0 -3
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/vibe-coder/src/components/Toast.tsx +0 -3
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/vibe-coder/src/styles/globals.css +0 -25
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/fixtures/vibe-coder/tailwind.config.ts +0 -28
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/iterations/i1-findings.md +0 -51
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/iterations/i2-audit-F.md +0 -133
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/iterations/i2-audit-J.md +0 -171
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/iterations/i2-audit-S.md +0 -232
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/iterations/i2-audit-V.md +0 -73
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/iterations/i2-consolidated.md +0 -69
- package/.opencode/oh-my-design/skills/omd-lab-02-design-harness/runs/v4-self-test/postmortem.md +0 -128
- package/.opencode/oh-my-design/skills/omd-learn/SKILL.md +0 -121
- package/.opencode/oh-my-design/skills/omd-locale-adapter/SKILL.md +0 -124
- package/.opencode/oh-my-design/skills/omd-orchestrator/SKILL.md +0 -124
- package/.opencode/oh-my-design/skills/omd-reference-capture/SKILL.md +0 -722
- package/.opencode/oh-my-design/skills/omd-remember/SKILL.md +0 -122
- package/.opencode/oh-my-design/skills/omd-sync/SKILL.md +0 -162
- package/.opencode/oh-my-design/skills/omd-taste/SKILL.md +0 -79
- package/.opencode/oh-my-design/skills-lock.json +0 -10
- package/.opencode/oh-my-design/spec/components-schema.md +0 -179
- package/.opencode/oh-my-design/spec/migration-checklist.md +0 -148
- package/.opencode/oh-my-design/spec/migration-plan.md +0 -124
- package/.opencode/oh-my-design/spec/omd-v0.1.md +0 -382
- package/.opencode/oh-my-design/spec/regional-sources.yaml +0 -77
- package/.opencode/oh-my-design/spec/verification-pipeline.md +0 -154
- package/.opencode/oh-my-design/src/cli/install-skills.ts +0 -1116
- package/.opencode/oh-my-design/src/core/agent-detect.ts +0 -49
- package/.opencode/oh-my-design/test/README.md +0 -89
- package/.opencode/oh-my-design/test/scripts/check-backgrounds.ts +0 -10
- package/.opencode/oh-my-design/test/scripts/generate-preview.ts +0 -42
- package/.opencode/oh-my-design/test/unit/cli/install-skills.test.ts +0 -227
- package/.opencode/oh-my-design/test/unit/core/agent-detect.test.ts +0 -97
- package/.opencode/oh-my-design/test/unit/core/catalog-resolution-order.test.ts +0 -73
- package/.opencode/oh-my-design/test/unit/hooks/hooks.test.ts +0 -499
- package/.opencode/oh-my-design/tsconfig.json +0 -20
- package/.opencode/oh-my-design/tsup.config.ts +0 -12
- package/.opencode/oh-my-design/vitest.config.ts +0 -13
- package/.opencode/oh-my-design/web/.env.example +0 -21
- package/.opencode/oh-my-design/web/AGENTS.md +0 -5
- package/.opencode/oh-my-design/web/CLAUDE.md +0 -1
- package/.opencode/oh-my-design/web/README.md +0 -45
- package/.opencode/oh-my-design/web/__tests__/catalog-integrity.test.ts +0 -333
- package/.opencode/oh-my-design/web/components.json +0 -25
- package/.opencode/oh-my-design/web/docs/font-playground-analytics.md +0 -110
- package/.opencode/oh-my-design/web/eslint.config.mjs +0 -18
- package/.opencode/oh-my-design/web/next.config.ts +0 -31
- package/.opencode/oh-my-design/web/postcss.config.mjs +0 -7
- package/.opencode/oh-my-design/web/public/file.svg +0 -1
- package/.opencode/oh-my-design/web/public/globe.svg +0 -1
- package/.opencode/oh-my-design/web/public/llms-full.txt +0 -3149
- package/.opencode/oh-my-design/web/public/llms.ko.txt +0 -130
- package/.opencode/oh-my-design/web/public/llms.txt +0 -377
- package/.opencode/oh-my-design/web/public/logo-white.png +0 -0
- package/.opencode/oh-my-design/web/public/logo.png +0 -0
- package/.opencode/oh-my-design/web/public/next.svg +0 -1
- package/.opencode/oh-my-design/web/public/og-image.png +0 -0
- package/.opencode/oh-my-design/web/public/twitter-image.png +0 -0
- package/.opencode/oh-my-design/web/public/vercel.svg +0 -1
- package/.opencode/oh-my-design/web/public/window.svg +0 -1
- package/.opencode/oh-my-design/web/references/11st/.verification.md +0 -37
- package/.opencode/oh-my-design/web/references/11st/DESIGN.md +0 -400
- package/.opencode/oh-my-design/web/references/17live/DESIGN.md +0 -467
- package/.opencode/oh-my-design/web/references/29cm/DESIGN.md +0 -495
- package/.opencode/oh-my-design/web/references/29cm/_promo.json +0 -23
- package/.opencode/oh-my-design/web/references/29cm/_research.md +0 -103
- package/.opencode/oh-my-design/web/references/3o3/.verification.md +0 -73
- package/.opencode/oh-my-design/web/references/3o3/DESIGN.md +0 -454
- package/.opencode/oh-my-design/web/references/91app/.verification.md +0 -25
- package/.opencode/oh-my-design/web/references/91app/DESIGN.md +0 -182
- package/.opencode/oh-my-design/web/references/abema/.verification.md +0 -64
- package/.opencode/oh-my-design/web/references/abema/DESIGN.md +0 -535
- package/.opencode/oh-my-design/web/references/ably/DESIGN.md +0 -646
- package/.opencode/oh-my-design/web/references/ably/_promo.json +0 -18
- package/.opencode/oh-my-design/web/references/ably/_research.md +0 -120
- package/.opencode/oh-my-design/web/references/accupass/.verification.md +0 -66
- package/.opencode/oh-my-design/web/references/accupass/DESIGN.md +0 -494
- package/.opencode/oh-my-design/web/references/adobe/.verification.md +0 -63
- package/.opencode/oh-my-design/web/references/adobe/DESIGN.md +0 -458
- package/.opencode/oh-my-design/web/references/airbnb/.verification.md +0 -143
- package/.opencode/oh-my-design/web/references/airbnb/DESIGN.md +0 -639
- package/.opencode/oh-my-design/web/references/airbnb/README.md +0 -23
- package/.opencode/oh-my-design/web/references/airbnb/preview-dark.html +0 -234
- package/.opencode/oh-my-design/web/references/airbnb/preview.html +0 -233
- package/.opencode/oh-my-design/web/references/airtable/.verification.md +0 -136
- package/.opencode/oh-my-design/web/references/airtable/DESIGN.md +0 -314
- package/.opencode/oh-my-design/web/references/airtable/README.md +0 -23
- package/.opencode/oh-my-design/web/references/airtable/preview-dark.html +0 -165
- package/.opencode/oh-my-design/web/references/airtable/preview.html +0 -164
- package/.opencode/oh-my-design/web/references/alipay/DESIGN.md +0 -506
- package/.opencode/oh-my-design/web/references/amazingtalker/.verification.md +0 -38
- package/.opencode/oh-my-design/web/references/amazingtalker/DESIGN.md +0 -434
- package/.opencode/oh-my-design/web/references/appier/DESIGN.md +0 -465
- package/.opencode/oh-my-design/web/references/apple/.verification.md +0 -162
- package/.opencode/oh-my-design/web/references/apple/DESIGN.md +0 -613
- package/.opencode/oh-my-design/web/references/apple/README.md +0 -24
- package/.opencode/oh-my-design/web/references/apple/preview-dark.html +0 -420
- package/.opencode/oh-my-design/web/references/apple/preview.html +0 -414
- package/.opencode/oh-my-design/web/references/baemin/.verification.md +0 -132
- package/.opencode/oh-my-design/web/references/baemin/DESIGN.md +0 -578
- package/.opencode/oh-my-design/web/references/baemin/README.md +0 -19
- package/.opencode/oh-my-design/web/references/baemin/_research.md +0 -84
- package/.opencode/oh-my-design/web/references/banksalad/DESIGN.md +0 -688
- package/.opencode/oh-my-design/web/references/banksalad/_promo.json +0 -29
- package/.opencode/oh-my-design/web/references/banksalad/_research.md +0 -190
- package/.opencode/oh-my-design/web/references/bilibili/DESIGN.md +0 -471
- package/.opencode/oh-my-design/web/references/bithumb/.verification.md +0 -31
- package/.opencode/oh-my-design/web/references/bithumb/DESIGN.md +0 -208
- package/.opencode/oh-my-design/web/references/bmw/.verification.md +0 -114
- package/.opencode/oh-my-design/web/references/bmw/DESIGN.md +0 -360
- package/.opencode/oh-my-design/web/references/bmw/README.md +0 -23
- package/.opencode/oh-my-design/web/references/bmw/preview-dark.html +0 -211
- package/.opencode/oh-my-design/web/references/bmw/preview.html +0 -210
- package/.opencode/oh-my-design/web/references/brandi/.verification.md +0 -29
- package/.opencode/oh-my-design/web/references/brandi/DESIGN.md +0 -414
- package/.opencode/oh-my-design/web/references/bunjang/DESIGN.md +0 -374
- package/.opencode/oh-my-design/web/references/bunjang/assets/_reference/.live-inspect-proof.json +0 -260
- package/.opencode/oh-my-design/web/references/bunjang/assets/_reference/fonts.json +0 -33
- package/.opencode/oh-my-design/web/references/bunjang/assets/_reference/logo-icon.svg +0 -10
- package/.opencode/oh-my-design/web/references/bunjang/assets/_reference/structure.json +0 -131
- package/.opencode/oh-my-design/web/references/bunjang/assets/_reference/tokens.json +0 -147
- package/.opencode/oh-my-design/web/references/cakeresume/.verification.md +0 -25
- package/.opencode/oh-my-design/web/references/cakeresume/DESIGN.md +0 -191
- package/.opencode/oh-my-design/web/references/cal/.verification.md +0 -145
- package/.opencode/oh-my-design/web/references/cal/DESIGN.md +0 -481
- package/.opencode/oh-my-design/web/references/cal/README.md +0 -23
- package/.opencode/oh-my-design/web/references/cal/preview-dark.html +0 -449
- package/.opencode/oh-my-design/web/references/cal/preview.html +0 -575
- package/.opencode/oh-my-design/web/references/catchtable/DESIGN.md +0 -341
- package/.opencode/oh-my-design/web/references/catchtable/_research.md +0 -54
- package/.opencode/oh-my-design/web/references/catchtable/assets/_reference/.live-inspect-proof.json +0 -204
- package/.opencode/oh-my-design/web/references/catchtable/assets/_reference/.live-inspect-raw.json +0 -22
- package/.opencode/oh-my-design/web/references/catchtable/assets/_reference/fonts.json +0 -21
- package/.opencode/oh-my-design/web/references/catchtable/assets/_reference/structure.json +0 -42
- package/.opencode/oh-my-design/web/references/catchtable/assets/_reference/tokens.json +0 -95
- package/.opencode/oh-my-design/web/references/cathay/.verification.md +0 -44
- package/.opencode/oh-my-design/web/references/cathay/DESIGN.md +0 -432
- package/.opencode/oh-my-design/web/references/channeltalk/DESIGN.md +0 -422
- package/.opencode/oh-my-design/web/references/channeltalk/assets/_reference/.live-inspect-proof.json +0 -320
- package/.opencode/oh-my-design/web/references/channeltalk/assets/_reference/fonts.json +0 -53
- package/.opencode/oh-my-design/web/references/channeltalk/assets/_reference/structure.json +0 -47
- package/.opencode/oh-my-design/web/references/channeltalk/assets/_reference/tokens.json +0 -78
- package/.opencode/oh-my-design/web/references/class101/DESIGN.md +0 -484
- package/.opencode/oh-my-design/web/references/classting/.verification.md +0 -32
- package/.opencode/oh-my-design/web/references/classting/DESIGN.md +0 -292
- package/.opencode/oh-my-design/web/references/classum/DESIGN.md +0 -279
- package/.opencode/oh-my-design/web/references/classum/assets/_reference/.live-inspect-proof.json +0 -72
- package/.opencode/oh-my-design/web/references/classum/assets/_reference/fonts.json +0 -20
- package/.opencode/oh-my-design/web/references/classum/assets/_reference/structure.json +0 -21
- package/.opencode/oh-my-design/web/references/classum/assets/_reference/tokens.json +0 -56
- package/.opencode/oh-my-design/web/references/claude/.verification.md +0 -106
- package/.opencode/oh-my-design/web/references/claude/DESIGN.md +0 -561
- package/.opencode/oh-my-design/web/references/claude/README.md +0 -24
- package/.opencode/oh-my-design/web/references/claude/preview-dark.html +0 -803
- package/.opencode/oh-my-design/web/references/claude/preview.html +0 -826
- package/.opencode/oh-my-design/web/references/clay/.verification.md +0 -129
- package/.opencode/oh-my-design/web/references/clay/DESIGN.md +0 -454
- package/.opencode/oh-my-design/web/references/clay/README.md +0 -23
- package/.opencode/oh-my-design/web/references/clay/preview-dark.html +0 -316
- package/.opencode/oh-my-design/web/references/clay/preview.html +0 -315
- package/.opencode/oh-my-design/web/references/clickhouse/.verification.md +0 -132
- package/.opencode/oh-my-design/web/references/clickhouse/DESIGN.md +0 -424
- package/.opencode/oh-my-design/web/references/clickhouse/README.md +0 -24
- package/.opencode/oh-my-design/web/references/clickhouse/preview-dark.html +0 -834
- package/.opencode/oh-my-design/web/references/clickhouse/preview.html +0 -786
- package/.opencode/oh-my-design/web/references/cloudflare/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/cloudflare/DESIGN.md +0 -637
- package/.opencode/oh-my-design/web/references/cohere/.verification.md +0 -136
- package/.opencode/oh-my-design/web/references/cohere/DESIGN.md +0 -409
- package/.opencode/oh-my-design/web/references/cohere/README.md +0 -24
- package/.opencode/oh-my-design/web/references/cohere/preview-dark.html +0 -803
- package/.opencode/oh-my-design/web/references/cohere/preview.html +0 -807
- package/.opencode/oh-my-design/web/references/coinbase/.verification.md +0 -116
- package/.opencode/oh-my-design/web/references/coinbase/DESIGN.md +0 -353
- package/.opencode/oh-my-design/web/references/coinbase/README.md +0 -23
- package/.opencode/oh-my-design/web/references/coinbase/preview-dark.html +0 -164
- package/.opencode/oh-my-design/web/references/coinbase/preview.html +0 -163
- package/.opencode/oh-my-design/web/references/coinone/.verification.md +0 -38
- package/.opencode/oh-my-design/web/references/coinone/DESIGN.md +0 -257
- package/.opencode/oh-my-design/web/references/composio/.verification.md +0 -143
- package/.opencode/oh-my-design/web/references/composio/DESIGN.md +0 -441
- package/.opencode/oh-my-design/web/references/composio/README.md +0 -24
- package/.opencode/oh-my-design/web/references/composio/preview-dark.html +0 -958
- package/.opencode/oh-my-design/web/references/composio/preview.html +0 -933
- package/.opencode/oh-my-design/web/references/cookpad/DESIGN.md +0 -394
- package/.opencode/oh-my-design/web/references/coupang/.verification.md +0 -141
- package/.opencode/oh-my-design/web/references/coupang/DESIGN.md +0 -557
- package/.opencode/oh-my-design/web/references/cursor/.verification.md +0 -141
- package/.opencode/oh-my-design/web/references/cursor/DESIGN.md +0 -460
- package/.opencode/oh-my-design/web/references/cursor/README.md +0 -24
- package/.opencode/oh-my-design/web/references/cursor/preview-dark.html +0 -393
- package/.opencode/oh-my-design/web/references/cursor/preview.html +0 -383
- package/.opencode/oh-my-design/web/references/dabang/DESIGN.md +0 -267
- package/.opencode/oh-my-design/web/references/dabang/assets/_reference/.live-inspect-proof.json +0 -145
- package/.opencode/oh-my-design/web/references/dabang/assets/_reference/fonts.json +0 -22
- package/.opencode/oh-my-design/web/references/dabang/assets/_reference/raw-capture-map.json +0 -718
- package/.opencode/oh-my-design/web/references/dabang/assets/_reference/raw-capture.json +0 -1125
- package/.opencode/oh-my-design/web/references/dabang/assets/_reference/structure.json +0 -53
- package/.opencode/oh-my-design/web/references/dabang/assets/_reference/tokens.json +0 -130
- package/.opencode/oh-my-design/web/references/danawa/.verification.md +0 -60
- package/.opencode/oh-my-design/web/references/danawa/DESIGN.md +0 -477
- package/.opencode/oh-my-design/web/references/dcard/.verification.md +0 -118
- package/.opencode/oh-my-design/web/references/dcard/DESIGN.md +0 -633
- package/.opencode/oh-my-design/web/references/dcard/README.md +0 -12
- package/.opencode/oh-my-design/web/references/dcard/_research/forum-1440px.png +0 -0
- package/.opencode/oh-my-design/web/references/dcard/_research.md +0 -133
- package/.opencode/oh-my-design/web/references/dell/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/dell/DESIGN.md +0 -636
- package/.opencode/oh-my-design/web/references/devsisters/.verification.md +0 -32
- package/.opencode/oh-my-design/web/references/devsisters/DESIGN.md +0 -282
- package/.opencode/oh-my-design/web/references/discord/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/discord/DESIGN.md +0 -604
- package/.opencode/oh-my-design/web/references/dji/DESIGN.md +0 -454
- package/.opencode/oh-my-design/web/references/drnow/.verification.md +0 -41
- package/.opencode/oh-my-design/web/references/drnow/DESIGN.md +0 -383
- package/.opencode/oh-my-design/web/references/dropbox/.verification.md +0 -61
- package/.opencode/oh-my-design/web/references/dropbox/DESIGN.md +0 -445
- package/.opencode/oh-my-design/web/references/duolingo/.verification.md +0 -20
- package/.opencode/oh-my-design/web/references/duolingo/DESIGN.md +0 -563
- package/.opencode/oh-my-design/web/references/elevenlabs/.verification.md +0 -128
- package/.opencode/oh-my-design/web/references/elevenlabs/DESIGN.md +0 -415
- package/.opencode/oh-my-design/web/references/elevenlabs/README.md +0 -23
- package/.opencode/oh-my-design/web/references/elevenlabs/preview-dark.html +0 -252
- package/.opencode/oh-my-design/web/references/elevenlabs/preview.html +0 -251
- package/.opencode/oh-my-design/web/references/expo/.verification.md +0 -141
- package/.opencode/oh-my-design/web/references/expo/DESIGN.md +0 -412
- package/.opencode/oh-my-design/web/references/expo/README.md +0 -24
- package/.opencode/oh-my-design/web/references/expo/preview-dark.html +0 -533
- package/.opencode/oh-my-design/web/references/expo/preview.html +0 -533
- package/.opencode/oh-my-design/web/references/fastcampus/DESIGN.md +0 -529
- package/.opencode/oh-my-design/web/references/fastcampus/assets/_reference/.live-inspect-proof.json +0 -950
- package/.opencode/oh-my-design/web/references/fastcampus/assets/_reference/fonts.json +0 -14
- package/.opencode/oh-my-design/web/references/fastcampus/assets/_reference/structure.json +0 -30
- package/.opencode/oh-my-design/web/references/fastcampus/assets/_reference/tokens.json +0 -109
- package/.opencode/oh-my-design/web/references/ferrari/.verification.md +0 -119
- package/.opencode/oh-my-design/web/references/ferrari/DESIGN.md +0 -447
- package/.opencode/oh-my-design/web/references/ferrari/README.md +0 -23
- package/.opencode/oh-my-design/web/references/ferrari/preview-dark.html +0 -1162
- package/.opencode/oh-my-design/web/references/ferrari/preview.html +0 -1122
- package/.opencode/oh-my-design/web/references/figma/.verification.md +0 -206
- package/.opencode/oh-my-design/web/references/figma/DESIGN.md +0 -534
- package/.opencode/oh-my-design/web/references/figma/README.md +0 -24
- package/.opencode/oh-my-design/web/references/figma/preview-dark.html +0 -822
- package/.opencode/oh-my-design/web/references/figma/preview.html +0 -832
- package/.opencode/oh-my-design/web/references/finda/.verification.md +0 -33
- package/.opencode/oh-my-design/web/references/finda/DESIGN.md +0 -413
- package/.opencode/oh-my-design/web/references/firstory/.verification.md +0 -70
- package/.opencode/oh-my-design/web/references/firstory/DESIGN.md +0 -487
- package/.opencode/oh-my-design/web/references/flex/DESIGN.md +0 -356
- package/.opencode/oh-my-design/web/references/flex/_research.md +0 -49
- package/.opencode/oh-my-design/web/references/flex/assets/_reference/.live-inspect-proof.json +0 -192
- package/.opencode/oh-my-design/web/references/flex/assets/_reference/.raw-inspect.json +0 -873
- package/.opencode/oh-my-design/web/references/flex/assets/_reference/fonts.json +0 -17
- package/.opencode/oh-my-design/web/references/flex/assets/_reference/structure.json +0 -58
- package/.opencode/oh-my-design/web/references/flex/assets/_reference/tokens.json +0 -75
- package/.opencode/oh-my-design/web/references/flo/.verification.md +0 -33
- package/.opencode/oh-my-design/web/references/flo/DESIGN.md +0 -349
- package/.opencode/oh-my-design/web/references/framer/.verification.md +0 -147
- package/.opencode/oh-my-design/web/references/framer/DESIGN.md +0 -431
- package/.opencode/oh-my-design/web/references/framer/README.md +0 -23
- package/.opencode/oh-my-design/web/references/framer/preview-dark.html +0 -902
- package/.opencode/oh-my-design/web/references/framer/preview.html +0 -883
- package/.opencode/oh-my-design/web/references/freee/.verification.md +0 -145
- package/.opencode/oh-my-design/web/references/freee/DESIGN.md +0 -620
- package/.opencode/oh-my-design/web/references/freee/README.md +0 -12
- package/.opencode/oh-my-design/web/references/freee/_research/vibes-storybook-1440px.png +0 -0
- package/.opencode/oh-my-design/web/references/freee/_research.md +0 -116
- package/.opencode/oh-my-design/web/references/fugle/.verification.md +0 -40
- package/.opencode/oh-my-design/web/references/fugle/DESIGN.md +0 -290
- package/.opencode/oh-my-design/web/references/funnow/.verification.md +0 -62
- package/.opencode/oh-my-design/web/references/funnow/DESIGN.md +0 -431
- package/.opencode/oh-my-design/web/references/gangnamunni/DESIGN.md +0 -677
- package/.opencode/oh-my-design/web/references/gangnamunni/_promo.json +0 -26
- package/.opencode/oh-my-design/web/references/gangnamunni/_research.md +0 -113
- package/.opencode/oh-my-design/web/references/genie/.verification.md +0 -29
- package/.opencode/oh-my-design/web/references/genie/DESIGN.md +0 -415
- package/.opencode/oh-my-design/web/references/github/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/github/DESIGN.md +0 -727
- package/.opencode/oh-my-design/web/references/gmarket/DESIGN.md +0 -534
- package/.opencode/oh-my-design/web/references/gmarket/assets/_reference/.live-inspect-proof.json +0 -217
- package/.opencode/oh-my-design/web/references/gmarket/assets/_reference/fonts.json +0 -41
- package/.opencode/oh-my-design/web/references/gmarket/assets/_reference/raw-capture-bestsellers.json +0 -1929
- package/.opencode/oh-my-design/web/references/gmarket/assets/_reference/raw-capture-home.json +0 -3675
- package/.opencode/oh-my-design/web/references/gmarket/assets/_reference/structure.json +0 -65
- package/.opencode/oh-my-design/web/references/gmarket/assets/_reference/tokens.json +0 -210
- package/.opencode/oh-my-design/web/references/gogolook/.verification.md +0 -31
- package/.opencode/oh-my-design/web/references/gogolook/DESIGN.md +0 -155
- package/.opencode/oh-my-design/web/references/gogoro/DESIGN.md +0 -441
- package/.opencode/oh-my-design/web/references/google/.verification.md +0 -61
- package/.opencode/oh-my-design/web/references/google/DESIGN.md +0 -499
- package/.opencode/oh-my-design/web/references/greenvines/.verification.md +0 -72
- package/.opencode/oh-my-design/web/references/greenvines/DESIGN.md +0 -454
- package/.opencode/oh-my-design/web/references/greeting/.verification.md +0 -64
- package/.opencode/oh-my-design/web/references/greeting/DESIGN.md +0 -462
- package/.opencode/oh-my-design/web/references/grip/.verification.md +0 -36
- package/.opencode/oh-my-design/web/references/grip/DESIGN.md +0 -289
- package/.opencode/oh-my-design/web/references/hahow/.verification.md +0 -31
- package/.opencode/oh-my-design/web/references/hahow/DESIGN.md +0 -184
- package/.opencode/oh-my-design/web/references/hashicorp/.verification.md +0 -142
- package/.opencode/oh-my-design/web/references/hashicorp/DESIGN.md +0 -411
- package/.opencode/oh-my-design/web/references/hashicorp/README.md +0 -24
- package/.opencode/oh-my-design/web/references/hashicorp/preview-dark.html +0 -1202
- package/.opencode/oh-my-design/web/references/hashicorp/preview.html +0 -1193
- package/.opencode/oh-my-design/web/references/hogangnono/.verification.md +0 -33
- package/.opencode/oh-my-design/web/references/hogangnono/DESIGN.md +0 -349
- package/.opencode/oh-my-design/web/references/hp/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/hp/DESIGN.md +0 -563
- package/.opencode/oh-my-design/web/references/hyperconnect/.verification.md +0 -40
- package/.opencode/oh-my-design/web/references/hyperconnect/DESIGN.md +0 -393
- package/.opencode/oh-my-design/web/references/hyundaicard/.verification.md +0 -25
- package/.opencode/oh-my-design/web/references/hyundaicard/DESIGN.md +0 -201
- package/.opencode/oh-my-design/web/references/ibm/.verification.md +0 -102
- package/.opencode/oh-my-design/web/references/ibm/DESIGN.md +0 -464
- package/.opencode/oh-my-design/web/references/ibm/README.md +0 -24
- package/.opencode/oh-my-design/web/references/ibm/preview-dark.html +0 -443
- package/.opencode/oh-my-design/web/references/ibm/preview.html +0 -428
- package/.opencode/oh-my-design/web/references/ichef/DESIGN.md +0 -455
- package/.opencode/oh-my-design/web/references/ikala/.verification.md +0 -35
- package/.opencode/oh-my-design/web/references/ikala/DESIGN.md +0 -400
- package/.opencode/oh-my-design/web/references/imweb/.verification.md +0 -61
- package/.opencode/oh-my-design/web/references/imweb/DESIGN.md +0 -460
- package/.opencode/oh-my-design/web/references/inflearn/DESIGN.md +0 -453
- package/.opencode/oh-my-design/web/references/inflearn/_promo.json +0 -29
- package/.opencode/oh-my-design/web/references/inflearn/_research.md +0 -85
- package/.opencode/oh-my-design/web/references/inflearn/assets/_reference/.live-inspect-proof-courses.json +0 -679
- package/.opencode/oh-my-design/web/references/inflearn/assets/_reference/.live-inspect-proof.json +0 -448
- package/.opencode/oh-my-design/web/references/inflearn/assets/_reference/fonts.json +0 -41
- package/.opencode/oh-my-design/web/references/inflearn/assets/_reference/structure.json +0 -110
- package/.opencode/oh-my-design/web/references/inflearn/assets/_reference/tokens.json +0 -54
- package/.opencode/oh-my-design/web/references/intercom/.verification.md +0 -144
- package/.opencode/oh-my-design/web/references/intercom/DESIGN.md +0 -271
- package/.opencode/oh-my-design/web/references/intercom/README.md +0 -23
- package/.opencode/oh-my-design/web/references/intercom/preview-dark.html +0 -185
- package/.opencode/oh-my-design/web/references/intercom/preview.html +0 -184
- package/.opencode/oh-my-design/web/references/jandi/.verification.md +0 -26
- package/.opencode/oh-my-design/web/references/jandi/DESIGN.md +0 -382
- package/.opencode/oh-my-design/web/references/jkopay/.verification.md +0 -32
- package/.opencode/oh-my-design/web/references/jkopay/DESIGN.md +0 -283
- package/.opencode/oh-my-design/web/references/jobkorea/.verification.md +0 -30
- package/.opencode/oh-my-design/web/references/jobkorea/DESIGN.md +0 -349
- package/.opencode/oh-my-design/web/references/jumpit/DESIGN.md +0 -403
- package/.opencode/oh-my-design/web/references/jumpit/_research.md +0 -119
- package/.opencode/oh-my-design/web/references/jumpit/assets/_reference/.live-inspect-proof.json +0 -182
- package/.opencode/oh-my-design/web/references/jumpit/assets/_reference/fonts.json +0 -20
- package/.opencode/oh-my-design/web/references/jumpit/assets/_reference/structure.json +0 -66
- package/.opencode/oh-my-design/web/references/jumpit/assets/_reference/tokens.json +0 -108
- package/.opencode/oh-my-design/web/references/kakao/.verification.md +0 -137
- package/.opencode/oh-my-design/web/references/kakao/DESIGN.md +0 -568
- package/.opencode/oh-my-design/web/references/kakao/README.md +0 -18
- package/.opencode/oh-my-design/web/references/kakao/_research.md +0 -98
- package/.opencode/oh-my-design/web/references/kakaobank/.verification.md +0 -133
- package/.opencode/oh-my-design/web/references/kakaobank/DESIGN.md +0 -602
- package/.opencode/oh-my-design/web/references/kakaopay/DESIGN.md +0 -603
- package/.opencode/oh-my-design/web/references/kakaopay/_promo.json +0 -22
- package/.opencode/oh-my-design/web/references/kakaopay/_research.md +0 -84
- package/.opencode/oh-my-design/web/references/kakaot/DESIGN.md +0 -507
- package/.opencode/oh-my-design/web/references/karrot/.verification.md +0 -143
- package/.opencode/oh-my-design/web/references/karrot/DESIGN.md +0 -494
- package/.opencode/oh-my-design/web/references/karrot/README.md +0 -18
- package/.opencode/oh-my-design/web/references/karrot/_research.md +0 -57
- package/.opencode/oh-my-design/web/references/kbank/DESIGN.md +0 -252
- package/.opencode/oh-my-design/web/references/kbank/assets/_reference/.live-inspect-proof.json +0 -215
- package/.opencode/oh-my-design/web/references/kbank/assets/_reference/.live-inspect-raw.json +0 -1
- package/.opencode/oh-my-design/web/references/kbank/assets/_reference/fonts.json +0 -20
- package/.opencode/oh-my-design/web/references/kbank/assets/_reference/structure.json +0 -151
- package/.opencode/oh-my-design/web/references/kbank/assets/_reference/tokens.json +0 -101
- package/.opencode/oh-my-design/web/references/kdan/.verification.md +0 -30
- package/.opencode/oh-my-design/web/references/kdan/DESIGN.md +0 -193
- package/.opencode/oh-my-design/web/references/kintone/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/kintone/DESIGN.md +0 -586
- package/.opencode/oh-my-design/web/references/kkbox/.verification.md +0 -27
- package/.opencode/oh-my-design/web/references/kkbox/DESIGN.md +0 -136
- package/.opencode/oh-my-design/web/references/kkday/DESIGN.md +0 -470
- package/.opencode/oh-my-design/web/references/kmong/.verification.md +0 -30
- package/.opencode/oh-my-design/web/references/kmong/DESIGN.md +0 -427
- package/.opencode/oh-my-design/web/references/krafton/.verification.md +0 -38
- package/.opencode/oh-my-design/web/references/krafton/DESIGN.md +0 -267
- package/.opencode/oh-my-design/web/references/kraken/.verification.md +0 -143
- package/.opencode/oh-my-design/web/references/kraken/DESIGN.md +0 -277
- package/.opencode/oh-my-design/web/references/kraken/README.md +0 -23
- package/.opencode/oh-my-design/web/references/kraken/preview-dark.html +0 -169
- package/.opencode/oh-my-design/web/references/kraken/preview.html +0 -168
- package/.opencode/oh-my-design/web/references/krds/.verification.md +0 -373
- package/.opencode/oh-my-design/web/references/krds/DESIGN.md +0 -1060
- package/.opencode/oh-my-design/web/references/kream/DESIGN.md +0 -432
- package/.opencode/oh-my-design/web/references/kream/assets/_reference/.live-inspect-proof.json +0 -289
- package/.opencode/oh-my-design/web/references/kream/assets/_reference/fonts.json +0 -26
- package/.opencode/oh-my-design/web/references/kream/assets/_reference/structure.json +0 -56
- package/.opencode/oh-my-design/web/references/kream/assets/_reference/tokens.json +0 -154
- package/.opencode/oh-my-design/web/references/kurly/.verification.md +0 -126
- package/.opencode/oh-my-design/web/references/kurly/DESIGN.md +0 -620
- package/.opencode/oh-my-design/web/references/laftel/.verification.md +0 -39
- package/.opencode/oh-my-design/web/references/laftel/DESIGN.md +0 -293
- package/.opencode/oh-my-design/web/references/lamborghini/.verification.md +0 -127
- package/.opencode/oh-my-design/web/references/lamborghini/DESIGN.md +0 -430
- package/.opencode/oh-my-design/web/references/lamborghini/README.md +0 -23
- package/.opencode/oh-my-design/web/references/lamborghini/preview-dark.html +0 -303
- package/.opencode/oh-my-design/web/references/lamborghini/preview.html +0 -381
- package/.opencode/oh-my-design/web/references/laundrygo/.verification.md +0 -60
- package/.opencode/oh-my-design/web/references/laundrygo/DESIGN.md +0 -434
- package/.opencode/oh-my-design/web/references/layerx/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/layerx/DESIGN.md +0 -615
- package/.opencode/oh-my-design/web/references/lezhin/.verification.md +0 -47
- package/.opencode/oh-my-design/web/references/lezhin/DESIGN.md +0 -348
- package/.opencode/oh-my-design/web/references/line/.verification.md +0 -137
- package/.opencode/oh-my-design/web/references/line/DESIGN.md +0 -467
- package/.opencode/oh-my-design/web/references/line/README.md +0 -12
- package/.opencode/oh-my-design/web/references/line/_research/home-1440px.png +0 -0
- package/.opencode/oh-my-design/web/references/line/_research.md +0 -65
- package/.opencode/oh-my-design/web/references/linear.app/.verification.md +0 -143
- package/.opencode/oh-my-design/web/references/linear.app/DESIGN.md +0 -642
- package/.opencode/oh-my-design/web/references/linear.app/README.md +0 -24
- package/.opencode/oh-my-design/web/references/linear.app/preview-dark.html +0 -383
- package/.opencode/oh-my-design/web/references/linear.app/preview.html +0 -373
- package/.opencode/oh-my-design/web/references/loom/.verification.md +0 -31
- package/.opencode/oh-my-design/web/references/loom/DESIGN.md +0 -396
- package/.opencode/oh-my-design/web/references/lovable/.verification.md +0 -154
- package/.opencode/oh-my-design/web/references/lovable/DESIGN.md +0 -423
- package/.opencode/oh-my-design/web/references/lovable/README.md +0 -24
- package/.opencode/oh-my-design/web/references/lovable/preview-dark.html +0 -349
- package/.opencode/oh-my-design/web/references/lovable/preview.html +0 -348
- package/.opencode/oh-my-design/web/references/lunit/DESIGN.md +0 -296
- package/.opencode/oh-my-design/web/references/lunit/assets/_reference/.live-inspect-proof.json +0 -249
- package/.opencode/oh-my-design/web/references/lunit/assets/_reference/fonts.json +0 -24
- package/.opencode/oh-my-design/web/references/lunit/assets/_reference/structure.json +0 -162
- package/.opencode/oh-my-design/web/references/lunit/assets/_reference/tokens.json +0 -115
- package/.opencode/oh-my-design/web/references/mastercard/.verification.md +0 -19
- package/.opencode/oh-my-design/web/references/mastercard/DESIGN.md +0 -587
- package/.opencode/oh-my-design/web/references/meituan/DESIGN.md +0 -466
- package/.opencode/oh-my-design/web/references/melon/.verification.md +0 -27
- package/.opencode/oh-my-design/web/references/melon/DESIGN.md +0 -179
- package/.opencode/oh-my-design/web/references/mercari/.verification.md +0 -155
- package/.opencode/oh-my-design/web/references/mercari/DESIGN.md +0 -514
- package/.opencode/oh-my-design/web/references/mercari/README.md +0 -12
- package/.opencode/oh-my-design/web/references/mercari/_research/home-1440px.png +0 -0
- package/.opencode/oh-my-design/web/references/mercari/_research.md +0 -137
- package/.opencode/oh-my-design/web/references/mercury/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/mercury/DESIGN.md +0 -589
- package/.opencode/oh-my-design/web/references/meta/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/meta/DESIGN.md +0 -615
- package/.opencode/oh-my-design/web/references/microsoft/.verification.md +0 -62
- package/.opencode/oh-my-design/web/references/microsoft/DESIGN.md +0 -508
- package/.opencode/oh-my-design/web/references/millie/DESIGN.md +0 -584
- package/.opencode/oh-my-design/web/references/minimax/.verification.md +0 -135
- package/.opencode/oh-my-design/web/references/minimax/DESIGN.md +0 -396
- package/.opencode/oh-my-design/web/references/minimax/README.md +0 -24
- package/.opencode/oh-my-design/web/references/minimax/preview-dark.html +0 -1262
- package/.opencode/oh-my-design/web/references/minimax/preview.html +0 -1248
- package/.opencode/oh-my-design/web/references/mintlify/.verification.md +0 -160
- package/.opencode/oh-my-design/web/references/mintlify/DESIGN.md +0 -472
- package/.opencode/oh-my-design/web/references/mintlify/README.md +0 -24
- package/.opencode/oh-my-design/web/references/mintlify/preview-dark.html +0 -409
- package/.opencode/oh-my-design/web/references/mintlify/preview.html +0 -398
- package/.opencode/oh-my-design/web/references/miricanvas/.verification.md +0 -61
- package/.opencode/oh-my-design/web/references/miricanvas/DESIGN.md +0 -464
- package/.opencode/oh-my-design/web/references/miro/.verification.md +0 -138
- package/.opencode/oh-my-design/web/references/miro/DESIGN.md +0 -319
- package/.opencode/oh-my-design/web/references/miro/README.md +0 -23
- package/.opencode/oh-my-design/web/references/miro/preview-dark.html +0 -174
- package/.opencode/oh-my-design/web/references/miro/preview.html +0 -173
- package/.opencode/oh-my-design/web/references/mistral.ai/.verification.md +0 -146
- package/.opencode/oh-my-design/web/references/mistral.ai/DESIGN.md +0 -390
- package/.opencode/oh-my-design/web/references/mistral.ai/README.md +0 -24
- package/.opencode/oh-my-design/web/references/mistral.ai/preview-dark.html +0 -806
- package/.opencode/oh-my-design/web/references/mistral.ai/preview.html +0 -805
- package/.opencode/oh-my-design/web/references/modusign/.verification.md +0 -58
- package/.opencode/oh-my-design/web/references/modusign/DESIGN.md +0 -524
- package/.opencode/oh-my-design/web/references/momoshop/.verification.md +0 -36
- package/.opencode/oh-my-design/web/references/momoshop/DESIGN.md +0 -322
- package/.opencode/oh-my-design/web/references/money-forward/DESIGN.md +0 -443
- package/.opencode/oh-my-design/web/references/mongodb/.verification.md +0 -145
- package/.opencode/oh-my-design/web/references/mongodb/DESIGN.md +0 -401
- package/.opencode/oh-my-design/web/references/mongodb/README.md +0 -23
- package/.opencode/oh-my-design/web/references/mongodb/preview-dark.html +0 -260
- package/.opencode/oh-my-design/web/references/mongodb/preview.html +0 -259
- package/.opencode/oh-my-design/web/references/muji/.verification.md +0 -20
- package/.opencode/oh-my-design/web/references/muji/DESIGN.md +0 -605
- package/.opencode/oh-my-design/web/references/musinsa/.verification.md +0 -59
- package/.opencode/oh-my-design/web/references/musinsa/DESIGN.md +0 -593
- package/.opencode/oh-my-design/web/references/mustit/.verification.md +0 -37
- package/.opencode/oh-my-design/web/references/mustit/DESIGN.md +0 -328
- package/.opencode/oh-my-design/web/references/myrealtrip/DESIGN.md +0 -494
- package/.opencode/oh-my-design/web/references/naver/.verification.md +0 -134
- package/.opencode/oh-my-design/web/references/naver/DESIGN.md +0 -582
- package/.opencode/oh-my-design/web/references/naverwebtoon/DESIGN.md +0 -477
- package/.opencode/oh-my-design/web/references/netflix/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/netflix/DESIGN.md +0 -572
- package/.opencode/oh-my-design/web/references/nexon/.verification.md +0 -27
- package/.opencode/oh-my-design/web/references/nexon/DESIGN.md +0 -389
- package/.opencode/oh-my-design/web/references/nhncloud/.verification.md +0 -23
- package/.opencode/oh-my-design/web/references/nhncloud/DESIGN.md +0 -207
- package/.opencode/oh-my-design/web/references/nike/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/nike/DESIGN.md +0 -588
- package/.opencode/oh-my-design/web/references/note/DESIGN.md +0 -346
- package/.opencode/oh-my-design/web/references/notion/.verification.md +0 -141
- package/.opencode/oh-my-design/web/references/notion/DESIGN.md +0 -557
- package/.opencode/oh-my-design/web/references/notion/README.md +0 -24
- package/.opencode/oh-my-design/web/references/notion/preview-dark.html +0 -372
- package/.opencode/oh-my-design/web/references/notion/preview.html +0 -364
- package/.opencode/oh-my-design/web/references/nvidia/.verification.md +0 -127
- package/.opencode/oh-my-design/web/references/nvidia/DESIGN.md +0 -550
- package/.opencode/oh-my-design/web/references/nvidia/README.md +0 -24
- package/.opencode/oh-my-design/web/references/nvidia/_research.md +0 -68
- package/.opencode/oh-my-design/web/references/nvidia/preview-dark.html +0 -374
- package/.opencode/oh-my-design/web/references/nvidia/preview.html +0 -366
- package/.opencode/oh-my-design/web/references/ohouse/.verification.md +0 -87
- package/.opencode/oh-my-design/web/references/ohouse/DESIGN.md +0 -635
- package/.opencode/oh-my-design/web/references/oliveyoung/DESIGN.md +0 -407
- package/.opencode/oh-my-design/web/references/oliveyoung/assets/_reference/.live-inspect-proof.json +0 -158
- package/.opencode/oh-my-design/web/references/oliveyoung/assets/_reference/_best_capture.json +0 -644
- package/.opencode/oh-my-design/web/references/oliveyoung/assets/_reference/_detail_capture.json +0 -447
- package/.opencode/oh-my-design/web/references/oliveyoung/assets/_reference/_main.html +0 -419
- package/.opencode/oh-my-design/web/references/oliveyoung/assets/_reference/_main_capture.json +0 -1126
- package/.opencode/oh-my-design/web/references/oliveyoung/assets/_reference/_search_capture.json +0 -912
- package/.opencode/oh-my-design/web/references/oliveyoung/assets/_reference/fonts.json +0 -20
- package/.opencode/oh-my-design/web/references/oliveyoung/assets/_reference/structure.json +0 -91
- package/.opencode/oh-my-design/web/references/oliveyoung/assets/_reference/tokens.json +0 -79
- package/.opencode/oh-my-design/web/references/ollama/.verification.md +0 -138
- package/.opencode/oh-my-design/web/references/ollama/DESIGN.md +0 -393
- package/.opencode/oh-my-design/web/references/ollama/README.md +0 -24
- package/.opencode/oh-my-design/web/references/ollama/preview-dark.html +0 -678
- package/.opencode/oh-my-design/web/references/ollama/preview.html +0 -678
- package/.opencode/oh-my-design/web/references/omnichat/.verification.md +0 -74
- package/.opencode/oh-my-design/web/references/omnichat/DESIGN.md +0 -499
- package/.opencode/oh-my-design/web/references/openai/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/openai/DESIGN.md +0 -641
- package/.opencode/oh-my-design/web/references/opencode.ai/.verification.md +0 -136
- package/.opencode/oh-my-design/web/references/opencode.ai/DESIGN.md +0 -425
- package/.opencode/oh-my-design/web/references/opencode.ai/README.md +0 -24
- package/.opencode/oh-my-design/web/references/opencode.ai/preview-dark.html +0 -366
- package/.opencode/oh-my-design/web/references/opencode.ai/preview.html +0 -357
- package/.opencode/oh-my-design/web/references/payco/.verification.md +0 -28
- package/.opencode/oh-my-design/web/references/payco/DESIGN.md +0 -267
- package/.opencode/oh-my-design/web/references/paypay/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/paypay/DESIGN.md +0 -656
- package/.opencode/oh-my-design/web/references/pchome/.verification.md +0 -38
- package/.opencode/oh-my-design/web/references/pchome/DESIGN.md +0 -439
- package/.opencode/oh-my-design/web/references/perplexity/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/perplexity/DESIGN.md +0 -546
- package/.opencode/oh-my-design/web/references/piccollage/.verification.md +0 -34
- package/.opencode/oh-my-design/web/references/piccollage/DESIGN.md +0 -320
- package/.opencode/oh-my-design/web/references/pinkoi/.verification.md +0 -147
- package/.opencode/oh-my-design/web/references/pinkoi/DESIGN.md +0 -639
- package/.opencode/oh-my-design/web/references/pinkoi/README.md +0 -12
- package/.opencode/oh-my-design/web/references/pinkoi/_research/browse-1440px.png +0 -0
- package/.opencode/oh-my-design/web/references/pinkoi/_research.md +0 -167
- package/.opencode/oh-my-design/web/references/pinterest/.verification.md +0 -141
- package/.opencode/oh-my-design/web/references/pinterest/DESIGN.md +0 -366
- package/.opencode/oh-my-design/web/references/pinterest/README.md +0 -23
- package/.opencode/oh-my-design/web/references/pinterest/preview-dark.html +0 -233
- package/.opencode/oh-my-design/web/references/pinterest/preview.html +0 -232
- package/.opencode/oh-my-design/web/references/pixiv/.verification.md +0 -20
- package/.opencode/oh-my-design/web/references/pixiv/DESIGN.md +0 -613
- package/.opencode/oh-my-design/web/references/pixnet/.verification.md +0 -31
- package/.opencode/oh-my-design/web/references/pixnet/DESIGN.md +0 -430
- package/.opencode/oh-my-design/web/references/posthog/.verification.md +0 -159
- package/.opencode/oh-my-design/web/references/posthog/DESIGN.md +0 -480
- package/.opencode/oh-my-design/web/references/posthog/README.md +0 -23
- package/.opencode/oh-my-design/web/references/posthog/preview-dark.html +0 -699
- package/.opencode/oh-my-design/web/references/posthog/preview.html +0 -749
- package/.opencode/oh-my-design/web/references/postype/.verification.md +0 -61
- package/.opencode/oh-my-design/web/references/postype/DESIGN.md +0 -431
- package/.opencode/oh-my-design/web/references/publy/DESIGN.md +0 -563
- package/.opencode/oh-my-design/web/references/qanda/.verification.md +0 -121
- package/.opencode/oh-my-design/web/references/qanda/DESIGN.md +0 -516
- package/.opencode/oh-my-design/web/references/ragic/.verification.md +0 -37
- package/.opencode/oh-my-design/web/references/ragic/DESIGN.md +0 -444
- package/.opencode/oh-my-design/web/references/rakuten/.verification.md +0 -60
- package/.opencode/oh-my-design/web/references/rakuten/DESIGN.md +0 -440
- package/.opencode/oh-my-design/web/references/ramp/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/ramp/DESIGN.md +0 -634
- package/.opencode/oh-my-design/web/references/rayark/.verification.md +0 -22
- package/.opencode/oh-my-design/web/references/rayark/DESIGN.md +0 -154
- package/.opencode/oh-my-design/web/references/raycast/.verification.md +0 -138
- package/.opencode/oh-my-design/web/references/raycast/DESIGN.md +0 -467
- package/.opencode/oh-my-design/web/references/raycast/README.md +0 -23
- package/.opencode/oh-my-design/web/references/raycast/preview-dark.html +0 -606
- package/.opencode/oh-my-design/web/references/raycast/preview.html +0 -688
- package/.opencode/oh-my-design/web/references/remember/.verification.md +0 -135
- package/.opencode/oh-my-design/web/references/remember/DESIGN.md +0 -504
- package/.opencode/oh-my-design/web/references/remember/_promo.json +0 -27
- package/.opencode/oh-my-design/web/references/remember/_research.md +0 -90
- package/.opencode/oh-my-design/web/references/renault/.verification.md +0 -139
- package/.opencode/oh-my-design/web/references/renault/DESIGN.md +0 -439
- package/.opencode/oh-my-design/web/references/renault/README.md +0 -23
- package/.opencode/oh-my-design/web/references/renault/preview-dark.html +0 -406
- package/.opencode/oh-my-design/web/references/renault/preview.html +0 -606
- package/.opencode/oh-my-design/web/references/replicate/.verification.md +0 -154
- package/.opencode/oh-my-design/web/references/replicate/DESIGN.md +0 -387
- package/.opencode/oh-my-design/web/references/replicate/README.md +0 -24
- package/.opencode/oh-my-design/web/references/replicate/preview-dark.html +0 -828
- package/.opencode/oh-my-design/web/references/replicate/preview.html +0 -831
- package/.opencode/oh-my-design/web/references/resend/.verification.md +0 -143
- package/.opencode/oh-my-design/web/references/resend/DESIGN.md +0 -440
- package/.opencode/oh-my-design/web/references/resend/README.md +0 -23
- package/.opencode/oh-my-design/web/references/resend/preview-dark.html +0 -355
- package/.opencode/oh-my-design/web/references/resend/preview.html +0 -354
- package/.opencode/oh-my-design/web/references/retool/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/retool/DESIGN.md +0 -645
- package/.opencode/oh-my-design/web/references/revolut/.verification.md +0 -140
- package/.opencode/oh-my-design/web/references/revolut/DESIGN.md +0 -319
- package/.opencode/oh-my-design/web/references/revolut/README.md +0 -23
- package/.opencode/oh-my-design/web/references/revolut/preview-dark.html +0 -234
- package/.opencode/oh-my-design/web/references/revolut/preview.html +0 -233
- package/.opencode/oh-my-design/web/references/richart/.verification.md +0 -41
- package/.opencode/oh-my-design/web/references/richart/DESIGN.md +0 -465
- package/.opencode/oh-my-design/web/references/ridi/.verification.md +0 -108
- package/.opencode/oh-my-design/web/references/ridi/DESIGN.md +0 -573
- package/.opencode/oh-my-design/web/references/riiid/.verification.md +0 -33
- package/.opencode/oh-my-design/web/references/riiid/DESIGN.md +0 -260
- package/.opencode/oh-my-design/web/references/ringle/.verification.md +0 -53
- package/.opencode/oh-my-design/web/references/ringle/DESIGN.md +0 -444
- package/.opencode/oh-my-design/web/references/robinhood/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/robinhood/DESIGN.md +0 -604
- package/.opencode/oh-my-design/web/references/runwayml/.verification.md +0 -141
- package/.opencode/oh-my-design/web/references/runwayml/DESIGN.md +0 -431
- package/.opencode/oh-my-design/web/references/runwayml/README.md +0 -24
- package/.opencode/oh-my-design/web/references/runwayml/preview-dark.html +0 -664
- package/.opencode/oh-my-design/web/references/runwayml/preview.html +0 -665
- package/.opencode/oh-my-design/web/references/salesforce/.verification.md +0 -66
- package/.opencode/oh-my-design/web/references/salesforce/DESIGN.md +0 -473
- package/.opencode/oh-my-design/web/references/sanity/.verification.md +0 -174
- package/.opencode/oh-my-design/web/references/sanity/DESIGN.md +0 -499
- package/.opencode/oh-my-design/web/references/sanity/README.md +0 -24
- package/.opencode/oh-my-design/web/references/sanity/preview-dark.html +0 -990
- package/.opencode/oh-my-design/web/references/sanity/preview.html +0 -1135
- package/.opencode/oh-my-design/web/references/sansan/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/sansan/DESIGN.md +0 -631
- package/.opencode/oh-my-design/web/references/sendbird/.verification.md +0 -67
- package/.opencode/oh-my-design/web/references/sendbird/DESIGN.md +0 -331
- package/.opencode/oh-my-design/web/references/sentry/.verification.md +0 -157
- package/.opencode/oh-my-design/web/references/sentry/DESIGN.md +0 -397
- package/.opencode/oh-my-design/web/references/sentry/README.md +0 -24
- package/.opencode/oh-my-design/web/references/sentry/preview-dark.html +0 -626
- package/.opencode/oh-my-design/web/references/sentry/preview.html +0 -951
- package/.opencode/oh-my-design/web/references/shinhancard/.verification.md +0 -31
- package/.opencode/oh-my-design/web/references/shinhancard/DESIGN.md +0 -421
- package/.opencode/oh-my-design/web/references/shopline/.verification.md +0 -34
- package/.opencode/oh-my-design/web/references/shopline/DESIGN.md +0 -431
- package/.opencode/oh-my-design/web/references/slack/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/slack/DESIGN.md +0 -635
- package/.opencode/oh-my-design/web/references/smarthr/DESIGN.md +0 -452
- package/.opencode/oh-my-design/web/references/smartnews/DESIGN.md +0 -360
- package/.opencode/oh-my-design/web/references/socar/DESIGN.md +0 -438
- package/.opencode/oh-my-design/web/references/socar/_promo.json +0 -28
- package/.opencode/oh-my-design/web/references/socar/_research.md +0 -55
- package/.opencode/oh-my-design/web/references/soomgo/.verification.md +0 -27
- package/.opencode/oh-my-design/web/references/soomgo/DESIGN.md +0 -326
- package/.opencode/oh-my-design/web/references/spacex/.verification.md +0 -132
- package/.opencode/oh-my-design/web/references/spacex/DESIGN.md +0 -415
- package/.opencode/oh-my-design/web/references/spacex/README.md +0 -23
- package/.opencode/oh-my-design/web/references/spacex/_research.md +0 -69
- package/.opencode/oh-my-design/web/references/spacex/preview-dark.html +0 -221
- package/.opencode/oh-my-design/web/references/spacex/preview.html +0 -220
- package/.opencode/oh-my-design/web/references/spoon/DESIGN.md +0 -492
- package/.opencode/oh-my-design/web/references/spotify/.verification.md +0 -128
- package/.opencode/oh-my-design/web/references/spotify/DESIGN.md +0 -489
- package/.opencode/oh-my-design/web/references/spotify/README.md +0 -23
- package/.opencode/oh-my-design/web/references/spotify/preview-dark.html +0 -231
- package/.opencode/oh-my-design/web/references/spotify/preview.html +0 -230
- package/.opencode/oh-my-design/web/references/starbucks/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/starbucks/DESIGN.md +0 -597
- package/.opencode/oh-my-design/web/references/stores/.verification.md +0 -61
- package/.opencode/oh-my-design/web/references/stores/DESIGN.md +0 -447
- package/.opencode/oh-my-design/web/references/stripe/.verification.md +0 -140
- package/.opencode/oh-my-design/web/references/stripe/DESIGN.md +0 -571
- package/.opencode/oh-my-design/web/references/stripe/README.md +0 -24
- package/.opencode/oh-my-design/web/references/stripe/preview-dark.html +0 -428
- package/.opencode/oh-my-design/web/references/stripe/preview.html +0 -419
- package/.opencode/oh-my-design/web/references/studio/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/studio/DESIGN.md +0 -602
- package/.opencode/oh-my-design/web/references/supabase/.verification.md +0 -145
- package/.opencode/oh-my-design/web/references/supabase/DESIGN.md +0 -389
- package/.opencode/oh-my-design/web/references/supabase/README.md +0 -24
- package/.opencode/oh-my-design/web/references/supabase/preview-dark.html +0 -977
- package/.opencode/oh-my-design/web/references/supabase/preview.html +0 -955
- package/.opencode/oh-my-design/web/references/superhuman/.verification.md +0 -184
- package/.opencode/oh-my-design/web/references/superhuman/DESIGN.md +0 -453
- package/.opencode/oh-my-design/web/references/superhuman/README.md +0 -23
- package/.opencode/oh-my-design/web/references/superhuman/preview-dark.html +0 -973
- package/.opencode/oh-my-design/web/references/superhuman/preview.html +0 -951
- package/.opencode/oh-my-design/web/references/surveycake/.verification.md +0 -31
- package/.opencode/oh-my-design/web/references/surveycake/DESIGN.md +0 -442
- package/.opencode/oh-my-design/web/references/tada/DESIGN.md +0 -579
- package/.opencode/oh-my-design/web/references/teamblind/.verification.md +0 -76
- package/.opencode/oh-my-design/web/references/teamblind/DESIGN.md +0 -497
- package/.opencode/oh-my-design/web/references/tesla/.verification.md +0 -149
- package/.opencode/oh-my-design/web/references/tesla/DESIGN.md +0 -501
- package/.opencode/oh-my-design/web/references/tesla/README.md +0 -23
- package/.opencode/oh-my-design/web/references/tesla/_research.md +0 -70
- package/.opencode/oh-my-design/web/references/tesla/preview-dark.html +0 -947
- package/.opencode/oh-my-design/web/references/tesla/preview.html +0 -925
- package/.opencode/oh-my-design/web/references/theverge/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/theverge/DESIGN.md +0 -500
- package/.opencode/oh-my-design/web/references/timee/.verification.md +0 -67
- package/.opencode/oh-my-design/web/references/timee/DESIGN.md +0 -444
- package/.opencode/oh-my-design/web/references/together.ai/.verification.md +0 -145
- package/.opencode/oh-my-design/web/references/together.ai/DESIGN.md +0 -389
- package/.opencode/oh-my-design/web/references/together.ai/README.md +0 -24
- package/.opencode/oh-my-design/web/references/together.ai/preview-dark.html +0 -892
- package/.opencode/oh-my-design/web/references/together.ai/preview.html +0 -897
- package/.opencode/oh-my-design/web/references/toss/.verification.md +0 -120
- package/.opencode/oh-my-design/web/references/toss/DESIGN.md +0 -698
- package/.opencode/oh-my-design/web/references/toss/README.md +0 -19
- package/.opencode/oh-my-design/web/references/toss-securities/DESIGN.md +0 -247
- package/.opencode/oh-my-design/web/references/toss-securities/assets/_reference/.live-inspect-proof.json +0 -126
- package/.opencode/oh-my-design/web/references/toss-securities/assets/_reference/.live-inspect-raw.json +0 -619
- package/.opencode/oh-my-design/web/references/toss-securities/assets/_reference/.live-inspect-stock.json +0 -525
- package/.opencode/oh-my-design/web/references/toss-securities/assets/_reference/fonts.json +0 -24
- package/.opencode/oh-my-design/web/references/toss-securities/assets/_reference/structure.json +0 -35
- package/.opencode/oh-my-design/web/references/toss-securities/assets/_reference/tokens.json +0 -87
- package/.opencode/oh-my-design/web/references/tossbank/DESIGN.md +0 -576
- package/.opencode/oh-my-design/web/references/trenbe/.verification.md +0 -32
- package/.opencode/oh-my-design/web/references/trenbe/DESIGN.md +0 -293
- package/.opencode/oh-my-design/web/references/triple/DESIGN.md +0 -481
- package/.opencode/oh-my-design/web/references/tumblbug/DESIGN.md +0 -578
- package/.opencode/oh-my-design/web/references/tving/DESIGN.md +0 -317
- package/.opencode/oh-my-design/web/references/tving/assets/_reference/.live-inspect-proof.json +0 -131
- package/.opencode/oh-my-design/web/references/tving/assets/_reference/LICENSE-NOTE.md +0 -37
- package/.opencode/oh-my-design/web/references/tving/assets/_reference/attribution.md +0 -52
- package/.opencode/oh-my-design/web/references/tving/assets/_reference/fonts.json +0 -31
- package/.opencode/oh-my-design/web/references/tving/assets/_reference/screenshots/hero-desktop.png +0 -0
- package/.opencode/oh-my-design/web/references/tving/assets/_reference/structure.json +0 -55
- package/.opencode/oh-my-design/web/references/tving/assets/_reference/tokens.json +0 -115
- package/.opencode/oh-my-design/web/references/uber/.verification.md +0 -128
- package/.opencode/oh-my-design/web/references/uber/DESIGN.md +0 -423
- package/.opencode/oh-my-design/web/references/uber/README.md +0 -24
- package/.opencode/oh-my-design/web/references/uber/preview-dark.html +0 -1120
- package/.opencode/oh-my-design/web/references/uber/preview.html +0 -1119
- package/.opencode/oh-my-design/web/references/ubie/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/ubie/DESIGN.md +0 -615
- package/.opencode/oh-my-design/web/references/uniqlo/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/uniqlo/DESIGN.md +0 -575
- package/.opencode/oh-my-design/web/references/upbit/DESIGN.md +0 -337
- package/.opencode/oh-my-design/web/references/upbit/_research.md +0 -83
- package/.opencode/oh-my-design/web/references/upbit/assets/_reference/.live-inspect-proof.json +0 -263
- package/.opencode/oh-my-design/web/references/upbit/assets/_reference/fonts.json +0 -18
- package/.opencode/oh-my-design/web/references/upbit/assets/_reference/raw-capture-exchange.json +0 -1901
- package/.opencode/oh-my-design/web/references/upbit/assets/_reference/raw-capture.json +0 -1121
- package/.opencode/oh-my-design/web/references/upbit/assets/_reference/structure.json +0 -52
- package/.opencode/oh-my-design/web/references/upbit/assets/_reference/tokens.json +0 -169
- package/.opencode/oh-my-design/web/references/upstage/DESIGN.md +0 -270
- package/.opencode/oh-my-design/web/references/upstage/assets/_reference/.live-inspect-proof.json +0 -157
- package/.opencode/oh-my-design/web/references/upstage/assets/_reference/_brand-resource-center.json +0 -44
- package/.opencode/oh-my-design/web/references/upstage/assets/_reference/_curated-samples.json +0 -310
- package/.opencode/oh-my-design/web/references/upstage/assets/_reference/_raw-capture.json +0 -1560
- package/.opencode/oh-my-design/web/references/upstage/assets/_reference/_root-vars.json +0 -76
- package/.opencode/oh-my-design/web/references/upstage/assets/_reference/_structure-raw.json +0 -298
- package/.opencode/oh-my-design/web/references/upstage/assets/_reference/fonts.json +0 -35
- package/.opencode/oh-my-design/web/references/upstage/assets/_reference/structure.json +0 -72
- package/.opencode/oh-my-design/web/references/upstage/assets/_reference/tokens.json +0 -183
- package/.opencode/oh-my-design/web/references/velog/.verification.md +0 -26
- package/.opencode/oh-my-design/web/references/velog/DESIGN.md +0 -196
- package/.opencode/oh-my-design/web/references/vercel/.verification.md +0 -134
- package/.opencode/oh-my-design/web/references/vercel/DESIGN.md +0 -523
- package/.opencode/oh-my-design/web/references/vercel/README.md +0 -24
- package/.opencode/oh-my-design/web/references/vercel/preview-dark.html +0 -368
- package/.opencode/oh-my-design/web/references/vercel/preview.html +0 -367
- package/.opencode/oh-my-design/web/references/voicetube/.verification.md +0 -34
- package/.opencode/oh-my-design/web/references/voicetube/DESIGN.md +0 -266
- package/.opencode/oh-my-design/web/references/voltagent/.verification.md +0 -159
- package/.opencode/oh-my-design/web/references/voltagent/DESIGN.md +0 -454
- package/.opencode/oh-my-design/web/references/voltagent/README.md +0 -24
- package/.opencode/oh-my-design/web/references/voltagent/preview-dark.html +0 -487
- package/.opencode/oh-my-design/web/references/voltagent/preview.html +0 -766
- package/.opencode/oh-my-design/web/references/wadiz/DESIGN.md +0 -415
- package/.opencode/oh-my-design/web/references/wadiz/assets/_reference/.live-inspect-proof.json +0 -137
- package/.opencode/oh-my-design/web/references/wadiz/assets/_reference/fonts.json +0 -17
- package/.opencode/oh-my-design/web/references/wadiz/assets/_reference/structure.json +0 -35
- package/.opencode/oh-my-design/web/references/wadiz/assets/_reference/tokens.json +0 -80
- package/.opencode/oh-my-design/web/references/wanted/DESIGN.md +0 -575
- package/.opencode/oh-my-design/web/references/wanted/_promo.json +0 -31
- package/.opencode/oh-my-design/web/references/wanted/_research.md +0 -119
- package/.opencode/oh-my-design/web/references/wantedly/.verification.md +0 -53
- package/.opencode/oh-my-design/web/references/wantedly/DESIGN.md +0 -437
- package/.opencode/oh-my-design/web/references/warp/.verification.md +0 -156
- package/.opencode/oh-my-design/web/references/warp/DESIGN.md +0 -431
- package/.opencode/oh-my-design/web/references/warp/README.md +0 -23
- package/.opencode/oh-my-design/web/references/warp/preview-dark.html +0 -500
- package/.opencode/oh-my-design/web/references/warp/preview.html +0 -533
- package/.opencode/oh-my-design/web/references/watcha/DESIGN.md +0 -465
- package/.opencode/oh-my-design/web/references/wavve/DESIGN.md +0 -480
- package/.opencode/oh-my-design/web/references/wconcept/DESIGN.md +0 -556
- package/.opencode/oh-my-design/web/references/webflow/.verification.md +0 -151
- package/.opencode/oh-my-design/web/references/webflow/DESIGN.md +0 -330
- package/.opencode/oh-my-design/web/references/webflow/README.md +0 -23
- package/.opencode/oh-my-design/web/references/webflow/preview-dark.html +0 -147
- package/.opencode/oh-my-design/web/references/webflow/preview.html +0 -146
- package/.opencode/oh-my-design/web/references/wired/.verification.md +0 -21
- package/.opencode/oh-my-design/web/references/wired/DESIGN.md +0 -572
- package/.opencode/oh-my-design/web/references/wise/.verification.md +0 -141
- package/.opencode/oh-my-design/web/references/wise/DESIGN.md +0 -317
- package/.opencode/oh-my-design/web/references/wise/README.md +0 -23
- package/.opencode/oh-my-design/web/references/wise/preview-dark.html +0 -230
- package/.opencode/oh-my-design/web/references/wise/preview.html +0 -229
- package/.opencode/oh-my-design/web/references/x.ai/.verification.md +0 -140
- package/.opencode/oh-my-design/web/references/x.ai/DESIGN.md +0 -397
- package/.opencode/oh-my-design/web/references/x.ai/README.md +0 -24
- package/.opencode/oh-my-design/web/references/x.ai/preview-dark.html +0 -356
- package/.opencode/oh-my-design/web/references/x.ai/preview.html +0 -407
- package/.opencode/oh-my-design/web/references/xiaohongshu/DESIGN.md +0 -462
- package/.opencode/oh-my-design/web/references/yanolja/.verification.md +0 -83
- package/.opencode/oh-my-design/web/references/yanolja/DESIGN.md +0 -508
- package/.opencode/oh-my-design/web/references/yeogiotte/.verification.md +0 -210
- package/.opencode/oh-my-design/web/references/yeogiotte/DESIGN.md +0 -500
- package/.opencode/oh-my-design/web/references/yogiyo/DESIGN.md +0 -515
- package/.opencode/oh-my-design/web/references/yourator/.verification.md +0 -39
- package/.opencode/oh-my-design/web/references/yourator/DESIGN.md +0 -453
- package/.opencode/oh-my-design/web/references/zapier/.verification.md +0 -156
- package/.opencode/oh-my-design/web/references/zapier/DESIGN.md +0 -474
- package/.opencode/oh-my-design/web/references/zapier/README.md +0 -24
- package/.opencode/oh-my-design/web/references/zapier/preview-dark.html +0 -380
- package/.opencode/oh-my-design/web/references/zapier/preview.html +0 -372
- package/.opencode/oh-my-design/web/references/zigbang/DESIGN.md +0 -500
- package/.opencode/oh-my-design/web/references/zigbang/_promo.json +0 -16
- package/.opencode/oh-my-design/web/references/zigbang/_research.md +0 -101
- package/.opencode/oh-my-design/web/references/zigzag/DESIGN.md +0 -695
- package/.opencode/oh-my-design/web/references/zigzag/_promo.json +0 -23
- package/.opencode/oh-my-design/web/references/zigzag/_research.md +0 -64
- package/.opencode/oh-my-design/web/references/zozotown/.verification.md +0 -20
- package/.opencode/oh-my-design/web/references/zozotown/DESIGN.md +0 -578
- package/.opencode/oh-my-design/web/scripts/build-registry.mjs +0 -257
- package/.opencode/oh-my-design/web/scripts/extract-tokens.mjs +0 -117
- package/.opencode/oh-my-design/web/scripts/fetch-og-images.mjs +0 -112
- package/.opencode/oh-my-design/web/scripts/gen-favicon.mjs +0 -58
- package/.opencode/oh-my-design/web/scripts/gen-og.mjs +0 -67
- package/.opencode/oh-my-design/web/scripts/migrate-frontmatters.mjs +0 -637
- package/.opencode/oh-my-design/web/scripts/sync-catalog.mjs +0 -140
- package/.opencode/oh-my-design/web/scripts/token-sheet.mjs +0 -72
- package/.opencode/oh-my-design/web/scripts/token-status.mjs +0 -94
- package/.opencode/oh-my-design/web/scripts/verify-reference.mjs +0 -185
- package/.opencode/oh-my-design/web/src/app/alternatives/[slug]/page.tsx +0 -399
- package/.opencode/oh-my-design/web/src/app/api/font-playground/match/route.ts +0 -205
- package/.opencode/oh-my-design/web/src/app/api/leaderboard/route.ts +0 -32
- package/.opencode/oh-my-design/web/src/app/api/og/playground/route.tsx +0 -179
- package/.opencode/oh-my-design/web/src/app/api/references/[id]/route.ts +0 -162
- package/.opencode/oh-my-design/web/src/app/api/references/route.ts +0 -142
- package/.opencode/oh-my-design/web/src/app/api/track/route.ts +0 -30
- package/.opencode/oh-my-design/web/src/app/apple-icon.png +0 -0
- package/.opencode/oh-my-design/web/src/app/builder/layout.tsx +0 -43
- package/.opencode/oh-my-design/web/src/app/builder/page.tsx +0 -434
- package/.opencode/oh-my-design/web/src/app/changelog/[version]/page.tsx +0 -160
- package/.opencode/oh-my-design/web/src/app/changelog/page.tsx +0 -142
- package/.opencode/oh-my-design/web/src/app/collections/[slug]/collection-grid.tsx +0 -27
- package/.opencode/oh-my-design/web/src/app/collections/[slug]/page.tsx +0 -171
- package/.opencode/oh-my-design/web/src/app/curation/layout.tsx +0 -43
- package/.opencode/oh-my-design/web/src/app/curation/page.tsx +0 -78
- package/.opencode/oh-my-design/web/src/app/design-systems/[id]/detail-view.tsx +0 -307
- package/.opencode/oh-my-design/web/src/app/design-systems/[id]/page.tsx +0 -184
- package/.opencode/oh-my-design/web/src/app/design-systems/layout.tsx +0 -24
- package/.opencode/oh-my-design/web/src/app/design-systems/page.tsx +0 -95
- package/.opencode/oh-my-design/web/src/app/docs/layout.tsx +0 -22
- package/.opencode/oh-my-design/web/src/app/docs/page.tsx +0 -1453
- package/.opencode/oh-my-design/web/src/app/faq/page.tsx +0 -324
- package/.opencode/oh-my-design/web/src/app/font-playground/font-playground-view.tsx +0 -424
- package/.opencode/oh-my-design/web/src/app/font-playground/page.tsx +0 -43
- package/.opencode/oh-my-design/web/src/app/globals.css +0 -328
- package/.opencode/oh-my-design/web/src/app/icon.png +0 -0
- package/.opencode/oh-my-design/web/src/app/layout.tsx +0 -229
- package/.opencode/oh-my-design/web/src/app/page.tsx +0 -50
- package/.opencode/oh-my-design/web/src/app/playground/page.tsx +0 -81
- package/.opencode/oh-my-design/web/src/app/playground/playground-view.tsx +0 -436
- package/.opencode/oh-my-design/web/src/app/qa-references/page.tsx +0 -233
- package/.opencode/oh-my-design/web/src/app/r/[id]/route.ts +0 -57
- package/.opencode/oh-my-design/web/src/app/reference/[id]/page.tsx +0 -152
- package/.opencode/oh-my-design/web/src/app/result/[typeCode]/layout.tsx +0 -70
- package/.opencode/oh-my-design/web/src/app/result/[typeCode]/page.tsx +0 -280
- package/.opencode/oh-my-design/web/src/app/robots.ts +0 -44
- package/.opencode/oh-my-design/web/src/app/sitemap.ts +0 -156
- package/.opencode/oh-my-design/web/src/app/what-is-design-md/page.tsx +0 -308
- package/.opencode/oh-my-design/web/src/components/ab-picker.tsx +0 -74
- package/.opencode/oh-my-design/web/src/components/analytics-init.tsx +0 -21
- package/.opencode/oh-my-design/web/src/components/brand-logo.tsx +0 -101
- package/.opencode/oh-my-design/web/src/components/browse-modal.tsx +0 -149
- package/.opencode/oh-my-design/web/src/components/component-modal.tsx +0 -108
- package/.opencode/oh-my-design/web/src/components/content-preview-modal.tsx +0 -213
- package/.opencode/oh-my-design/web/src/components/customizer.tsx +0 -641
- package/.opencode/oh-my-design/web/src/components/design-wizard.tsx +0 -691
- package/.opencode/oh-my-design/web/src/components/ds-card.tsx +0 -162
- package/.opencode/oh-my-design/web/src/components/export-panel.tsx +0 -162
- package/.opencode/oh-my-design/web/src/components/font-card.tsx +0 -121
- package/.opencode/oh-my-design/web/src/components/font-playground/color-palette.tsx +0 -86
- package/.opencode/oh-my-design/web/src/components/font-playground/detail-modal.tsx +0 -789
- package/.opencode/oh-my-design/web/src/components/font-playground/filter-bar.tsx +0 -192
- package/.opencode/oh-my-design/web/src/components/font-playground/font-tile.tsx +0 -92
- package/.opencode/oh-my-design/web/src/components/font-playground/gallery.tsx +0 -42
- package/.opencode/oh-my-design/web/src/components/font-playground/hero-entry.tsx +0 -150
- package/.opencode/oh-my-design/web/src/components/font-playground/labels.ts +0 -18
- package/.opencode/oh-my-design/web/src/components/font-playground/match-results.tsx +0 -486
- package/.opencode/oh-my-design/web/src/components/font-playground/my-fonts.tsx +0 -315
- package/.opencode/oh-my-design/web/src/components/font-playground/preview-templates.tsx +0 -395
- package/.opencode/oh-my-design/web/src/components/font-playground/sample-input.tsx +0 -30
- package/.opencode/oh-my-design/web/src/components/font-playground/script-toggle.tsx +0 -73
- package/.opencode/oh-my-design/web/src/components/font-playground/usage-guide.tsx +0 -172
- package/.opencode/oh-my-design/web/src/components/install-cta.tsx +0 -133
- package/.opencode/oh-my-design/web/src/components/landing-v2/hero.tsx +0 -459
- package/.opencode/oh-my-design/web/src/components/landing-v2/live-proof.tsx +0 -464
- package/.opencode/oh-my-design/web/src/components/landing-v2/nav.tsx +0 -126
- package/.opencode/oh-my-design/web/src/components/landing-v2/sections.tsx +0 -1166
- package/.opencode/oh-my-design/web/src/components/landing-v2/the-wall.tsx +0 -332
- package/.opencode/oh-my-design/web/src/components/landing-v2/tokens.ts +0 -33
- package/.opencode/oh-my-design/web/src/components/markdown.tsx +0 -168
- package/.opencode/oh-my-design/web/src/components/playground/actions-header.tsx +0 -28
- package/.opencode/oh-my-design/web/src/components/playground/contrast-badge.tsx +0 -112
- package/.opencode/oh-my-design/web/src/components/playground/controls/category-section.tsx +0 -50
- package/.opencode/oh-my-design/web/src/components/playground/controls/color-picker.tsx +0 -116
- package/.opencode/oh-my-design/web/src/components/playground/controls/density-picker.tsx +0 -56
- package/.opencode/oh-my-design/web/src/components/playground/controls/mood-picker.tsx +0 -53
- package/.opencode/oh-my-design/web/src/components/playground/controls/motion-picker.tsx +0 -62
- package/.opencode/oh-my-design/web/src/components/playground/controls/name-description.tsx +0 -55
- package/.opencode/oh-my-design/web/src/components/playground/controls/palette-grid.tsx +0 -111
- package/.opencode/oh-my-design/web/src/components/playground/controls/personas-picker.tsx +0 -85
- package/.opencode/oh-my-design/web/src/components/playground/controls/radius-picker.tsx +0 -48
- package/.opencode/oh-my-design/web/src/components/playground/controls/voice-picker.tsx +0 -120
- package/.opencode/oh-my-design/web/src/components/playground/controls/weight-picker.tsx +0 -48
- package/.opencode/oh-my-design/web/src/components/playground/export-box.tsx +0 -120
- package/.opencode/oh-my-design/web/src/components/playground/header.tsx +0 -71
- package/.opencode/oh-my-design/web/src/components/playground/layout.tsx +0 -50
- package/.opencode/oh-my-design/web/src/components/playground/mobile-drawer.tsx +0 -78
- package/.opencode/oh-my-design/web/src/components/playground/mood-override-badge.tsx +0 -40
- package/.opencode/oh-my-design/web/src/components/playground/preview-pane.tsx +0 -82
- package/.opencode/oh-my-design/web/src/components/playground/primitives-strip.tsx +0 -153
- package/.opencode/oh-my-design/web/src/components/playground/reference-picker-modal.tsx +0 -146
- package/.opencode/oh-my-design/web/src/components/playground/share-button.tsx +0 -42
- package/.opencode/oh-my-design/web/src/components/playground/start-from.tsx +0 -90
- package/.opencode/oh-my-design/web/src/components/preview-export-view.tsx +0 -205
- package/.opencode/oh-my-design/web/src/components/preview.tsx +0 -869
- package/.opencode/oh-my-design/web/src/components/reference-preview.tsx +0 -1187
- package/.opencode/oh-my-design/web/src/components/reference-selector.tsx +0 -671
- package/.opencode/oh-my-design/web/src/components/scroll-to-top.tsx +0 -41
- package/.opencode/oh-my-design/web/src/components/status-badge.tsx +0 -64
- package/.opencode/oh-my-design/web/src/components/survey/company-mini-ui.tsx +0 -669
- package/.opencode/oh-my-design/web/src/components/survey/install-cta.tsx +0 -80
- package/.opencode/oh-my-design/web/src/components/survey/mood-step.tsx +0 -260
- package/.opencode/oh-my-design/web/src/components/survey/quiz-wizard.tsx +0 -528
- package/.opencode/oh-my-design/web/src/components/survey/result-card.tsx +0 -242
- package/.opencode/oh-my-design/web/src/components/survey/share-buttons.tsx +0 -320
- package/.opencode/oh-my-design/web/src/components/survey/survey-wizard.tsx +0 -661
- package/.opencode/oh-my-design/web/src/components/survey/typography-step.tsx +0 -192
- package/.opencode/oh-my-design/web/src/components/theme-provider.tsx +0 -12
- package/.opencode/oh-my-design/web/src/components/ui/badge.tsx +0 -52
- package/.opencode/oh-my-design/web/src/components/ui/button.tsx +0 -58
- package/.opencode/oh-my-design/web/src/components/ui/card.tsx +0 -103
- package/.opencode/oh-my-design/web/src/components/ui/dialog.tsx +0 -160
- package/.opencode/oh-my-design/web/src/components/ui/input.tsx +0 -20
- package/.opencode/oh-my-design/web/src/components/ui/label.tsx +0 -20
- package/.opencode/oh-my-design/web/src/components/ui/radio-group.tsx +0 -38
- package/.opencode/oh-my-design/web/src/components/ui/scroll-area.tsx +0 -55
- package/.opencode/oh-my-design/web/src/components/ui/select.tsx +0 -201
- package/.opencode/oh-my-design/web/src/components/ui/separator.tsx +0 -25
- package/.opencode/oh-my-design/web/src/components/ui/sheet.tsx +0 -138
- package/.opencode/oh-my-design/web/src/components/ui/slider.tsx +0 -52
- package/.opencode/oh-my-design/web/src/components/ui/switch.tsx +0 -32
- package/.opencode/oh-my-design/web/src/components/ui/tabs.tsx +0 -82
- package/.opencode/oh-my-design/web/src/components/ui/tooltip.tsx +0 -66
- package/.opencode/oh-my-design/web/src/data/faq.ts +0 -81
- package/.opencode/oh-my-design/web/src/data/registry.generated.ts +0 -304
- package/.opencode/oh-my-design/web/src/data/version.generated.ts +0 -2
- package/.opencode/oh-my-design/web/src/lib/changelog.ts +0 -96
- package/.opencode/oh-my-design/web/src/lib/collections.ts +0 -252
- package/.opencode/oh-my-design/web/src/lib/contrast.ts +0 -40
- package/.opencode/oh-my-design/web/src/lib/core/builder-prompt.test.ts +0 -100
- package/.opencode/oh-my-design/web/src/lib/core/builder-prompt.ts +0 -102
- package/.opencode/oh-my-design/web/src/lib/core/color.ts +0 -122
- package/.opencode/oh-my-design/web/src/lib/core/config-hash.test.ts +0 -157
- package/.opencode/oh-my-design/web/src/lib/core/config-hash.ts +0 -133
- package/.opencode/oh-my-design/web/src/lib/core/generate-css.test.ts +0 -813
- package/.opencode/oh-my-design/web/src/lib/core/generate-css.ts +0 -586
- package/.opencode/oh-my-design/web/src/lib/core/survey-hash.test.ts +0 -51
- package/.opencode/oh-my-design/web/src/lib/core/survey-hash.ts +0 -56
- package/.opencode/oh-my-design/web/src/lib/core/types.ts +0 -37
- package/.opencode/oh-my-design/web/src/lib/design-systems.ts +0 -102
- package/.opencode/oh-my-design/web/src/lib/extract-components.test.ts +0 -116
- package/.opencode/oh-my-design/web/src/lib/extract-tokens.test.ts +0 -202
- package/.opencode/oh-my-design/web/src/lib/extract-tokens.ts +0 -1335
- package/.opencode/oh-my-design/web/src/lib/font-registry.ts +0 -376
- package/.opencode/oh-my-design/web/src/lib/fonts/analytics.test.ts +0 -194
- package/.opencode/oh-my-design/web/src/lib/fonts/analytics.ts +0 -234
- package/.opencode/oh-my-design/web/src/lib/fonts/catalog.ts +0 -1509
- package/.opencode/oh-my-design/web/src/lib/fonts/designmd-export.ts +0 -104
- package/.opencode/oh-my-design/web/src/lib/fonts/loaders.test.ts +0 -169
- package/.opencode/oh-my-design/web/src/lib/fonts/loaders.ts +0 -90
- package/.opencode/oh-my-design/web/src/lib/fonts/match-intent.test.ts +0 -93
- package/.opencode/oh-my-design/web/src/lib/fonts/match-intent.ts +0 -288
- package/.opencode/oh-my-design/web/src/lib/fonts/preview-contexts.ts +0 -124
- package/.opencode/oh-my-design/web/src/lib/fonts/rate-limit.ts +0 -43
- package/.opencode/oh-my-design/web/src/lib/fonts/saved-store.ts +0 -113
- package/.opencode/oh-my-design/web/src/lib/fonts/share-link.test.ts +0 -101
- package/.opencode/oh-my-design/web/src/lib/fonts/share-link.ts +0 -52
- package/.opencode/oh-my-design/web/src/lib/fonts/similarity.ts +0 -106
- package/.opencode/oh-my-design/web/src/lib/fonts/tweaks.test.ts +0 -213
- package/.opencode/oh-my-design/web/src/lib/fonts/tweaks.ts +0 -186
- package/.opencode/oh-my-design/web/src/lib/fonts/types.ts +0 -96
- package/.opencode/oh-my-design/web/src/lib/gtag.ts +0 -64
- package/.opencode/oh-my-design/web/src/lib/hot-refs.ts +0 -41
- package/.opencode/oh-my-design/web/src/lib/kv.ts +0 -30
- package/.opencode/oh-my-design/web/src/lib/logos.ts +0 -39
- package/.opencode/oh-my-design/web/src/lib/new-refs.ts +0 -30
- package/.opencode/oh-my-design/web/src/lib/playground/codec.ts +0 -34
- package/.opencode/oh-my-design/web/src/lib/playground/defaults.ts +0 -56
- package/.opencode/oh-my-design/web/src/lib/playground/generate.ts +0 -384
- package/.opencode/oh-my-design/web/src/lib/playground/palettes.ts +0 -259
- package/.opencode/oh-my-design/web/src/lib/playground/rules/density.ts +0 -59
- package/.opencode/oh-my-design/web/src/lib/playground/rules/mood.ts +0 -82
- package/.opencode/oh-my-design/web/src/lib/playground/rules/motion.ts +0 -71
- package/.opencode/oh-my-design/web/src/lib/playground/rules/personality.ts +0 -93
- package/.opencode/oh-my-design/web/src/lib/playground/rules/philosophy.ts +0 -270
- package/.opencode/oh-my-design/web/src/lib/playground/rules/radius.ts +0 -54
- package/.opencode/oh-my-design/web/src/lib/playground/rules/weight.ts +0 -41
- package/.opencode/oh-my-design/web/src/lib/playground/samples.ts +0 -280
- package/.opencode/oh-my-design/web/src/lib/playground/state.ts +0 -194
- package/.opencode/oh-my-design/web/src/lib/search-aliases.ts +0 -213
- package/.opencode/oh-my-design/web/src/lib/survey/profiles.generated.ts +0 -1143
- package/.opencode/oh-my-design/web/src/lib/survey/quiz-data.test.ts +0 -102
- package/.opencode/oh-my-design/web/src/lib/survey/quiz-data.ts +0 -571
- package/.opencode/oh-my-design/web/src/lib/survey/scoring.test.ts +0 -111
- package/.opencode/oh-my-design/web/src/lib/survey/scoring.ts +0 -146
- package/.opencode/oh-my-design/web/src/lib/survey/types.test.ts +0 -153
- package/.opencode/oh-my-design/web/src/lib/survey/types.ts +0 -604
- package/.opencode/oh-my-design/web/src/lib/utils.ts +0 -6
- package/.opencode/oh-my-design/web/src/styles/shadcn.css +0 -95
- package/.opencode/oh-my-design/web/src/styles/tw-animate.css +0 -1
- package/.opencode/oh-my-design/web/src/types/gtag.d.ts +0 -3
- package/.opencode/oh-my-design/web/tsconfig.json +0 -34
- package/.opencode/oh-my-design/web/vitest.config.ts +0 -14
- package/.utils/docs_opencode/acp.md +0 -165
- package/.utils/docs_opencode/acp.pdf +0 -0
- package/.utils/docs_opencode/agents.md +0 -803
- package/.utils/docs_opencode/agents.pdf +0 -0
- package/.utils/docs_opencode/commands.md +0 -354
- package/.utils/docs_opencode/commands.pdf +0 -0
- package/.utils/docs_opencode/custom-tools.md +0 -209
- package/.utils/docs_opencode/custom-tools.pdf +0 -0
- package/.utils/docs_opencode/ecosystem.md +0 -81
- package/.utils/docs_opencode/ecosystem.pdf +0 -0
- package/.utils/docs_opencode/formatters.md +0 -142
- package/.utils/docs_opencode/formatters.pdf +0 -0
- package/.utils/docs_opencode/keybinds.md +0 -205
- package/.utils/docs_opencode/keybinds.pdf +0 -0
- package/.utils/docs_opencode/lsp.md +0 -202
- package/.utils/docs_opencode/lsp.pdf +0 -0
- package/.utils/docs_opencode/mcp-servers.md +0 -565
- package/.utils/docs_opencode/mcp-servers.pdf +0 -0
- package/.utils/docs_opencode/models.md +0 -234
- package/.utils/docs_opencode/models.pdf +0 -0
- package/.utils/docs_opencode/permissions.md +0 -248
- package/.utils/docs_opencode/permissions.pdf +0 -0
- package/.utils/docs_opencode/plugins.md +0 -409
- package/.utils/docs_opencode/plugins.pdf +0 -0
- package/.utils/docs_opencode/rules.md +0 -189
- package/.utils/docs_opencode/rules.pdf +0 -0
- package/.utils/docs_opencode/sdk.md +0 -522
- package/.utils/docs_opencode/sdk.pdf +0 -0
- package/.utils/docs_opencode/server.md +0 -324
- package/.utils/docs_opencode/server.pdf +0 -0
- package/.utils/docs_opencode/skills.md +0 -235
- package/.utils/docs_opencode/skills.pdf +0 -0
- package/.utils/docs_opencode/themes.md +0 -378
- package/.utils/docs_opencode/themes.pdf +0 -0
- package/.utils/docs_opencode/tools.md +0 -364
- package/.utils/docs_opencode/tools.pdf +0 -0
- package/.utils/zugzweb/client/node_modules/.tmp/tsconfig.app.tsbuildinfo +0 -1
- package/.utils/zugzweb/client/node_modules/.tmp/tsconfig.node.tsbuildinfo +0 -1
- package/.utils/zugzweb/client/node_modules/nanoid/.claude/settings.local.json +0 -14
- package/.utils/zugzweb/client/package-lock.json +0 -3707
|
@@ -1,304 +0,0 @@
|
|
|
1
|
-
/* AUTOGENERATED by web/scripts/build-registry.mjs — do not edit.
|
|
2
|
-
*
|
|
3
|
-
* Single source of truth for all references. Schema lives in the
|
|
4
|
-
* frontmatter of references/<id>/DESIGN.md. Run `npm run build-registry`
|
|
5
|
-
* after editing any DESIGN.md to regenerate this file. The catalog-integrity
|
|
6
|
-
* vitest plus the pre-commit hook will guard against drift.
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
export interface RefEntry {
|
|
10
|
-
readonly id: string;
|
|
11
|
-
readonly name: string;
|
|
12
|
-
readonly displayName: string;
|
|
13
|
-
readonly country: 'KR' | 'US' | 'JP' | 'TW' | 'CN' | 'UK' | 'DE' | 'FR' | 'IT';
|
|
14
|
-
readonly category: string;
|
|
15
|
-
readonly homepage: string;
|
|
16
|
-
readonly primaryColor: string;
|
|
17
|
-
readonly logo: { readonly type: 'favicon' | 'simpleicons' | 'github'; readonly slug: string };
|
|
18
|
-
readonly verified: string;
|
|
19
|
-
readonly added?: string;
|
|
20
|
-
readonly tokens?: {
|
|
21
|
-
readonly source?: 'live-extract' | 'design-system' | 'manual' | 'reconciled' | 'prose-derived';
|
|
22
|
-
readonly extracted?: string;
|
|
23
|
-
readonly note?: string;
|
|
24
|
-
readonly components_harvested?: boolean;
|
|
25
|
-
readonly colors?: Readonly<Record<string, string>>;
|
|
26
|
-
readonly typography?: Readonly<Record<string, unknown>>;
|
|
27
|
-
readonly rounded?: Readonly<Record<string, number>>;
|
|
28
|
-
// legacy aliases (pre-getdesign.md naming) — still accepted
|
|
29
|
-
readonly color?: Readonly<Record<string, string>>;
|
|
30
|
-
readonly font?: Readonly<Record<string, string>>;
|
|
31
|
-
readonly text?: Readonly<Record<string, { readonly size?: number; readonly weight?: number; readonly lineHeight?: number; readonly tracking?: number }>>;
|
|
32
|
-
readonly spacing?: readonly number[] | Readonly<Record<string, number>>;
|
|
33
|
-
readonly radius?: Readonly<Record<string, number>>;
|
|
34
|
-
readonly shadow?: Readonly<Record<string, string>>;
|
|
35
|
-
// Flat string (legacy/summary) OR structured object (getdesign-aligned
|
|
36
|
-
// component tokens: { type, bg, fg, radius, padding, height, … }).
|
|
37
|
-
readonly components?: Readonly<Record<string, string | Readonly<Record<string, unknown>>>>;
|
|
38
|
-
};
|
|
39
|
-
readonly ds?: {
|
|
40
|
-
readonly name: string;
|
|
41
|
-
readonly url: string;
|
|
42
|
-
readonly type: 'system' | 'brand';
|
|
43
|
-
readonly description: string;
|
|
44
|
-
readonly ogImage?: string;
|
|
45
|
-
};
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
export const REGISTRY: readonly RefEntry[] = [
|
|
49
|
-
{ id: "11st", name: "11st", displayName: "11st", country: "KR", category: "e-commerce", homepage: "https://www.11st.co.kr", primaryColor: "#ff0038", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=11st.co.kr&sz=128" }, verified: "2026-06-09", added: "2026-06-09", tokens: {"source":"live-extract","extracted":"2026-06-09","components_harvested":true,"colors":{"primary":"#ff0038","accent-discount":"#f43142","canvas":"#ffffff","heading":"#111111","body":"#666666","muted":"#a9a9a9","on-primary":"#ffffff","hairline":"#eeeeee","ink":"#000000"},"typography":{"family":{"sans":"Noto Sans KR","fallback":"Apple SD Gothic Neo, Malgun Gothic, sans-serif"},"price-hero":{"size":24,"weight":700,"lineHeight":1.2,"tracking":0,"use":"Discount price, the largest emphasis unit on a product card"},"search-input":{"size":16,"weight":400,"lineHeight":1.3,"tracking":0,"use":"Global search field text and active search tab label"},"price-base":{"size":16,"weight":400,"lineHeight":1.3,"tracking":0,"use":"Standard price figure, sub-amounts"},"body":{"size":14,"weight":400,"lineHeight":1.5,"tracking":0,"use":"Default reading text, links, nav, labels"},"heading":{"size":14,"weight":700,"lineHeight":1.5,"tracking":0,"use":"Section heads, h1/h2, strong labels"},"caption":{"size":13,"weight":400,"lineHeight":1.4,"tracking":0,"use":"Strikethrough original price, metadata, fine print"},"micro":{"size":11,"weight":400,"lineHeight":1.4,"tracking":0,"use":"Unit suffix, badge digits, tiny labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":40},"rounded":{"sm":4,"md":8,"lg":25,"full":9999},"shadow":{"none":"none","ambient":"rgba(0,0,0,0.06) 0px 2px 8px","elevated":"rgba(0,0,0,0.12) 0px 6px 16px"},"components":{"button-primary":{"type":"button","bg":"#ff0038","fg":"#ffffff","radius":"4px","padding":"12px 24px","font":"16px / 700","use":"Primary commerce CTA (구매하기/장바구니), brand red on white"},"button-ghost":{"type":"button","bg":"#ffffff","fg":"#111111","radius":"4px","padding":"10px 20px","font":"14px / 400","use":"Secondary action, 1px #eeeeee border"},"search-tab":{"type":"tab","fg":"#111111","radius":"25px","padding":"0px 20px 2px","font":"16px / 400","active":"active label #ff0038, rounded 25px pill seat","use":"Integrated search-scope selector (통합검색/아마존)"},"input-search":{"type":"input","bg":"#ffffff","fg":"#666666","radius":"4px","padding":"0px 12px","font":"16px / 400","use":"Global search field, hairline #eeeeee underline/border"},"card-product":{"type":"card","bg":"#ffffff","fg":"#111111","radius":"8px","use":"Product tile, 1px #eeeeee border, ambient shadow on hover"},"badge-discount":{"type":"badge","bg":"#ffffff","fg":"#f43142","radius":"4px","padding":"1px 6px","font":"11px / 700","use":"Discount-rate flag (13%할인), red figure on white"},"price-discount":{"type":"badge","bg":"#ffffff","fg":"#111111","radius":"4px","padding":"0px","font":"24px / 700","use":"Final discount price, the loudest type on a card"},"price-original":{"type":"badge","bg":"#ffffff","fg":"#a9a9a9","radius":"4px","padding":"0px","font":"13px / 400","use":"Strikethrough original price (판매가)"},"listItem-nav":{"type":"listItem","bg":"#ffffff","fg":"#666666","radius":"0px","padding":"0px 12px","font":"14px / 400","use":"GNB / category nav row, #111111 on hover"}}} },
|
|
50
|
-
{ id: "17live", name: "17LIVE", displayName: "17LIVE", country: "TW", category: "consumer-tech", homepage: "https://17.live", primaryColor: "#FF4F6E", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=17.live&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"primary = 17 Pink #FF4F6E; dark-stage palette and non-primary hexes are grounded approximations pending live re-inspection (see §2 note)","colors":{"primary":"#FF4F6E","primary-hover":"#E8455F","canvas":"#121212","surface-1":"#1C1C1E","surface-2":"#2C2C2E","foreground":"#FFFFFF","on-primary":"#FFFFFF","rank-gold":"#FFC83D","vip-purple":"#8B5CF6","success":"#27C76F","warning":"#F5A623","error":"#FF453A"},"typography":{"family":{"default":"-apple-system, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif","tc":"\"PingFang TC\", \"Microsoft JhengHei\", sans-serif","jp":"\"Hiragino Kaku Gothic Pro\", \"Meiryo\", sans-serif","sc":"\"PingFang SC\", \"Microsoft YaHei\", sans-serif"},"micro":{"size":11,"weight":700,"use":"Viewer count, LIVE badge, gamified numbers"},"caption":{"size":12,"weight":400,"use":"Chat meta, captions, metadata"},"body":{"size":14,"weight":400,"use":"Chat message, body text"},"liver-name":{"size":16,"weight":700,"use":"LIVER name, list title, key labels"},"section":{"size":20,"weight":600,"use":"Section heading, tab labels"},"hero":{"size":28,"weight":700,"use":"Hero / spotlight headline"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24},"rounded":{"sm":4,"md":12,"lg":24,"full":9999},"shadow":{"sheet":"soft top shadow over rgba(0,0,0,0.5) scrim"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#FF4F6E","fg":"#FFFFFF","radius":"24px","padding":"12px 24px","font":"16px / 700","states":"pressed #E8455F","use":"GO LIVE, primary CTAs, sign-up"},"button-follow":{"type":"button","bg":"#FF4F6E","fg":"#FFFFFF","radius":"16px","padding":"6px 16px","font":"14px / 600","states":"following → transparent + 1px rgba(255,255,255,0.3), fg rgba(255,255,255,0.7)","use":"Follow / Following toggle"},"button-secondary":{"type":"button","bg":"transparent","fg":"#FFFFFF","border":"1px solid rgba(255,255,255,0.3)","radius":"24px","padding":"12px 24px","font":"16px / 600","use":"Secondary actions, Maybe later"},"button-gift":{"type":"button","bg":"#FF4F6E → #FF2D8E gradient","fg":"#FFFFFF","radius":"20px","use":"Send-gift — highest-energy transaction"},"input":{"type":"input","bg":"#2C2C2E","fg":"#FFFFFF","radius":"12px","padding":"12px 16px","focus":"1px solid #FF4F6E","use":"Search, login, profile; placeholder rgba(255,255,255,0.45)"},"chat-input":{"type":"input","bg":"#2C2C2E","radius":"24px","use":"Live-chat composer overlay, trailing pink #FF4F6E send icon"},"stream-card":{"type":"card","radius":"12px","use":"Discover grid — thumbnail + rgba(0,0,0,0.5) bottom gradient, LIVE badge + viewer count + LIVER name"},"card":{"type":"card","bg":"#1C1C1E","radius":"12px","padding":"12px","use":"LIVER lists, ranking rows, fan-club cards"},"badge-live":{"type":"badge","bg":"#FF4F6E","fg":"#FFFFFF","radius":"4px","padding":"2px 6px","font":"11px / 700","use":"Live-now indicator (or #27C76F dot)"},"badge-rank":{"type":"badge","bg":"#FFC83D","fg":"#121212","radius":"50%","use":"Leaderboard / top-fan #1 status"},"avatar":{"type":"avatar","radius":"50%","use":"LIVER and viewer avatars, optional pink/gradient ring for live or VIP"},"tab-bar":{"type":"tab","use":"Bottom tab bar; center GO LIVE elevated pink","active":"#FF4F6E label","states":"inactive rgba(255,255,255,0.45)"}}} },
|
|
51
|
-
{ id: "29cm", name: "29CM", displayName: "29CM", country: "KR", category: "ecommerce", homepage: "https://www.29cm.co.kr", primaryColor: "#000000", logo: { type: "favicon", slug: "https://asset.29cm.co.kr/icon/apple-icon-144x144.png" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"monochrome system — brand 'color' is the absence of color; #000 ink on #fff, single muted grey, sale-red badge-only accent","colors":{"primary":"#000000","foreground":"#000000","body":"#000000","canvas":"#ffffff","background":"#ffffff","on-primary":"#ffffff","hairline":"#c4c4c4","border":"#c4c4c4","sale":"#ff0066","error":"#ff003c","skeleton":"#f5f5f5"},"typography":{"family":{"sans":"Pretendard Variable"},"section-headline":{"size":30,"weight":700,"lineHeight":1.13,"use":"Special-Order / 29Magazine section headlines, lowercase-English / mixed Korean editorial"},"sub-headline":{"size":24,"weight":700,"lineHeight":1.21,"use":"Smaller category nav items"},"card-title":{"size":22,"weight":700,"lineHeight":1.36,"use":"Signature editorial card title — PT subjects, themed collections"},"card-body":{"size":15,"weight":400,"lineHeight":1.5,"use":"Card descriptions, editorial blurbs"},"nav-link":{"size":16,"weight":200,"use":"Primary nav link — 200 inactive, 800 active BEST/current section"},"floating-cta":{"size":15,"weight":400,"use":"FAQ / 1:1 문의 — black bg, white text, 2px radius"},"ghost-cta":{"size":14,"weight":700,"use":"더보기 — white bg, 1px #c4c4c4 border"},"footer-heading":{"size":13,"weight":700,"lineHeight":1.4,"use":"Caps Latin section labels — NOTICE, ABOUT US, MY ORDER, HELP"},"product-name":{"size":12,"weight":400,"lineHeight":1.36,"use":"Card product name, restrained, under the image"},"product-price":{"size":12,"weight":700,"lineHeight":1.36,"use":"Card price — same size as name, never dominates"},"price-caption":{"size":12,"weight":400,"lineHeight":1.36,"use":"옵션비 별도 in muted grey"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"page":20,"lg":24,"xl":32,"margin":48},"rounded":{"sm":2,"md":4},"shadow":{"flat":"none — depth comes from photography on white, not box-shadow","inverted":"#000000 background on #ffffff page — elevation by colour inversion"},"components_harvested":true,"components":{"ghost-outline":{"type":"button","bg":"#ffffff","fg":"#000000","radius":4,"padding":"52px height","font":"14px/700","use":"workhorse 더보기 CTA, 1px solid #c4c4c4 border"},"inverted-solid":{"type":"button","bg":"#000000","fg":"#ffffff","radius":2,"padding":"31px height","font":"15px/400","use":"floating FAQ / 1:1 문의 help control"},"editorial-tile":{"type":"card","bg":"#ffffff","radius":0,"font":"22px/700 title + 15px/400 body","use":"full-bleed editorial image, no border, no shadow"},"product-card":{"type":"card","bg":"#ffffff","radius":0,"font":"12px/400 name, 12px/700 price","use":"card name then price (#ff0066 if on sale); caption in muted grey"},"sale-pill":{"type":"badge","fg":"#ff0066","radius":0,"font":"12px/700","use":"percent-off badge only"}}} },
|
|
52
|
-
{ id: "3o3", name: "3o3", displayName: "삼쩜삼", country: "KR", category: "fintech", homepage: "https://3o3.co.kr", primaryColor: "#0c64e6", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=app.3o3.co.kr&sz=256" }, verified: "2026-06-10", added: "2026-06-10", tokens: {"source":"reconciled","extracted":"2026-06-10","note":"primary = SZS Blue (#0c64e6) sampled from official brand-center swatch images; funnel landing runs its own lighter CTA pair (#fbbd41 yellow / #3e79ff blue); app/corporate ink = #141618 on Pretendard.","colors":{"primary":"#0c64e6","navy":"#023266","amber":"#fea800","sky-tint":"#f3f9ff","link":"#006efa","cta-yellow":"#fbbd41","cta-blue":"#3e79ff","cta-dark":"#2f3943","dark-section":"#283240","kakao":"#fae100","ink":"#141618","ink-pure":"#000000","body-sub":"#606a76","muted":"#a4acb4","muted-alt":"#788391","surface":"#f5f6f8","surface-soft":"#fafbfc","chip":"#f0f1f2","tint-blue":"#f3f6ff","canvas":"#ffffff"},"typography":{"family":{"en-display":"Poppins","kr":"Pretendard","funnel":"Noto Sans KR"},"display":{"size":36,"weight":700,"lineHeight":1.5,"use":"Corporate hero / section headlines, Pretendard"},"heading-en":{"size":32,"weight":700,"lineHeight":1,"use":"Brand-center page titles, Poppins"},"lead":{"size":28,"weight":500,"lineHeight":1.4,"use":"Mission-statement lead line"},"subsection":{"size":24,"weight":700,"lineHeight":1.5,"use":"Service card titles, EN subsection heads"},"body-lg":{"size":20,"weight":500,"lineHeight":1.4,"use":"Sub-lead, supporting descriptions"},"button":{"size":18,"weight":500,"lineHeight":1.22,"use":"Funnel CTA label, Noto Sans KR"},"body":{"size":16,"weight":500,"lineHeight":1.6,"use":"Standard reading text, Pretendard"},"button-app":{"size":16,"weight":700,"lineHeight":1.5,"use":"App CTA label (Kakao login)"},"caption":{"size":12,"weight":500,"lineHeight":1.5,"use":"Compliance footnotes, disclosures"},"chip":{"size":12,"weight":700,"lineHeight":1.5,"use":"Info chip label"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":80},"rounded":{"sm":7,"md":10,"lg":16,"xl":18,"full":9999},"shadow":{"none":"none"},"components":{"cta-yellow":{"type":"button","bg":"#fbbd41","fg":"#000000","radius":"7px","height":"61px","font":"18px / 500","use":"Funnel primary CTA — 내 환급금 조회하기"},"cta-blue":{"type":"button","bg":"#3e79ff","fg":"#ffffff","radius":"7px","height":"61px","font":"18px / 500","use":"Funnel trust-framed CTA — 안전하게 환급 신청하기"},"cta-dark":{"type":"button","bg":"#2f3943","fg":"#ffffff","radius":"7px","height":"61px","font":"18px / 500","use":"Funnel eligibility CTA — 대상자 여부 확인하기"},"button-kakao":{"type":"button","bg":"#fae100","fg":"#141618","radius":"18px","height":"56px","padding":"0 16px","font":"16px / 700","use":"App login — 카카오 계정으로 계속하기"},"chip-basis":{"type":"badge","bg":"#f0f1f2","fg":"#788391","radius":"10px","height":"33px","padding":"0 12px","font":"12px / 700","use":"Info chip — 예상 환급액을 계산하는 기준"},"card-tint":{"type":"card","bg":"#f3f6ff","fg":"#141618","use":"Tinted info band on funnel landing"},"card-soft":{"type":"card","bg":"#fafbfc","fg":"#141618","use":"Soft grey canvas section (brand center, landing)"},"footer-disclosure":{"type":"listItem","fg":"#a4acb4","font":"12px / 500","use":"Compliance footnote list under the fold"}},"components_harvested":true} },
|
|
53
|
-
{ id: "91app", name: "91APP", displayName: "91APP", country: "TW", category: "ecommerce", homepage: "https://www.91app.com", primaryColor: "#061C3D", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=91app.com&sz=128" }, verified: "2026-06-01", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"navy #061C3D is the structural primary (text + headings + primary button); coral #E85040 is the lone action accent, kept rare","colors":{"primary":"#061C3D","brand":"#061C3D","foreground":"#061C3D","body":"#061C3D","heading":"#061C3D","accent":"#E85040","error":"#CB200E","muted":"#F7F6FB","canvas":"#FFFFFF","on-primary":"#FFFFFF"},"typography":{"family":{"sans":"Noto Sans TC","fallback":"Helvetica"},"hero":{"size":44,"weight":700,"use":"Top-of-page hero heading in structural navy, carries brand authority"},"body":{"size":16,"weight":400,"use":"Standard reading text, calm and scannable"},"button":{"size":16,"weight":600,"use":"Primary / neutral button label"},"button-accent":{"size":16,"weight":500,"use":"Coral CTA label"}},"spacing":{"sm":8,"base":16,"lg":24,"xl":32},"rounded":{"sm":3,"lg":16},"shadow":{"flat":"none — separation via color/fill contrast, no literal shadow stacking"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#061C3D","fg":"#FFFFFF","radius":16,"padding":"48px height","font":"16px/600","use":"dominant action"},"button-coral":{"type":"button","bg":"#E85040","fg":"#FFFFFF","radius":16,"padding":"40px height","font":"16px/500","use":"lone decisive accent, kept rare"},"button-neutral":{"type":"button","bg":"#F7F6FB","fg":"#061C3D","radius":3,"padding":"48px height","font":"16px/600","use":"secondary action"},"hero-heading":{"type":"card","fg":"#061C3D","font":"44px/700 Noto Sans TC","use":"top-of-page authority heading"}}} },
|
|
54
|
-
{ id: "abema", name: "ABEMA", displayName: "ABEMA", country: "JP", category: "consumer-tech", homepage: "https://abema.tv", primaryColor: "#ddaa00", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=abema.tv&sz=128" }, verified: "2026-06-10", added: "2026-06-10", tokens: {"source":"live-extract","extracted":"2026-06-10","note":"Token names are verbatim from ABEMA's shipped web-app CSS :root block (--abema-yellow = --color-primary #ddaa00; --color-accent #f0163a LIVE crimson). Canvas is pure black; surfaces ladder #0b0b0b → #171717 → #212121 → #373737. Main app was in a large-scale outage on inspect day; token CSS recovered from the brand's own asset bundle (Wayback 2025-12-31).","colors":{"primary":"#ddaa00","primary-hover":"#dfb015","accent":"#f0163a","accent-hover":"#f34461","green":"#16deb5","green-hover":"#44e5c5","purple":"#a873ff","purple-hover":"#af7eff","ppv-blue":"#02d1d6","coin":"#ffc400","canvas":"#000000","surface":"#171717","surface-sub":"#212121","surface-hover":"#373737","surface-deep":"#0b0b0b","skeleton":"#1c1c1c","foreground":"#e6e6e6","smoke":"#999999","smoke-strong":"#767676","link-hover":"#c5c5c5","hairline":"#333333","pale":"#f5f5f5","on-primary":"#212121","white":"#ffffff"},"typography":{"family":{"sans":"CopyRight (custom webfont) + Hiragino Sans + BIZ UDPGothic","alphanumeric":"Helvetica / Arial","condensed":"Roboto Condensed"},"title-l":{"size":32,"weight":700,"use":"Page titles (--font-size-title-l)"},"title-m":{"size":27,"weight":700,"use":"Section titles (--font-size-title-m)"},"title-s":{"size":22,"weight":700,"use":"Sub-section titles (--font-size-title-s)"},"heading":{"size":24,"weight":700,"lineHeight":1.5,"use":"Status/feature headings (SorryPage h1, --font-size-xxxl)"},"body-lg":{"size":16,"weight":700,"lineHeight":1.5,"use":"Emphasis body, notification text (--font-size-l)"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Standard reading text, button labels (--font-size-m)"},"caption":{"size":12,"weight":700,"lineHeight":1.5,"use":"Tags, badges, meta (--font-size-xs)"},"micro":{"size":10,"weight":700,"use":"Thumbnail labels (--font-size-xxs)"}},"spacing":{"unit":4,"sm":8,"md":12,"base":16,"lg":32,"content-min":724,"content-max":1024,"content-max-vod":1280},"rounded":{"sm":2,"md":4,"lg":8,"xl":12,"full":9999},"shadow":{"floating":"0 2px 16px rgba(0,0,0,.2)","strong":"0 2px 4px rgba(0,0,0,.5)"},"components":{"button-primary":{"type":"button","bg":"#ddaa00","fg":"#212121","radius":"4px","height":"44px","font":"14px / 700","states":"hover #dfb015 · active opacity .7 · disabled opacity .4","use":"Primary CTA (com-a-Button--primary)"},"button-secondary":{"type":"button","bg":"#e6e6e6","fg":"#212121","radius":"4px","height":"44px","font":"14px / 700","hover":"#ffffff","use":"Secondary action"},"button-dark":{"type":"button","bg":"#212121","fg":"#e6e6e6","radius":"4px","height":"44px","font":"14px / 700","hover":"#373737","use":"Tertiary action on dark canvas"},"button-danger":{"type":"button","bg":"#f0163a","fg":"#ffffff","radius":"4px","height":"44px","font":"14px / 700","hover":"#f34461","use":"Destructive / cancel-subscription action"},"badge-live":{"type":"badge","bg":"#f0163a","fg":"#ffffff","radius":"4px","height":"20px","padding":"0 4px","font":"12px / 700","use":"LIVE broadcasting tag on thumbnails (com-BroadcastingTag)"},"input-text":{"type":"input","bg":"#212121","fg":"#e6e6e6","radius":"4px","height":"44px","font":"14px / 400","use":"Dark text field; search variant 46px; placeholder #999999"},"card-floating":{"type":"card","bg":"#212121","radius":"4px","shadow":"0 2px 16px rgba(0,0,0,.2)","use":"Search-suggest panel / floating dropdown card"},"tab-panel":{"type":"tab","active":"bg #212121 + text #e6e6e6","radius":"4px 4px 0 0","height":"44px","use":"Content panel tabs (com-m-TabList)"},"toggle-checkbox":{"type":"toggle","bg":"#ddaa00","border":"1px solid #999999","radius":"2px","height":"20px","use":"Checkbox; checked fills ABEMA yellow"},"toast-notification":{"type":"toast","bg":"#212121","fg":"#e6e6e6","radius":"4px","padding":"12px 16px","font":"16px / 700","use":"Notification block; leading label in #ddaa00"}},"components_harvested":true} },
|
|
55
|
-
{ id: "ably", name: "Ably", displayName: "Ably (에이블리)", country: "KR", category: "ecommerce", homepage: "https://m.a-bly.com", primaryColor: "#fa2e5f", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=a-bly.com&sz=128" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"primary = Ably Pink #FA2E5F; sale/urgency collapses into the brand pink by design. Active states use filled black #222222, not pink.","colors":{"primary":"#FA2E5F","primary-disabled":"#FFC2D2","hot-deal":"#FF2D55","discount":"#F0124B","free-shipping":"#00C8B4","canvas":"#FFFFFF","foreground":"#222222","body":"#333333","secondary":"#666666","muted":"#999999","lightest":"#BBBBBB","on-primary":"#FFFFFF","surface-fill":"#F5F5F5","surface-subtle":"#FAFAFA","hairline":"#EEEEEE","border-subtle":"#F0F0F0","success":"#00C896","error":"#F0124B","info-link":"#2680EB"},"typography":{"family":{"sans":"Pretendard","mono":"SF Mono"},"display":{"size":28,"weight":700,"lineHeight":1.3,"tracking":-0.02,"use":"Hero banners, promo screens"},"heading-lg":{"size":22,"weight":700,"lineHeight":1.36,"tracking":-0.01,"use":"Screen titles, modal headers"},"heading":{"size":18,"weight":700,"lineHeight":1.4,"use":"Section titles in feeds"},"title":{"size":16,"weight":600,"lineHeight":1.44,"use":"Product names in cards"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Description, list rows"},"body-sm":{"size":13,"weight":400,"lineHeight":1.54,"use":"Secondary metadata"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"use":"Timestamps, seller name"},"caption-bold":{"size":12,"weight":700,"lineHeight":1.5,"use":"Badge text (무료배송, 쇼킹딜)"},"micro":{"size":11,"weight":500,"lineHeight":1.45,"use":"Tab bar labels"},"price-sale":{"size":16,"weight":700,"lineHeight":1.3,"use":"Discounted price, #FA2E5F"},"price-strike":{"size":13,"weight":400,"lineHeight":1.3,"use":"Strikethrough comparison, #999999"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32},"rounded":{"sm":4,"md":8,"lg":12,"xl":16,"full":9999},"shadow":{"subtle":"0px 1px 2px rgba(0,0,0,0.04)","standard":"0px 2px 8px rgba(0,0,0,0.08)","elevated":"0px 4px 16px rgba(0,0,0,0.12)","sheet":"0px -4px 16px rgba(0,0,0,0.08)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#FA2E5F","fg":"#FFFFFF","radius":8,"font":"16px/700","use":"52px full-width bottom CTA; disabled #FFC2D2"},"button-secondary":{"type":"button","bg":"#FFFFFF","fg":"#222222","radius":8,"font":"14px/600","use":"secondary action, 1px grey border"},"chip-filter":{"type":"badge","bg":"#FFFFFF","fg":"#333333","radius":9999,"use":"filter chip, 1px grey border; active = #222222 fill, white text"},"badge-free-shipping":{"type":"badge","bg":"#FFFFFF","fg":"#FA2E5F","radius":4,"font":"11px/700","use":"무료배송, 1px #FA2E5F border"},"badge-hot-deal":{"type":"badge","bg":"#FA2E5F","fg":"#FFFFFF","radius":4,"font":"11px/700","use":"쇼킹딜 urgency badge"},"product-card":{"type":"card","bg":"#FFFFFF","radius":4,"use":"1:1 image, top radius, flat (no shadow), #EEEEEE divider"},"tab-bar":{"type":"tab","bg":"#FFFFFF","use":"56px + safe-area, 6 items; inactive #999999; notification dot #FA2E5F","active":"#222222 filled"},"bottom-sheet":{"type":"dialog","bg":"#FFFFFF","radius":16,"use":"top radius, grey handle, sheet shadow over backdrop"}}} },
|
|
56
|
-
{ id: "accupass", name: "Accupass", displayName: "Accupass", country: "TW", category: "consumer-tech", homepage: "https://www.accupass.com", primaryColor: "#00aaf5", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=accupass.com&sz=128" }, verified: "2026-06-10", added: "2026-06-10", tokens: {"source":"live-extract","extracted":"2026-06-10","note":"Blue family is intentionally multi-step: #00aaf5 (category/service accent), #0088d2 (active nav/brand), #2ab3fc (header CTA), #009ce6 (More pill), register CTA runs a #3e97d3→#1074cc gradient. Pink #ff93c2 is the secondary accent for offline-event tags and notices.","colors":{"primary":"#00aaf5","brand":"#0088d2","cta-header":"#2ab3fc","cta-pill":"#009ce6","gradient-start":"#3e97d3","gradient-end":"#1074cc","link-organizer":"#2ea3f2","accent-pink":"#ff93c2","pink-surface":"#ffeef3","canvas":"#ffffff","surface":"#f8fbff","ink":"#212121","heading":"#333333","body":"#757575","muted":"#959ba1","faint":"#b5bac1","hairline":"#d8dde4","footer-dark":"#1a1f23","footer-subtitle":"#6d7278","on-dark":"#f5faff","on-primary":"#ffffff"},"typography":{"family":{"sans":"Noto Sans","fallback":"Microsoft JhengHei"},"event-title":{"size":32,"weight":600,"lineHeight":1.5,"use":"Event detail H1"},"section":{"size":23,"weight":600,"lineHeight":1.5,"use":"Homepage section H2 (Weekly recommend, Popular Events)"},"footer-head":{"size":18,"weight":300,"lineHeight":1.33,"use":"Footer column subtitles"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Default body, nav, buttons, tags"},"body-lg":{"size":16,"weight":400,"lineHeight":1.5,"use":"Event meta rows, calendar link"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"xl":24,"xxl":48},"rounded":{"xs":3,"sm":4,"md":8,"lg":16,"pill":22,"full":100},"shadow":{"card":"rgba(0,0,0,0.1) 0px 2px 8px 0px","tag-tinted":"rgba(0,170,245,0.3) 0px 2px 4px 0px"},"components":{"button-create-event":{"type":"button","bg":"#2ab3fc","fg":"#ffffff","radius":"3px","padding":"6px 11px","height":"31px","font":"14px / 400 Noto Sans","use":"Header 'Create Event' CTA — organizer entry point"},"button-register":{"type":"button","bg":"#1074cc","fg":"#ffffff","radius":"4px","padding":"16px","height":"50px","font":"14px / 600 Noto Sans","use":"Event-page 'Register Now' — rendered as linear-gradient #3e97d3 → #1074cc"},"button-more":{"type":"button","bg":"#009ce6","fg":"#ffffff","radius":"22px","padding":"12px 48px","height":"38px","font":"14px / 700 Noto Sans","use":"Section 'More' pill on homepage"},"button-service":{"type":"button","bg":"#00aaf5","fg":"#f5faff","radius":"8px","padding":"8px","height":"36px","font":"14px / 400 Noto Sans","use":"Footer 'Ask ACCUPASS' support button"},"badge-category-blue":{"type":"badge","bg":"#00aaf5","fg":"#ffffff","radius":"4px","padding":"4px 16px","font":"14px / 400 Noto Sans","shadow":"rgba(0,170,245,0.3) 0px 2px 4px","use":"Event category tag (Learning)"},"badge-category-pink":{"type":"badge","bg":"#ff93c2","fg":"#ffffff","radius":"4px","padding":"4px 16px","font":"14px / 400 Noto Sans","use":"Event type tag (Offline Event)"},"badge-keyword-chip":{"type":"badge","fg":"#959ba1","border":"1px solid #d8dde4","radius":"100px","padding":"8px 16px","font":"14px / 400 Noto Sans","use":"Outlined keyword chips on event page (設計系統, UIUX)"},"card-event":{"type":"card","bg":"#ffffff","radius":"16px","shadow":"rgba(0,0,0,0.1) 0px 2px 8px","use":"Homepage event card; image caps top corners 16px 16px 0 0"},"nav-tab":{"type":"tab","active":"text #0088d2","disabled":"#b5bac1 label","font":"14px / 600 Noto Sans","use":"Homepage channel tabs (Featured Events / Learning / Art / Experience)"}},"components_harvested":true} },
|
|
57
|
-
{ id: "adobe", name: "Adobe", displayName: "Adobe", country: "US", category: "design-tools", homepage: "https://www.adobe.com", primaryColor: "#eb1000", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=adobe.com&sz=128" }, verified: "2026-06-11", added: "2026-06-11", tokens: {"source":"reconciled","extracted":"2026-06-11","note":"primary = Adobe brand red (#eb1000, logo + marketing). Product/commerce interactive accent = Spectrum 2 blue-900 (#3b63fb, live Buy-now CTA + official @adobe/spectrum-tokens v14). Legacy Spectrum 1 accent #0265dc still renders on spectrum.adobe.com docs.","colors":{"primary":"#eb1000","accent":"#3b63fb","accent-link":"#274dea","accent-legacy-s1":"#0265dc","ink":"#131313","heading":"#000000","gray-800":"#292929","body":"#2c2c2c","muted":"#686868","canvas":"#ffffff","surface":"#f8f8f8","surface-tile":"#f3f3f3","hairline":"#dadada","promo-yellow":"#f5c700","success":"#05834e","error":"#d73220","on-primary":"#ffffff"},"typography":{"family":{"sans":"Adobe Clean","display":"Adobe Clean Display","spectrum":"Adobe Clean Spectrum VF","serif":"Adobe Clean Serif","code":"Source Code Pro"},"display-hero":{"size":80,"weight":900,"use":"Homepage hero headlines, Adobe Clean Display Black on dark imagery"},"display-section":{"size":48,"weight":900,"use":"Section headlines and customer-quote pull text"},"page-title":{"size":36,"weight":700,"use":"Commerce page H1 (plans & pricing)"},"card-heading":{"size":24,"weight":900,"use":"Feature/product card heads, Adobe Clean Display Black"},"tab":{"size":18,"weight":600,"use":"Audience tabs on pricing"},"body-lg":{"size":18,"weight":400,"lineHeight":1.5,"use":"Commerce body copy"},"body":{"size":16,"weight":400,"lineHeight":1.25,"use":"Homepage body and card copy"},"button":{"size":14,"weight":700,"use":"Buttons and global nav labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"section":64},"rounded":{"sm":4,"md":8,"lg":16,"full":999},"shadow":{"subtle":"rgba(0,0,0,0.06) 0px 4px 12px","inset-hairline":"rgba(255,255,255,0.11) 0px 0px 0px 1px inset"},"components":{"button-accent":{"type":"button","bg":"#3b63fb","fg":"#ffffff","border":"2px solid #3b63fb","radius":"16px","height":"30px","padding":"3px 16px 4px","font":"15px / 700","use":"Buy now — Spectrum 2 accent CTA on commerce surfaces"},"button-pill-inverse":{"type":"button","bg":"#ffffff","fg":"#000000","border":"1px solid #ffffff","radius":"75px","height":"40px","padding":"0 24px","font":"14px / 700","use":"Free trial pill on dark hero imagery"},"button-outline":{"type":"button","fg":"#292929","border":"2px solid #dadada","radius":"16px","height":"32px","padding":"6px 16px 8px","font":"14px / 700","use":"Sign in — secondary action on light chrome"},"tab-audience":{"type":"tab","active":"text #131313 + bg #f8f8f8","disabled":"#686868 label","radius":"4px 4px 0px 0px","padding":"24px 32px 18px","font":"18px / 600","use":"Individuals / Business audience switcher on pricing"},"card-tile":{"type":"card","bg":"#f3f3f3","fg":"#000000","radius":"16px","use":"Product category tile on homepage"},"nav-link":{"type":"listItem","fg":"#ffffff","font":"14px / 700","use":"Global nav item on dark header"}},"components_harvested":true}, ds: { name: "Spectrum", url: "https://spectrum.adobe.com", type: "system", description: "Adobe's design system. Spectrum 2 (s2.spectrum.adobe.com) is the current generation — blue-900 #3b63fb accent, 16px pill geometry, Adobe Clean Spectrum VF." } },
|
|
58
|
-
{ id: "airbnb", name: "Airbnb", displayName: "Airbnb", country: "US", category: "consumer-tech", homepage: "https://www.airbnb.com", primaryColor: "#ff5a5f", logo: { type: "simpleicons", slug: "airbnb" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"primary = live Rausch Red #ff385c (--palette-bg-primary-core); brand frontmatter primary_color is legacy Rausch #ff5a5f; single brand voltage, photography-first","colors":{"primary":"#ff385c","primary-active":"#e00b41","brand":"#ff5a5f","luxe":"#460479","plus":"#92174d","canvas":"#ffffff","foreground":"#222222","focused":"#3f3f3f","body":"#6a6a6a","muted":"#929292","on-primary":"#ffffff","error":"#c13515","error-hover":"#b32505","link":"#428bff","hairline":"#dddddd","border":"#c1c1c1","surface":"#f2f2f2","placeholder":"#717171","disabled-bg":"#dddddd"},"typography":{"family":{"sans":"Airbnb Cereal VF","fallback":"Circular, -apple-system, system-ui, Roboto, Helvetica Neue"},"section-heading":{"size":28,"weight":700,"lineHeight":1.43,"use":"Primary headings"},"card-heading":{"size":22,"weight":600,"lineHeight":1.18,"tracking":-0.44,"use":"Category / card titles"},"card-heading-medium":{"size":22,"weight":500,"lineHeight":1.18,"tracking":-0.44,"use":"Lighter card-title variant"},"subheading":{"size":21,"weight":700,"lineHeight":1.43,"use":"Bold sub-headings"},"feature-title":{"size":20,"weight":600,"lineHeight":1.2,"tracking":-0.18,"use":"Feature headings"},"ui-medium":{"size":16,"weight":500,"lineHeight":1.25,"use":"Nav, emphasized text"},"ui-semibold":{"size":16,"weight":600,"lineHeight":1.25,"use":"Strong emphasis"},"button":{"size":16,"weight":500,"lineHeight":1.25,"use":"Button labels"},"body":{"size":14,"weight":400,"lineHeight":1.43,"use":"Standard body, links"},"body-medium":{"size":14,"weight":500,"lineHeight":1.29,"use":"Medium body"},"caption-salt":{"size":14,"weight":600,"lineHeight":1.43,"use":"Caption with salt feature"},"small":{"size":13,"weight":400,"lineHeight":1.23,"use":"Descriptions"},"tag":{"size":12,"weight":400,"lineHeight":1.33,"use":"Tags, prices"},"badge":{"size":11,"weight":600,"lineHeight":1.18,"use":"Badge with salt feature"},"micro-uppercase":{"size":8,"weight":700,"lineHeight":1.25,"tracking":0.32,"use":"Uppercase micro labels"}},"spacing":{"xs":4,"sm":8,"base":16,"md":22,"lg":24,"xl":32},"rounded":{"sm":4,"md":8,"badge":14,"lg":20,"xl":32,"full":9999},"shadow":{"card":"rgba(0,0,0,0.02) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 6px, rgba(0,0,0,0.1) 0px 4px 8px","hover":"rgba(0,0,0,0.08) 0px 4px 12px","listing-hover":"rgba(0,0,0,0.12) 0px 8px 24px","focus-ring":"rgb(255,255,255) 0px 0px 0px 4px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#ff385c","fg":"#ffffff","radius":8,"padding":"14px 24px","font":"16px/600","use":"primary CTA; active #e00b41; disabled #dddddd"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#222222","radius":8,"use":"secondary action, 1px #222222 border"},"search-orb":{"type":"button","bg":"#ff385c","fg":"#ffffff","radius":9999,"use":"48px round search submit, white icon"},"icon-button-circle":{"type":"button","bg":"#f2f2f2","fg":"#222222","radius":9999,"use":"32x32 dense circular control"},"listing-card":{"type":"card","bg":"#ffffff","radius":12,"use":"no shadow (photography-led); hover scale + listing-hover shadow"},"card-standard":{"type":"card","bg":"#ffffff","radius":12,"padding":"24px","use":"three-layer card shadow"},"search-field":{"type":"input","bg":"#ffffff","radius":9999,"use":"66px tall header search bar, 1px #dddddd border, pill radius"},"category-pill":{"type":"tab","fg":"#222222","font":"14px/500","use":"category nav","active":"2px #222222 bottom border"}}}, ds: { name: "Airbnb Brand Hub", url: "https://brand.withairbnb.com", type: "brand", description: "Airbnb's brand guidelines hub with logo, color, and visual identity rules.", ogImage: "https://firebasestorage.googleapis.com/v0/b/standards-site-beta.appspot.com/o/documents%2Fa130cd31136%2F099b28f7432%2Fmeta%2Fstandards---project-thumbnail.png?alt=media&token=b1ee4a9a-cb2a-4dd9-ae43-01dd309d6f17" } },
|
|
59
|
-
{ id: "airtable", name: "Airtable", displayName: "Airtable", country: "US", category: "design-tools", homepage: "https://www.airtable.com", primaryColor: "#fcb400", logo: { type: "simpleicons", slug: "airtable" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"primary = Airtable Blue (#1b61c9); brand-amber (#fcb400) from primary_color frontmatter. Color belongs to user data, chrome stays neutral.","colors":{"primary":"#1b61c9","accent-blue":"#254fad","brand":"#fcb400","canvas":"#ffffff","surface":"#f8fafc","foreground":"#181d26","body":"#333333","on-primary":"#ffffff","hairline":"#e0e2e6","success":"#006400"},"typography":{"family":{"sans":"Haas","display":"Haas Groot Disp"},"display-hero":{"size":48,"weight":400,"lineHeight":1.15,"use":"Hero headlines"},"display-bold":{"size":48,"weight":900,"lineHeight":1.5,"use":"Bold display, Haas Groot Disp"},"section":{"size":40,"weight":400,"lineHeight":1.25,"use":"Section headings"},"subheading":{"size":32,"weight":450,"lineHeight":1.2,"use":"Sub-headings"},"card-title":{"size":24,"weight":400,"lineHeight":1.25,"tracking":0.12,"use":"Card titles"},"feature":{"size":20,"weight":400,"lineHeight":1.4,"tracking":0.1,"use":"Feature text"},"body":{"size":18,"weight":400,"lineHeight":1.35,"tracking":0.18,"use":"Standard reading text"},"body-medium":{"size":16,"weight":500,"lineHeight":1.3,"tracking":0.12,"use":"Emphasized body"},"button":{"size":16,"weight":500,"lineHeight":1.28,"tracking":0.08,"use":"Button labels"},"caption":{"size":14,"weight":450,"lineHeight":1.3,"tracking":0.18,"use":"Captions, small labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48},"rounded":{"sm":2,"md":12,"lg":16,"xl":24,"xxl":32,"full":9999},"shadow":{"soft":"rgba(15,48,106,0.05) 0px 0px 20px","standard":"rgba(0,0,0,0.32) 0px 0px 1px, rgba(0,0,0,0.08) 0px 0px 2px, rgba(45,127,249,0.28) 0px 1px 3px, rgba(0,0,0,0.06) 0px 0px 0px 0.5px inset"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#1b61c9","fg":"#ffffff","radius":12,"padding":"16x24","font":"Haas 16/500","use":"primary CTA, blue-tinted lift"},"button-white":{"type":"button","bg":"#ffffff","fg":"#181d26","radius":12,"use":"secondary CTA on dark/blue surfaces"},"card":{"type":"card","bg":"#ffffff","radius":16,"use":"1px #e0e2e6 border, 24-32 radius featured, blue-tinted multi-layer shadow"},"input":{"type":"input","bg":"#ffffff","fg":"#181d26","radius":12,"padding":"12x16","use":"1px #e0e2e6 border"},"badge":{"type":"badge","bg":"#f8fafc","fg":"#181d26","radius":12,"font":"Haas 14/500","use":"1px #e0e2e6 border"}}}, ds: { name: "Airtable Trademark Guidelines", url: "https://www.airtable.com/company/trademark-guidelines", type: "brand", description: "Airtable's trademark usage and brand guidelines.", ogImage: "https://www.airtable.com/images/airtable-seo.jpg" } },
|
|
60
|
-
{ id: "alipay", name: "Alipay", displayName: "Alipay", country: "CN", category: "fintech", homepage: "https://www.alipay.com", primaryColor: "#1677FF", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=alipay.com&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"Ant Design v5 token palette (Alipay/Ant shared language); primary = Daybreak Blue #1677FF; color is strictly semantic; neutral text via black-opacity levels","colors":{"primary":"#1677FF","primary-hover":"#4096FF","primary-active":"#0958D9","info":"#1677FF","canvas":"#F5F5F5","container":"#FFFFFF","on-primary":"#FFFFFF","heading":"#000000","body":"#000000","disabled":"#000000","border":"#D9D9D9","split":"#000000","fill-hover":"#000000","success":"#52C41A","warning":"#FAAD14","error":"#FF4D4F","table-header":"#FAFAFA","backdrop":"#000000","sider-dark":"#001529"},"typography":{"family":{"sans":"-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif"},"heading1":{"size":38,"weight":600,"lineHeight":1.21,"use":"Largest heading, marketing/hero titles"},"heading2":{"size":30,"weight":600,"lineHeight":1.27,"use":"Section headings"},"heading3":{"size":24,"weight":600,"lineHeight":1.33,"use":"Sub-section headings"},"heading4":{"size":20,"weight":600,"lineHeight":1.4,"use":"Card / panel titles"},"heading5":{"size":16,"weight":600,"lineHeight":1.5,"use":"Smallest heading, labels"},"body":{"size":14,"weight":400,"lineHeight":1.5715,"use":"Base body, tables, forms — density anchor"},"large":{"size":16,"weight":400,"use":"Large body, emphasized text"},"small":{"size":12,"weight":400,"use":"Captions, status tags, helper text"}},"spacing":{"xs":8,"base":16,"lg":24,"marginSM":12},"rounded":{"sm":4,"md":6,"lg":8},"shadow":{"tertiary":"0 1px 2px 0 rgba(0,0,0,0.03), 0 1px 6px -1px rgba(0,0,0,0.02), 0 2px 4px 0 rgba(0,0,0,0.02)","secondary":"0 6px 16px 0 rgba(0,0,0,0.08), 0 3px 6px -4px rgba(0,0,0,0.12), 0 9px 28px 8px rgba(0,0,0,0.05)","elevated":"0 6px 16px 0 rgba(0,0,0,0.08)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#1677FF","fg":"#FFFFFF","radius":6,"padding":"4px 15px","font":"14px/400","use":"primary CTA, hover #4096FF, active #0958D9, wave ripple"},"button-default":{"type":"button","bg":"#FFFFFF","fg":"#000000","radius":6,"use":"1px #D9D9D9 border, hover shifts to #4096FF"},"button-danger":{"type":"button","bg":"#FF4D4F","fg":"#FFFFFF","radius":6,"use":"destructive confirm"},"input":{"type":"input","bg":"#FFFFFF","radius":6,"use":"1px #D9D9D9 border, height 32px, focus #1677FF, error #FF4D4F"},"card":{"type":"card","bg":"#FFFFFF","radius":8,"padding":"24px","use":"1px #D9D9D9 border, boxShadowTertiary on hover"},"table":{"type":"card","bg":"#FFFFFF","fg":"#000000","use":"#FAFAFA header, low-alpha dividers + hover fill, 16px cell pad"},"status-tag":{"type":"badge","fg":"#52C41A","radius":4,"padding":"0 7px","font":"12px/400","use":"status color at low alpha, semantic only"},"modal":{"type":"dialog","bg":"#FFFFFF","radius":8,"padding":"20px 24px","use":"low-alpha backdrop, elevated boxShadow"}}}, ds: { name: "Ant Design", url: "https://ant.design", type: "system", description: "The open-source enterprise design system born inside Ant Group (Alipay's parent), now the most influential Chinese design language and one of the most widely adopted React component libraries in the world." } },
|
|
61
|
-
{ id: "amazingtalker", name: "AmazingTalker", displayName: "AmazingTalker", country: "TW", category: "consumer-tech", homepage: "https://www.amazingtalker.com", primaryColor: "#02cab9", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=amazingtalker.com&sz=128" }, verified: "2026-06-08", added: "2026-06-08", tokens: {"source":"live-extract","extracted":"2026-06-08","note":"primary = live teal CTA fill #02cab9 (rgb 2,202,185); coral #ff5f5f is the secondary energy accent; body text #484848 across both en. and tw. surfaces","colors":{"primary":"#02cab9","primary-deep":"#02b3a4","coral":"#ff5f5f","coral-soft":"#ffe5e5","canvas":"#ffffff","surface":"#f3f5f7","surface-alt":"#fbfbfb","heading":"#363636","body":"#484848","muted":"#767676","slate":"#909399","on-primary":"#ffffff","hairline":"#dcdfe6","hairline-soft":"#ebebeb"},"typography":{"family":{"sans":"Roboto","cjk":"Helvetica Neue, PingFang, Microsoft JhengHei"},"display-hero":{"size":50,"weight":600,"lineHeight":1.3,"tracking":0,"use":"Hero H1 over imagery, white text, friendly authority"},"section":{"size":31,"weight":500,"lineHeight":1.5,"tracking":0,"use":"Feature section titles, e.g. 4 reasons to learn"},"section-cjk":{"size":30,"weight":500,"lineHeight":1.5,"tracking":0,"use":"CJK section titles on Helvetica/PingFang stack"},"subhead":{"size":24,"weight":400,"lineHeight":1.3,"tracking":0,"use":"Hero subtitle, card category heads"},"body-lg":{"size":18,"weight":300,"lineHeight":1.5,"tracking":0,"use":"Price labels, intro lines"},"body":{"size":16,"weight":400,"lineHeight":1.5,"tracking":0,"use":"Standard reading text, nav links"},"button":{"size":20,"weight":400,"lineHeight":1.5,"tracking":0,"use":"Primary hero CTA label"},"button-sm":{"size":14,"weight":400,"lineHeight":1.5,"tracking":0,"use":"Header utility buttons, Sign In"},"caption":{"size":14,"weight":400,"lineHeight":1.5,"use":"Small labels, helper text"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":18,"xl":24,"xxl":36,"section":64},"rounded":{"sm":3,"md":5,"lg":8,"full":9999},"shadow":{"ambient":"rgba(0,0,0,0.06) 0px 2px 8px","standard":"rgba(0,0,0,0.10) 0px 4px 16px","elevated":"rgba(0,0,0,0.12) 0px 8px 28px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#02cab9","fg":"#ffffff","radius":5,"font":"Roboto 20px/400","use":"hero primary CTA"},"button-primary-cta":{"type":"button","bg":"#02cab9","fg":"#ffffff","radius":3,"padding":"8px 18px","font":"24px/300","use":"section CTA"},"button-ghost":{"type":"button","fg":"#484848","use":"header utility actions (Sign In, Apply To Teach), no border"},"card-course":{"type":"card","bg":"#ffffff","fg":"#484848","radius":8,"use":"ambient shadow, image top + price label"},"accent-coral":{"type":"badge","bg":"#ffe5e5","fg":"#ff5f5f","use":"badges, highlights, urgency tags, soft tint background"},"nav-link":{"type":"tab","font":"Roboto 16px/400","use":"nav link","active":"teal #02cab9 on active/hover"}}} },
|
|
62
|
-
{ id: "appier", name: "Appier", displayName: "Appier", country: "TW", category: "ai", homepage: "https://www.appier.com", primaryColor: "#1D2EFF", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=appier.com&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"primary = electric Klein-adjacent blue (#1D2EFF, brief-provided + brand); secondary palette is grounded B2B approximation pending live re-inspection (per §2 note)","colors":{"primary":"#1D2EFF","primary-hover":"#1626D9","primary-tint":"#EBEDFF","accent":"#00D4FF","canvas":"#FFFFFF","surface-soft":"#F5F6FA","ink":"#101130","foreground":"#101130","body":"#4A4E69","muted":"#8A8FA3","disabled":"#C4C7D4","on-primary":"#FFFFFF","hairline":"#E6E8F0","border":"#D1D5E3","success":"#16A34A","warning":"#F59E0B","error":"#DC2626"},"typography":{"family":{"sans":"-apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif","tc":"PingFang TC, Microsoft JhengHei, sans-serif","jp":"Hiragino Kaku Gothic Pro, Meiryo, sans-serif"},"caption":{"size":13,"weight":400,"use":"Caption, metadata"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Body, descriptions"},"body-lg":{"size":18,"weight":400,"use":"Body large / lead"},"card-heading":{"size":22,"weight":600,"use":"Card titles, subheads"},"section":{"size":32,"weight":700,"use":"Section headings"},"hero":{"size":48,"weight":700,"use":"Hero headlines, value proposition"},"stat":{"size":48,"weight":700,"use":"Case-study stat figures, in Appier Blue"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"section":64,"section-lg":96},"rounded":{"sm":6,"md":8,"lg":12,"full":9999},"shadow":{"card":"0 4px 16px rgba(16,17,48,0.08)","header":"0 1px 4px rgba(16,17,48,0.06)","modal":"0 12px 40px rgba(16,17,48,0.2)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#1D2EFF","fg":"#FFFFFF","radius":8,"padding":"12px 24px","font":"16px/600","use":"primary CTA, flat; hover #1626D9"},"button-secondary":{"type":"button","bg":"#FFFFFF","fg":"#1D2EFF","radius":8,"use":"1px #1D2EFF border; hover #EBEDFF bg"},"input":{"type":"input","bg":"#FFFFFF","radius":8,"padding":"12px 14px","use":"1px #D1D5E3 border; focus #1D2EFF; error #DC2626"},"card-solution":{"type":"card","bg":"#FFFFFF","radius":12,"padding":"24px","use":"1px #E6E8F0 border, blue Learn more link"},"card-dark":{"type":"card","bg":"#101130","fg":"#FFFFFF","radius":12,"use":"deep-ink bg, blue to cyan gradient accent"},"badge-credential":{"type":"badge","bg":"#F5F6FA","fg":"#101130","radius":6,"use":"1px #E6E8F0 border, 4-6px radius"}}} },
|
|
63
|
-
{ id: "apple", name: "Apple", displayName: "Apple", country: "US", category: "consumer-tech", homepage: "https://www.apple.com", primaryColor: "#000000", logo: { type: "simpleicons", slug: "apple" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"single chromatic accent = Apple Blue #0071e3 (interactive only); link #0066cc on light / #2997ff on dark; binary canvas = #000000 dark / #f5f5f7 light","colors":{"primary":"#0071e3","brand":"#000000","canvas":"#f5f5f7","canvas-dark":"#000000","foreground":"#1d1d1f","on-primary":"#ffffff","surface":"#ffffff","surface-dark":"#272729","link":"#0066cc","link-on-dark":"#2997ff"},"typography":{"family":{"display":"SF Pro Display","text":"SF Pro Text"},"display-hero":{"size":56,"weight":600,"lineHeight":1.07,"tracking":-0.28,"use":"Product launch headlines, maximum impact"},"section":{"size":40,"weight":600,"lineHeight":1.1,"use":"Feature section titles"},"tile-heading":{"size":28,"weight":400,"lineHeight":1.14,"tracking":0.196,"use":"Product tile headlines"},"card-title":{"size":21,"weight":700,"lineHeight":1.19,"tracking":0.231,"use":"Bold card headings"},"subheading":{"size":21,"weight":400,"lineHeight":1.19,"tracking":0.231,"use":"Regular card headings"},"nav-heading":{"size":34,"weight":600,"lineHeight":1.47,"tracking":-0.374,"use":"Large navigation headings"},"sub-nav":{"size":24,"weight":300,"lineHeight":1.5,"use":"Light sub-navigation text"},"body":{"size":17,"weight":400,"lineHeight":1.47,"tracking":-0.374,"use":"Standard reading text"},"body-emphasis":{"size":17,"weight":600,"lineHeight":1.24,"tracking":-0.374,"use":"Emphasized body text, labels"},"button-lg":{"size":18,"weight":300,"lineHeight":1,"use":"Large button text, light weight"},"button":{"size":17,"weight":400,"lineHeight":2.41,"use":"Standard button text"},"link":{"size":14,"weight":400,"lineHeight":1.43,"tracking":-0.224,"use":"Body links, Learn more"},"caption":{"size":14,"weight":400,"lineHeight":1.29,"tracking":-0.224,"use":"Secondary text, descriptions"},"micro":{"size":12,"weight":400,"lineHeight":1.33,"tracking":-0.12,"use":"Fine print, footnotes"},"nano":{"size":10,"weight":400,"lineHeight":1.47,"tracking":-0.08,"use":"Legal text, smallest size"}},"spacing":{"xs":2,"sm":4,"base":8,"md":11,"lg":14,"xl":17,"xxl":20,"section":24},"rounded":{"sm":5,"md":8,"lg":12,"full":980},"shadow":{"card":"rgba(0,0,0,0.22) 3px 5px 30px 0px","nav-glass":"backdrop-filter: saturate(180%) blur(20px)"},"components_harvested":true,"components":{"button-marketing-pill":{"type":"button","bg":"#0071e3","fg":"#ffffff","radius":980,"padding":"11px 21px","font":"17px/400","use":"marketing pill CTA"},"button-neutral-pill":{"type":"button","bg":"#1d1d1f","fg":"#ffffff","radius":980,"use":"paired secondary CTA"},"button-commerce-compact":{"type":"button","bg":"#0071e3","fg":"#ffffff","radius":8,"padding":"8px 15px","font":"14px","use":"checkout actions"},"card-white":{"type":"card","bg":"#ffffff","radius":28,"use":"no border, no shadow — lifts via color contrast"},"card-dark":{"type":"card","bg":"#000000","fg":"#ffffff","radius":28,"use":"max-contrast product detail"},"input-search":{"type":"input","radius":8,"use":"grey fill, active 2px solid #2997ff"},"nav-global":{"type":"tab","radius":0,"use":"translucent fog, backdrop blur(20px), 44px height"},"text-link":{"type":"badge","fg":"#0066cc","use":"link color, underline on hover, not a pill"}}}, ds: { name: "Human Interface Guidelines", url: "https://developer.apple.com/design/human-interface-guidelines", type: "system", description: "Apple's official design guidelines for iOS, macOS, watchOS, and visionOS.", ogImage: "https://docs.developer.apple.com/tutorials/developer-og.jpg" } },
|
|
64
|
-
{ id: "baemin", name: "Baemin", displayName: "Baemin", country: "KR", category: "consumer-tech", homepage: "https://www.baemin.com", primaryColor: "#2ac1bc", logo: { type: "favicon", slug: "https://www.baemin.com/favicon.ico" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-08","components_harvested":true,"note":"app-first KR delivery brand — capped at 16 components. App surface (Mint #2AC1BC, 8px) documented from Baemin public brand/color guide + app-store screenshots; web marketing surface (Black Pill #000000 / 9999px, app-download card, carousel dots) measured live via playwright on baemin.com. primary = Baemin Mint #2AC1BC (app surface accent); teal #12B886 is the secondary UI green for confirmation fills","colors":{"primary":"#2AC1BC","brand":"#2AC1BC","canvas":"#ffffff","surface":"#F8F9FA","surface-subtle":"#F1F3F5","foreground":"#212529","body":"#495057","muted":"#868E96","disabled":"#ADB5BD","on-primary":"#ffffff","accent":"#12B886","accent-light":"#20C997","error":"#FF6B6B","warning":"#FFB347","info":"#74C0FC","promo":"#FF0000","hairline":"#DEE2E6","border-strong":"#343A40"},"typography":{"family":{"ui":"-apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif","mono":"SF Mono, SFMono-Regular, Menlo, Consolas, monospace","brand":"BMHANNA Pro","playful":"BMJua"},"display-hero":{"size":42,"weight":700,"lineHeight":1.2,"use":"Splash screens, brand moments (BMHANNA Pro)"},"display-large":{"size":36,"weight":700,"lineHeight":1.25,"use":"Campaign titles, section heroes"},"heading-large":{"size":24,"weight":700,"lineHeight":1.33,"use":"Feature section titles"},"heading":{"size":20,"weight":700,"lineHeight":1.4,"use":"Card headings, menu categories"},"title":{"size":18,"weight":600,"lineHeight":1.44,"use":"Restaurant names, item titles"},"body-large":{"size":16,"weight":400,"lineHeight":1.5,"use":"Descriptions, menu details"},"body":{"size":14,"weight":400,"lineHeight":1.57,"use":"Standard reading, reviews"},"body-small":{"size":13,"weight":400,"lineHeight":1.54,"use":"Secondary info, ingredients"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"use":"Timestamps, delivery times"},"price":{"size":20,"weight":700,"lineHeight":1.3,"use":"Menu item prices, order totals"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32,"section":40,"max":48},"rounded":{"sm":4,"md":8,"lg":12,"search":20,"full":9999},"shadow":{"natural":"0px 1px 3px rgba(0,0,0,0.04)","deep":"0px 2px 8px rgba(0,0,0,0.08)","sharp":"0px 4px 12px rgba(0,0,0,0.10)","outlined":"0px 4px 16px rgba(0,0,0,0.12)","crisp":"0px 8px 24px rgba(0,0,0,0.16)"},"components":{"button-primary":{"type":"button","bg":"#2ac1bc","fg":"#ffffff","radius":"8px","height":"48px","padding":"12px 24px","font":"16px / 700","states":"pressed #20a8a4 · disabled bg #dee2e6 / text #adb5bd","use":"Primary CTAs (주문하기, 배달 주문)"},"button-ghost":{"type":"button","bg":"transparent","fg":"#2ac1bc","border":"1px solid #2ac1bc","radius":"8px","active":"bg rgba(42,193,188,0.08)","use":"Secondary actions (장바구니, 찜하기)"},"button-neutral":{"type":"button","bg":"#f8f9fa","fg":"#212529","radius":"8px","use":"Tertiary actions, filter toggles"},"button-destructive":{"type":"button","bg":"#ff6b6b","fg":"#ffffff","radius":"8px","use":"Cancel order, remove item"},"button-pill-web":{"type":"button","bg":"#000000","fg":"#ffffff","radius":"9999px","height":"58px","padding":"16px 32px","font":"18px / 700","use":"Web corporate CTA (기업용 상품권 구매하기)"},"app-download-card":{"type":"card","bg":"#ffffff","radius":"12px","height":"54px","padding":"14px 19px","shadow":"none","use":"Store-badge cards (App Store / Google Play)"},"card":{"type":"card","bg":"#ffffff","radius":"8px","border":"1px solid #dee2e6","shadow":"0px 2px 8px rgba(0,0,0,0.08)","use":"Standard surface, 12px radius when featured"},"restaurant-card":{"type":"card","bg":"#ffffff","radius":"12px","padding":"16px","font":"name 18px / 700 #212529 · delivery 13px / 400 #868e96","states":"rating star #ffb347 · 16:9 photo 12px top radius","use":"Restaurant listing card"},"tag":{"type":"badge","bg":"#f1f3f5","fg":"#495057","radius":"9999px","font":"12px / 500","use":"Restaurant attribute tags"},"search-bar":{"type":"input","bg":"#f8f9fa","fg":"#212529","radius":"20px","height":"44px","states":"left search icon #868e96 · placeholder #adb5bd","use":"Restaurant search (맛집을 검색해보세요)"},"input":{"type":"input","bg":"#ffffff","fg":"#212529","border":"1px solid #dee2e6","radius":"8px","focus":"2px solid #2ac1bc","states":"placeholder #adb5bd · error 2px solid #ff6b6b","use":"Text fields"},"bottom-tab-bar":{"type":"tab","bg":"#ffffff","border":"1px solid #dee2e6 top","active":"icon+label #2ac1bc","disabled":"#868e96 inactive","use":"Primary app navigation"},"top-app-bar":{"type":"tab","bg":"#ffffff","fg":"#212529","font":"18px / 700 centered title","use":"Screen header"},"floating-cart-button":{"type":"button","bg":"#2ac1bc","fg":"#ffffff","radius":"9999px","height":"56px","shadow":"0px 4px 12px rgba(0,0,0,0.10)","states":"count badge #ff6b6b white 11px / 700","use":"Floating cart access"},"badge":{"type":"badge","bg":"#ff6b6b","fg":"#ffffff","radius":"4px","font":"11px / 700","states":"promo #ff6b6b / #ffb347 · delivery #2ac1bc","use":"Promo / delivery status"},"toast":{"type":"toast","bg":"#212529","fg":"#ffffff","font":"14px / 400","states":"2.5s auto-dismiss","use":"Transient confirmation (장바구니에 담겼어요)"}}} },
|
|
65
|
-
{ id: "banksalad", name: "Banksalad", displayName: "Banksalad", country: "KR", category: "fintech", homepage: "https://www.banksalad.com", primaryColor: "#04c584", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=banksalad.com&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-08","colors":{"primary":"#04c584","primary-hover":"#10df99","brand":"#04c584","canvas":"#ffffff","foreground":"#2b2b2b","muted":"#7b7b7b","on-primary":"#ffffff","surface-alt":"#fbfbfb","surface-neutral":"#f5f5f5","body":"#434444","placeholder":"#999999","disabled":"#acacac","hairline":"#e1e1e1","mint-tint":"#f3fdfa","error":"#fe493d","error-soft":"#ff8a84","warning":"#fd8700","warning-deep":"#f56200","info":"#0099ff","success":"#04c584","chart-1":"#34464b","chart-2":"#5c818a","chart-3":"#1c6c73","chart-4":"#a7c7cf"},"typography":{"family":{"sans":"Pretendard","display":"BM JUA"},"hero-display":{"size":52,"weight":700,"lineHeight":1.23,"tracking":-1,"use":"Largest landing headline; sometimes Jua"},"display-lg":{"size":48,"weight":700,"lineHeight":1.2,"tracking":-1,"use":"Secondary hero"},"display":{"size":44,"weight":700,"lineHeight":1.25,"tracking":-1,"use":"Section-opening figures (balances, scores)"},"section-heading":{"size":36,"weight":700,"lineHeight":1.3,"tracking":-0.5,"use":"Marketing section titles"},"h1":{"size":28,"weight":700,"lineHeight":1.14,"use":"In-app section titles"},"h2":{"size":24,"weight":700,"lineHeight":1.17,"use":"Card titles, panel headings"},"h3":{"size":20,"weight":700,"lineHeight":1.2,"use":"Sub-card headings"},"subhead":{"size":18,"weight":700,"lineHeight":1.3,"use":"Featured-button text, key callouts"},"body-lg":{"size":16,"weight":500,"lineHeight":1.5,"use":"Standard reading text on data screens"},"body":{"size":14,"weight":500,"lineHeight":1.34,"use":"Default body text; 500 not 400"},"body-tight":{"size":13,"weight":500,"lineHeight":1.34,"use":"Compact labels"},"caption":{"size":12,"weight":500,"lineHeight":1.34,"use":"Metadata, helper text"},"caption-sm":{"size":10,"weight":500,"lineHeight":1,"use":"Disclosures, smallest labels"},"button":{"size":16,"weight":700,"lineHeight":1,"tracking":-1,"use":"All CTAs are 700"},"financial-amount":{"size":24,"weight":700,"lineHeight":1,"use":"Comma-grouped, won unit follows in 500"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":2,"md":4,"lg":8,"full":9999},"shadow":{"soft":"rgba(0,0,0,0.08) 0px 1px 1px 0px","standard":"rgba(0,0,0,0.12) 0px 2px 5px 0px","elevated":"rgba(0,0,0,0.15) 0px 4px 9px 0px","modal":"rgba(0,0,0,0.19) 0px 17px 50px 0px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#04c584","fg":"#ffffff","radius":"2px","height":"42px","padding":"12px 24px","font":"16px / 700","hover":"bg #10df99 (lightens)","use":"Primary CTA on data/transactional flows"},"button-primary-large":{"type":"button","bg":"#04c584","fg":"#ffffff","radius":"2px","height":"56px","padding":"16px 32px","font":"18px / 700","hover":"bg #10df99","use":"Hero CTA on landing surfaces"},"button-ghost":{"type":"button","bg":"#ffffff","fg":"#04c584","border":"1px solid #04c584","radius":"2px","padding":"12px 24px","font":"16px / 700","hover":"bg #f3fdfa mint tint","use":"Secondary action paired with primary"},"button-neutral":{"type":"button","bg":"#f5f5f5","fg":"#434444","radius":"2px","padding":"12px 24px","font":"16px / 700","hover":"bg #e1e1e1","use":"Cancel / dismiss"},"button-disabled":{"type":"button","bg":"#e1e1e1","fg":"#acacac","radius":"2px","font":"16px / 700","use":"Disabled state"},"input-text":{"type":"input","bg":"#ffffff","fg":"#434444","border":"1px solid #e1e1e1","radius":"2px","height":"48px","padding":"0 16px","font":"16px / 500","focus":"border #10df99 + bg #f3fdfa","use":"Default text input"},"input-amount":{"type":"input","bg":"#ffffff","fg":"#2b2b2b","border":"2px solid #f5f5f5","radius":"2px","height":"56px","padding":"0 16px","font":"22px / 700","focus":"border #10df99 + bg #f3fdfa","use":"Won-amount input, right-aligned, money as heading"},"card-data":{"type":"card","bg":"#ffffff","border":"1px solid #e1e1e1","radius":"2px","padding":"20px 24px","shadow":"rgba(0,0,0,0.12) 0px 2px 5px 0px","use":"Recommendation/transaction/summary cards"},"card-highlight":{"type":"card","bg":"#f3fdfa","border":"1px solid #10df99","radius":"2px","padding":"20px 24px","use":"Selected/recommended-pick in comparison lists"},"status-pill":{"type":"badge","bg":"#f3fdfa","fg":"#04c584","radius":"41px","padding":"4px 10px","font":"12px / 500","use":"Filter chips on recommendation pages"},"badge-warning":{"type":"badge","bg":"#ffffff","fg":"#f56200","border":"1px solid #fd8700","radius":"2px","padding":"2px 8px","font":"12px / 700","use":"Rate-warning, expiry indicators"},"badge-negative":{"type":"badge","bg":"#ffffff","fg":"#fe493d","border":"1px solid #fe493d","radius":"2px","padding":"2px 8px","font":"12px / 700","use":"Overdue, declined indicators"},"table-row":{"type":"listItem","bg":"#ffffff","fg":"#434444","border":"1px solid #e1e1e1 bottom","padding":"12px 16px","font":"14px / 500","use":"Transaction rows; alternates #fbfbfb, amounts right-aligned 14px/700 #2b2b2b positive #fe493d negative"}}}, ds: { name: "Banksalad GitHub", url: "https://github.com/banksalad", type: "brand", description: "Banksalad's public GitHub org including styleguide repos and BPL (Banksalad Product Library) reference material.", ogImage: "https://avatars.githubusercontent.com/u/71009899?s=280&v=4" } },
|
|
66
|
-
{ id: "bilibili", name: "Bilibili", displayName: "Bilibili", country: "CN", category: "video-community", homepage: "https://www.bilibili.com", primaryColor: "#FB7299", logo: { type: "simpleicons", slug: "bilibili" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"Only bili pink #FB7299 verified; bili blue, gold coin, and all neutrals are best-fit approximations flagged in prose — no public token layer.","colors":{"primary":"#FB7299","primary-hover":"#F25D8E","primary-tint":"#FFF0F4","brand":"#FB7299","brand-blue":"#00AEEC","brand-blue-dark":"#0089C7","canvas":"#FFFFFF","surface":"#F4F4F4","foreground":"#18191C","muted":"#61666D","hint":"#C9CCD0","hairline":"#E3E5E7","divider":"#F1F2F3","on-primary":"#FFFFFF","coin":"#FFB027","error":"#FF4D4F","success":"#52C41A"},"typography":{"family":{"sans":"PingFang SC, Source Han Sans SC, 思源黑体, Microsoft YaHei, sans-serif","mono":"monospace"},"page-header":{"size":18,"weight":600,"lineHeight":1.3,"use":"Channel titles, section heads"},"video-title":{"size":14,"weight":500,"lineHeight":1.4,"use":"Video title in card, 2-line clamp"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Video detail, comments"},"metadata":{"size":12,"weight":400,"lineHeight":1.4,"use":"UP主 name, view/danmaku counts"},"caption":{"size":11,"weight":400,"lineHeight":1.4,"use":"Tags, fine labels, durations"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":6,"lg":8,"full":9999},"shadow":{"hover":"rgba(0,0,0,0.08) 0px 2px 12px 0px","floating":"rgba(0,0,0,0.1) 0px 4px 16px 0px","modal":"rgba(0,0,0,0.12) 0px 6px 24px 0px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#FB7299","fg":"#FFFFFF","radius":"6px","padding":"6px 16px","font":"14px / 500","hover":"bg #F25D8E","use":"Follow / Sign up — pink is the action color"},"button-secondary":{"type":"button","bg":"#FFFFFF","fg":"#61666D","border":"1px solid #E3E5E7","radius":"6px","padding":"6px 16px","font":"14px / 500","use":"Following / ghost toggle"},"input-search":{"type":"input","bg":"#FFFFFF","fg":"#18191C","border":"1px solid #E3E5E7","radius":"8px","padding":"8px 14px","font":"14px / 400","focus":"border transitions to bili pink/blue","use":"Top search bar, comment input, form fields"},"coin-action":{"type":"toggle","bg":"transparent","fg":"#FFB027","use":"Signature 投币 give-a-coin reward gesture, gold when active"},"video-card":{"type":"card","bg":"#FFFFFF","radius":"6px","padding":"0 cover / 8px footer","shadow":"rgba(0,0,0,0.08) 0px 2px 12px 0px","hover":"subtle lift + cover preview","use":"16:9 cover + duration/count overlays, 2-line title 14px/500, UP主 name 12px/400 — atomic feed unit"},"tag-chip":{"type":"badge","bg":"#F4F4F4","fg":"#61666D","radius":"4px","padding":"4px 10px","font":"12px / 400","active":"bg #FFF0F4 + fg #FB7299","use":"分区 partition filters above feed"},"overlay-pill":{"type":"badge","bg":"rgba(0,0,0,0.6)","fg":"#FFFFFF","radius":"4px","padding":"2px 6px","font":"12px / 400","use":"Duration + view/danmaku counts over cover"},"nav-tab":{"type":"tab","fg":"#61666D","active":"fg #FB7299 + pink bottom border","use":"Partition (分区) horizontal category nav"}}} },
|
|
67
|
-
{ id: "bithumb", name: "Bithumb", displayName: "Bithumb", country: "KR", category: "fintech", homepage: "https://www.bithumb.com", primaryColor: "#1C2028", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=bithumb.com&sz=128" }, verified: "2026-06-01", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"primary #1C2028 is the measured dominant structural near-black (matches primary_color); bronze #543E35 is the rebrand CTA accent, not the structural primary. Trading red/blue follow Korea convention (red=up, blue=down).","colors":{"primary":"#1C2028","brand":"#543E35","canvas":"#1C2028","on-primary":"#FFFFFF","cta-text":"#4F3327","cta-surface-text":"#F8F9FA","hairline":"#B6ABA1","muted":"#707882","muted-2":"#93989E","surface-text":"#F8F9FA","foreground":"#FFFFFF","price-up":"#E15241","price-down":"#4880EE"},"typography":{"family":{"sans":"Bithumb Trading Sans","mono":"Bithumb Trading Sans"},"body":{"size":14,"weight":400,"use":"Workhorse readable content in a packed layout"},"control":{"size":13,"weight":500,"use":"Buttons, chips, interactive labels"},"micro-label":{"size":12,"weight":400,"use":"Dense data annotations coexisting with numbers"},"chip-active":{"size":13,"weight":600,"use":"Active filter chip label"},"cta":{"size":18,"weight":500,"use":"Primary exchange CTA label"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"full":9999},"shadow":{"flat":"none — depth is structural (color layering + 1px borders), no drop shadows captured","hairline":"1px solid #B6ABA1","chip-inactive":"1px solid rgba(28,32,40,0.1)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#1C2028","fg":"#FFFFFF","radius":"4px","height":"32px","font":"13px / 500","use":"Signup — structural top-chrome action"},"cta-filled":{"type":"button","bg":"#543E35","fg":"#F8F9FA","radius":"4px","height":"56px","font":"18px / 500","use":"Primary exchange CTA — single warmest action"},"cta-outline":{"type":"button","bg":"transparent","fg":"#4F3327","border":"1px solid #B6ABA1","radius":"4px","height":"56px","use":"Secondary action paired with filled bronze CTA"},"chip-active":{"type":"badge","bg":"#1C2028","fg":"#FFFFFF","radius":"8px","height":"36px","font":"13px / 600","use":"Selected filter chip"},"chip-inactive":{"type":"badge","bg":"transparent","fg":"#707882","border":"1px solid rgba(28,32,40,0.1)","radius":"8px","use":"Unselected filter chip"}}} },
|
|
68
|
-
{ id: "bmw", name: "BMW", displayName: "BMW", country: "DE", category: "automotive", homepage: "https://www.bmw.com", primaryColor: "#0066b1", logo: { type: "simpleicons", slug: "bmw" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"primary = live signature interactive blue --site-context-highlight-color (#1c69d4); differs from primary_color frontmatter (#0066b1, BMW roundel marketing blue)","colors":{"primary":"#1c69d4","primary-hover":"#0653b6","brand":"#0066b1","canvas":"#ffffff","foreground":"#262626","muted":"#757575","on-primary":"#ffffff","focus":"#0653b6","surface":"#ffffff","dark-surface":"#262626","tertiary":"#bbbbbb"},"typography":{"family":{"sans":"BMWTypeNextLatin, Helvetica, Arial, Hiragino Kaku Gothic ProN, Hiragino Sans, Meiryo","mono":"monospace"},"display-hero":{"size":60,"weight":300,"lineHeight":1.3,"use":"Uppercase hero display, whispered authority"},"section-heading":{"size":32,"weight":400,"lineHeight":1.3,"use":"Major section titles"},"nav-emphasis":{"size":18,"weight":900,"lineHeight":1.3,"use":"Navigation bold items, stark authority"},"body":{"size":16,"weight":400,"lineHeight":1.15,"use":"Standard body text"},"button-bold":{"size":16,"weight":700,"lineHeight":1.2,"use":"CTA buttons"},"button":{"size":16,"weight":400,"lineHeight":1.15,"use":"Standard buttons"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":48,"section":60},"rounded":{"sm":0,"md":0,"lg":0,"full":0},"shadow":{"none":"none"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"transparent","fg":"#ffffff","border":"1px solid #ffffff","radius":"0px","padding":"12px 24px","font":"16px / 700","hover":"text stays white, no underline","use":"Primary CTA on dark/hero surfaces"},"button-secondary":{"type":"button","bg":"transparent","fg":"#262626","border":"1px solid #262626","radius":"0px","padding":"12px 24px","font":"16px / 400","use":"Secondary action on light surfaces"},"button-highlight":{"type":"button","bg":"#1c69d4","fg":"#ffffff","radius":"0px","padding":"12px 24px","font":"16px / 700","hover":"bg #0653b6","use":"BMW Blue highlight CTA"},"input":{"type":"input","bg":"#ffffff","fg":"#262626","border":"1px solid #262626","radius":"0px","padding":"12px 16px","font":"16px / 400","focus":"border #0653b6","use":"Default text input"},"card":{"type":"card","bg":"#ffffff","radius":"0px","padding":"24px","border":"none","use":"Light-section content card — sharp rectangular"},"dark-hero-container":{"type":"card","bg":"#262626","fg":"#ffffff","radius":"0px","padding":"0px","use":"Hero/feature with full-bleed automotive photography, edge-to-edge"},"badge":{"type":"badge","bg":"#262626","fg":"#ffffff","radius":"0px","padding":"4px 8px","font":"12px / 700","use":"Label badge"}}} },
|
|
69
|
-
{ id: "brandi", name: "Brandi", displayName: "Brandi", country: "KR", category: "e-commerce", homepage: "https://www.brandi.co.kr", primaryColor: "#ff204b", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=brandi.co.kr&sz=128" }, verified: "2026-06-09", added: "2026-06-09", tokens: {"source":"live-extract","extracted":"2026-06-09","components_harvested":true,"colors":{"primary":"#ff204b","primary-hover":"#ff365d","ink":"#202429","slate":"#5f6773","muted":"#868d96","muted-alt":"#808893","placeholder":"#989ca1","canvas":"#ffffff","surface":"#f5f5f5","hairline":"#ebeef2","border":"#d3d7df","dark":"#313842","on-primary":"#ffffff"},"typography":{"family":{"sans":"Spoqa Han Sans","korean":"Noto Sans KR"},"h2-section":{"size":32,"weight":700,"lineHeight":1.2,"use":"Section / promo headlines"},"h1-page":{"size":26,"weight":400,"lineHeight":1.3,"use":"Page title, BRANDI logotype"},"nav-active":{"size":17,"weight":700,"lineHeight":1.41,"use":"Active GNB tab (홈)"},"label-bold":{"size":15,"weight":700,"lineHeight":1.4,"use":"Category / section labels"},"body":{"size":13,"weight":400,"lineHeight":1.5,"use":"Standard reading text, body"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"use":"Sub-links, footer, metadata"}},"spacing":{"xs":3,"sm":7,"md":8,"base":12,"lg":16,"xl":24,"xxl":40},"rounded":{"sm":4,"md":8,"lg":20,"full":9999},"shadow":{"ambient":"rgba(0,0,0,0.06) 0px 1px 4px","standard":"rgba(0,0,0,0.08) 0px 2px 8px","overlay":"rgba(32,36,41,0.8) 0px 0px 0px"},"components":{"button-primary":{"type":"button","bg":"#ff204b","fg":"#ffffff","radius":"4px","padding":"12px 24px","font":"15px / 700","use":"Primary CTA — 구매하기, 좋아요 등록, hover #ff365d"},"button-pill":{"type":"button","bg":"#ffffff","fg":"#202429","radius":"20px","padding":"7px 12px 7px 8px","font":"13px / 400","use":"Filter / search pill, 1px #d3d7df border"},"nav-tab":{"type":"tab","fg":"#5f6773","font":"17px / 700","padding":"12px 8px","use":"GNB tab","active":"#202429 ink + 2px bottom border #ff204b"},"input-search":{"type":"input","bg":"#f5f5f5","fg":"#202429","radius":"4px","padding":"8px 12px","font":"13px / 400","use":"Search field, placeholder #989ca1"},"product-card":{"type":"card","bg":"#ffffff","fg":"#202429","radius":"8px","use":"Product thumbnail card, 1px #ebeef2 hairline, standard shadow"},"badge-sale":{"type":"badge","bg":"#ff204b","fg":"#ffffff","radius":"4px","padding":"3px 7px","font":"12px / 700","use":"Sale / discount badge, percent rate"},"badge-new":{"type":"badge","bg":"#202429","fg":"#ffffff","radius":"4px","padding":"3px 7px","font":"12px / 700","use":"NEW / 신상 label on thumbnails"},"wish-toggle":{"type":"toggle","bg":"#ffffff","fg":"#ff204b","radius":"9999px","padding":"8px","use":"찜 heart toggle, off #868d96, on #ff204b filled"},"avatar-circle":{"type":"avatar","bg":"#f5f5f5","radius":"9999px","use":"Seller / profile thumbnail, circular"},"toast":{"type":"toast","bg":"#313842","fg":"#ffffff","radius":"8px","padding":"12px 16px","font":"13px / 400","use":"Action confirmation, 장바구니 담김 등"}}} },
|
|
70
|
-
{ id: "bunjang", name: "Bunjang", displayName: "번개장터", country: "KR", category: "ecommerce", homepage: "https://m.bunjang.co.kr", primaryColor: "#d80c18", logo: { type: "favicon", slug: "https://static.bunjang.co.kr/web/ui/favicon.ico" }, verified: "2026-05-14", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"primary = --color-primary / --color-red-500 #d80c18 (matches primary_color); no box-shadow anywhere — depth is borders + tints","colors":{"primary":"#d80c18","primary-hover":"#c00b15","brand":"#d80c18","canvas":"#ffffff","foreground":"#191919","muted":"#999999","on-primary":"#ffffff","surface":"#f6f6f6","hairline":"#e5e5e5","body":"#666666","error":"#d80c18","success":"#00a587","info":"#027aff","warning":"#ffc200","safe":"#5558a8","care":"#ffe1a6"},"typography":{"family":{"sans":"Pretendard Variable","mono":"sans-serif"},"section-title":{"size":20,"weight":700,"lineHeight":1.2,"use":"Section title (오늘의 추천 아이템), gray-900"},"subsection":{"size":18,"weight":700,"lineHeight":1.2,"use":"Subsection title / large emphasis, gray-900"},"body":{"size":16,"weight":400,"lineHeight":1.2,"use":"Default body, CTA label, gray-900 / white-on-red"},"price":{"size":16,"weight":700,"lineHeight":1.2,"use":"Price — the headline, gray-900"},"search-input":{"size":15,"weight":500,"lineHeight":18,"use":"Search input value + placeholder, gray-900"},"card-title":{"size":14,"weight":500,"lineHeight":1.2,"use":"Product card title, gray-600 #666"},"chip-emphasis":{"size":13,"weight":700,"lineHeight":1.2,"use":"Compact emphasized chip"},"meta":{"size":12,"weight":500,"lineHeight":1.2,"use":"Meta / timestamp / region, gray-300 #999"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":6,"lg":20,"full":999},"shadow":{"none":"none — no box-shadow on any sampled element","overlay-chip":"rgba(0,0,0,0.3) semi-transparent bubble for carousel counter overlay","heart-inner":"10% black inner-fill under heart SVG so white stroke reads on any thumbnail"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#d80c18","fg":"#ffffff","border":"none","radius":"6px","padding":"16px 20px","font":"16px / 400","hover":"bg #c00b15","use":"Single highest-intent CTA per surface — the only place red appears"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#4c4c4c","border":"1px solid #e5e5e5","radius":"6px","padding":"12px 20px","font":"16px / 400","use":"Secondary action"},"input-search":{"type":"input","bg":"transparent","fg":"#191919","radius":"999px","font":"15px / 500","use":"Search input; rounded pill container carries chrome, placeholder 검색"},"product-card":{"type":"card","bg":"#f6f6f6","radius":"6px","use":"81:100 portrait thumb placeholder; price 16/700 #191919, title 14/500 #666, meta 12/500 #999, heart top-right"},"chip-safe":{"type":"badge","bg":"#5558a8","fg":"#ffffff","radius":"6px","font":"13px / 700","use":"안전결제 escrow chip — indigo --color-safe ladder"},"chip-care":{"type":"badge","bg":"#ffe1a6","fg":"#191919","radius":"6px","font":"13px / 700","use":"감정완료 luxury-auth chip — warm amber --color-care ladder"},"chip-info":{"type":"badge","bg":"#027aff","fg":"#ffffff","radius":"6px","font":"13px / 700","use":"내폰시세 price-verified chip — info blue"},"heart-button":{"type":"toggle","fg":"#ffffff","shadow":"10% black inner-fill glow under SVG","active":"solid #d80c18 fill","use":"찜 heart button, white stroke legible on any thumbnail"}}} },
|
|
71
|
-
{ id: "cakeresume", name: "Cake", displayName: "Cake", country: "TW", category: "saas", homepage: "https://www.cake.me", primaryColor: "#13AB67", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=cake.me&sz=128" }, verified: "2026-06-01", tokens: {"source":"prose-derived","extracted":"2026-06-08","colors":{"primary":"#13AB67","brand":"#13AB67","canvas":"#FFFFFF","foreground":"#000000","heading":"#0C4129","accent":"#378060","muted":"#E2E6E4","hairline":"#D1D6D4","chip-text":"#0E0E0F","on-primary":"#FFFFFF"},"typography":{"family":{"sans":"Inter","cjk":"Apple SD Gothic Neo"},"heading":{"size":38,"weight":600,"use":"Page headings, deep-green anchor"},"body":{"size":16,"weight":400,"use":"Standard reading text"},"control":{"size":14,"weight":400,"use":"Button and control labels"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":4,"lg":4,"full":9999},"shadow":{"none":"none — separation via color and 1px borders, not drop shadows"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#13AB67","fg":"#FFFFFF","border":"none","radius":"4px","height":"32px","font":"14px / 400","use":"Single most important action (Sign Up, primary submit)"},"button-secondary":{"type":"button","bg":"transparent","fg":"#13AB67","border":"none","radius":"4px","height":"32px","font":"14px / 400","use":"Quieter Log In beside primary"},"language-selector":{"type":"input","bg":"#FFFFFF","fg":"#000000","border":"1px solid #D1D6D4","radius":"4px","height":"32px","font":"14px / 400","use":"Header locale/language switcher"},"chip-neutral":{"type":"badge","bg":"#E2E6E4","fg":"#0E0E0F","border":"none","radius":"4px","use":"Receding metadata/tag pills"}}} },
|
|
72
|
-
{ id: "cal", name: "Cal.com", displayName: "Cal.com", country: "US", category: "productivity", homepage: "https://cal.com", primaryColor: "#111827", logo: { type: "simpleicons", slug: "caldotcom" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"primary = prose Charcoal #242424 (signature near-black CTA/heading); primary_color frontmatter #111827 is a catalog approximation. Brand is intentionally grayscale — no accent color.","colors":{"primary":"#242424","primary-hover":"#111111","brand":"#242424","canvas":"#ffffff","foreground":"#242424","deep-text":"#111111","muted":"#898989","on-primary":"#ffffff","surface-alt":"#f5f5f5","link":"#0099ff","link-default":"#0000ee","black":"#000000","focus-ring":"#3b82f6"},"typography":{"family":{"sans":"Cal Sans","body":"Inter","mono":"Roboto Mono"},"display-hero":{"size":64,"weight":600,"lineHeight":1.1,"tracking":0,"use":"Cal Sans hero, maximum impact, tight default spacing"},"section-heading":{"size":48,"weight":600,"lineHeight":1.1,"tracking":0,"use":"Cal Sans large section titles"},"feature-heading":{"size":24,"weight":600,"lineHeight":1.3,"tracking":0,"use":"Cal Sans feature block headlines"},"subheading":{"size":20,"weight":600,"lineHeight":1.2,"tracking":0.2,"use":"Cal Sans sub-head, positive spacing at smaller size"},"subheading-alt":{"size":20,"weight":600,"lineHeight":1.5,"tracking":0,"use":"Cal Sans relaxed line-height variant"},"card-title":{"size":16,"weight":600,"lineHeight":1.1,"tracking":0,"use":"Cal Sans smallest usage, card titles"},"caption-label":{"size":12,"weight":600,"lineHeight":1.5,"tracking":0,"use":"Cal Sans small labels"},"body-light":{"size":18,"weight":300,"lineHeight":1.3,"tracking":-0.2,"use":"Cal Sans UI Light body intro text"},"body-light-std":{"size":16,"weight":300,"lineHeight":1.5,"tracking":-0.2,"use":"Cal Sans UI Light body text"},"caption-light":{"size":14,"weight":300,"lineHeight":1.4,"tracking":-0.2,"use":"Cal Sans UI Light captions and descriptions"},"ui-label":{"size":16,"weight":600,"lineHeight":1,"tracking":0,"use":"Inter UI buttons and nav labels"},"caption-inter":{"size":14,"weight":500,"lineHeight":1.14,"tracking":0,"use":"Inter small UI text"},"micro":{"size":12,"weight":500,"lineHeight":1,"tracking":0,"use":"Inter smallest text"},"code":{"size":14,"weight":600,"lineHeight":1,"tracking":0,"use":"Roboto Mono code snippets, technical text"},"body-matter":{"size":14,"weight":400,"lineHeight":1.14,"tracking":0,"use":"Matter Regular alternate body text (product UI)"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":28,"section":80,"section-lg":96},"rounded":{"xs":2,"sm":4,"base":6,"md":8,"lg":12,"xl":16,"full":9999},"shadow":{"inset":"rgba(0,0,0,0.16) 0px 1px 1.9px 0px inset","soft":"rgba(34,42,53,0.05) 0px 4px 8px","ring-soft":"rgba(19,19,22,0.7) 0px 1px 5px -4px, rgba(34,42,53,0.08) 0px 0px 0px 1px, rgba(34,42,53,0.05) 0px 4px 8px 0px","inset-highlight":"rgba(255,255,255,0.15) 0px 2px 0px inset"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#242424","fg":"#ffffff","radius":"8px","padding":"12px 20px","font":"16px / 600","hover":"opacity 0.7","use":"Signature CTA — maximally dark on white"},"button-ghost":{"type":"button","bg":"#ffffff","fg":"#242424","radius":"8px","padding":"12px 20px","shadow":"rgba(19,19,22,0.7) 0px 1px 5px -4px, rgba(34,42,53,0.08) 0px 0px 0px 1px, rgba(34,42,53,0.05) 0px 4px 8px 0px","font":"16px / 600","use":"Secondary CTA with shadow-ring border (no CSS border)"},"button-pill":{"type":"button","bg":"#242424","fg":"#ffffff","radius":"9999px","padding":"8px 16px","use":"Rounded pill-shaped actions"},"input":{"type":"input","bg":"#ffffff","fg":"#242424","border":"1px solid rgb(118,118,118)","radius":"8px","padding":"8px 12px","focus":"--framer-focus-outline","use":"Text input / select"},"card":{"type":"card","bg":"#ffffff","radius":"8px","padding":"16px 24px","shadow":"rgba(19,19,22,0.7) 0px 1px 5px -4px, rgba(34,42,53,0.08) 0px 0px 0px 1px, rgba(34,42,53,0.05) 0px 4px 8px 0px","use":"Standard card; ring shadow as border"},"badge-pill":{"type":"badge","bg":"#242424","fg":"#ffffff","radius":"9999px","padding":"4px 10px","font":"12px / 600","use":"Pill-shaped badges and tags"},"badge-default":{"type":"badge","bg":"#f5f5f5","fg":"#242424","radius":"8px","padding":"4px 8px","font":"12px / 600","use":"Default badge"},"nav":{"type":"tab","bg":"white/transparent","fg":"#111111","use":"Sticky top nav, Cal Sans links, dark primary CTA"}}} },
|
|
73
|
-
{ id: "catchtable", name: "CatchTable", displayName: "CatchTable", country: "KR", category: "consumer-tech", homepage: "https://www.catchtable.co.kr", primaryColor: "#ff3d00", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=catchtable.co.kr&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"Single-CTA discipline — brand orange #FF3D00 is the only primary fill, deployed sparingly; depth from borders + hairline alpha, not shadows","colors":{"primary":"#ff3d00","primary-hover":"#fa8d6b","brand":"#ff3d00","canvas":"#ffffff","foreground":"#000000","title":"#222222","body-strong":"#424242","muted":"#666666","tertiary":"#5f5f5f","placeholder":"#9e9e9e","disabled":"#b5b5b5","icon-default":"#8f8f8f","icon-subtle":"#aaaaaa","on-primary":"#ffffff","surface-subdued":"#f9f9f9","surface-muted":"#f5f5f5","surface-cool":"#f2f5f7","surface-cool-alt":"#f0f4fa","border-default":"#e4e4e4","border-cool":"#dce3e8","info":"#186ade","success":"#43c478","success-strong":"#077d55","error":"#d91f11","warning":"#f5c518","premium":"#8f49de"},"typography":{"family":{"sans":"Pretendard","mono":""},"section-title":{"size":20,"weight":700,"lineHeight":1.5,"use":"음식종류별 BEST, 캐치 매거진, search hero label"},"big-section":{"size":18,"weight":700,"lineHeight":1.5,"use":"Larger card titles"},"card-title":{"size":16,"weight":600,"lineHeight":1.5,"use":"Restaurant card titles in list / detail"},"body-default":{"size":14,"weight":400,"lineHeight":1.5,"use":"Dominant — nav labels, list items, body"},"tab-label":{"size":14,"weight":400,"lineHeight":1.5,"use":"Bottom-tab labels"},"chip-label":{"size":14,"weight":500,"lineHeight":1.5,"use":"Geo chips, filter chips"},"search-input":{"size":13,"weight":500,"lineHeight":1.5,"use":"Search placeholder #9e9e9e"},"neighbourhood-chip":{"size":13,"weight":500,"lineHeight":1.5,"use":"청담, 압구정·로데오 style"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"use":"Timestamps, secondary meta"},"footer-body":{"size":11,"weight":400,"lineHeight":1.5,"use":"Regulatory disclosure text"},"policy-link":{"size":11,"weight":500,"lineHeight":1.5,"use":"Footer 서비스 이용약관 row"},"micro-meta":{"size":10,"weight":500,"lineHeight":1.5,"use":"Slide counter 2 / 25, compact tab"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32,"section":45},"rounded":{"sm":4,"md":8,"lg":12,"full":999},"shadow":{"xs":"rgba(0,0,0,.12) 0 1px 2px, rgba(0,0,0,.08) 0 0 1px, rgba(0,0,0,.08) 0 0 1px","sm":"rgba(0,0,0,.12) 0 2px 8px, rgba(0,0,0,.08) 0 1px 4px, rgba(0,0,0,.08) 0 0 1px","drop":"rgba(0,0,0,.12) 0 2px 12px","md":"rgba(0,0,0,.12) 0 6px 12px, rgba(0,0,0,.08) 0 4px 8px, rgba(0,0,0,.08) 0 0 4px","lg":"rgba(0,0,0,.12) 0 16px 20px, rgba(0,0,0,.08) 0 8px 16px, rgba(0,0,0,.08) 0 0 8px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#ff3d00","fg":"#ffffff","radius":"12px","height":"44px","font":"14px / 500","hover":"press #fc9086","use":"Single primary CTA pill — single-CTA discipline, only variant"},"search-input":{"type":"input","bg":"#f5f5f5","fg":"#000000","radius":"0px","font":"13px / 500","use":"Search field, placeholder #9e9e9e, inline search icon left"},"chip-row":{"type":"badge","bg":"transparent","fg":"#5f5f5f","font":"14px / 500","use":"Geo/filter chips, no fill or border at rest — separation by spacing"},"best-of-pill":{"type":"card","bg":"#ffffff","radius":"4px","font":"14px / 400","use":"Image-led tile + ink label below, no card chrome (호텔 뷔페, 스시 오마카세)"},"bottom-tab-bar":{"type":"tab","fg":"#424242","font":"14px / 400","active":"ink darkens to #000000","use":"5 tabs (홈/저장/내 주변/마이다이닝/MY), icon-over-label"},"footer-disclosure":{"type":"card","bg":"#f9f9f9","fg":"#8f8f8f","font":"11px / 400","use":"Footer block, 11px/500 policy links separated by | pipe"}}} },
|
|
74
|
-
{ id: "cathay", name: "Cathay", displayName: "Cathay", country: "TW", category: "finance", homepage: "https://www.cathaybk.com.tw", primaryColor: "#00512a", logo: { type: "favicon", slug: "https://www.cathaybk.com.tw/apple-touch-icon.png" }, verified: "2026-06-08", added: "2026-06-08", tokens: {"source":"live-extract","extracted":"2026-06-08","note":"primary = deep brand green #00512a (live primary CTA fill); accent = bright Cathay green #26a862 (most-used non-neutral, icon + emphasis)","colors":{"primary":"#00512a","accent":"#26a862","accent-tint":"#f3fff7","ink-deep":"#00283d","canvas":"#fafafa","surface":"#ffffff","heading":"#333333","body":"#555555","muted":"#888888","hairline":"#eeeeee","border-mute":"#bebebe","on-primary":"#ffffff","warn":"#e87c07"},"typography":{"family":{"sans":"Roboto Flex","cjk":"Noto Sans TC","fallback":"PingFang TC, Microsoft JhengHei, Heiti TC, sans-serif"},"hero":{"size":36,"weight":700,"lineHeight":1.5,"tracking":0,"use":"Homepage hero headline"},"section":{"size":28,"weight":700,"lineHeight":1.5,"tracking":0,"use":"Feature / section titles"},"subheading":{"size":18,"weight":400,"lineHeight":1.5,"tracking":0,"use":"Quick-action labels, lead text"},"body":{"size":16,"weight":400,"lineHeight":1.5,"tracking":0,"use":"Standard reading text, nav, button label"},"caption":{"size":14,"weight":400,"lineHeight":1.5,"tracking":0,"use":"Footer links, metadata, fine print"}},"spacing":{"xs":5,"sm":11,"md":15,"base":20,"lg":27,"xl":40,"section":64},"rounded":{"sm":5,"md":5,"lg":5,"full":9999},"shadow":{"ambient":"rgba(0,0,0,0.08) 0px 2px 8px","standard":"rgba(0,0,0,0.12) 0px 4px 16px","overlay":"rgba(0,0,0,0.22) 0px 8px 24px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#00512a","fg":"#ffffff","border":"1px solid #00512a","radius":"5px","height":"50px","padding":"12px 20px","font":"16px / 400","active":"fill darkens briefly","use":"Primary CTA (把握好機匯, 我有興趣)"},"button-outline":{"type":"button","bg":"transparent","fg":"#00512a","border":"1px solid #00512a","radius":"5px","font":"16px / 400","use":"Secondary action beside primary CTA"},"nav-link":{"type":"tab","bg":"transparent","fg":"#333333","font":"16px / 400","use":"Top nav links (個人金融, 企業金融), no underline"},"card":{"type":"card","bg":"#ffffff","radius":"5px","padding":"27px","shadow":"rgba(0,0,0,0.12) 0px 4px 16px","use":"Content/product cards (CUBE信用卡)"},"card-glass":{"type":"card","bg":"rgba(255,255,255,0.5)","radius":"5px","padding":"40px 15px","use":"Quick-entry glass tiles over hero imagery (開戶, 匯率查詢)"},"input":{"type":"input","bg":"#ffffff","fg":"#333333","border":"1px solid #eeeeee","radius":"5px","focus":"border #00512a","use":"Form input, placeholder #888888"},"footer-link":{"type":"tab","bg":"#00283d","fg":"#ffffff","font":"14px / 400","use":"Footer group-company + policy links on dark band"}}} },
|
|
75
|
-
{ id: "channeltalk", name: "Channel Talk", displayName: "Channel Talk", country: "KR", category: "saas", homepage: "https://channel.io", primaryColor: "#4f46e5", logo: { type: "github", slug: "channel-io" }, verified: "2026-05-14", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"primary = live product-chrome accent Cobalt 400 (#329BE7); frontmatter primary_color (#4f46e5) is the registry indigo and is NOT a Bezier token — drift documented","colors":{"primary":"#329BE7","primary-hover":"#327AB8","brand":"#329BE7","canvas":"#FFFFFF","surface":"#FCFCFC","canvas-tint":"#F7F7F8","hairline":"#EFEFF0","foreground":"#313234","body":"#464748","muted":"#A7A7AA","on-primary":"#FFFFFF","cta-dark":"#242428","accent-light":"#47C8FF","info":"#5E56F0","success":"#31A552","caution":"#EDBC40","error":"#E94E58"},"typography":{"family":{"sans":"Inter, NotoSansKR, NotoSansJP","mono":"ui-monospace, Cascadia Code, Source Code Pro, Menlo"},"size-16":{"size":16,"weight":400,"lineHeight":1.5,"tracking":-0.1,"use":"Standard body text (product chrome)"},"size-15":{"size":15,"weight":400,"lineHeight":1.33,"tracking":-0.1,"use":"Nav links, dense body"},"size-18":{"size":18,"weight":400,"lineHeight":1.33,"use":"Subhead / product CTA label"},"size-22":{"size":22,"weight":700,"lineHeight":1.27,"tracking":-0.4,"use":"Section subhead"},"size-24":{"size":24,"weight":700,"lineHeight":1.33,"tracking":-0.4,"use":"Card heading"},"size-36":{"size":36,"weight":700,"lineHeight":1.22,"tracking":-0.4,"use":"Product-chrome max heading"},"hero-h1":{"size":64,"weight":700,"lineHeight":1.375,"tracking":-1.5,"use":"Marketing hero (brand-layer only)"},"section-h2-xl":{"size":54,"weight":600,"lineHeight":1.33,"tracking":-1.5,"use":"Marketing section h2 on dark"},"section-h2-lg":{"size":48,"weight":600,"lineHeight":1.33,"tracking":-1,"use":"Marketing section h2"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":8,"chip":8,"product":8,"cta":18,"card":20,"band":32,"ladder-max":44,"full":9999},"shadow":{"flat":"none (live homepage leans flat — depth via surface tint + border alpha)","popover":"subtle drop-shadow + rgba(0,0,0,0.05) border (Level 3)","modal":"full shadow + rgba(0,0,0,0.3) scrim (Level 4)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#242428","fg":"#FFFFFF","radius":"18px","padding":"8px 24px","height":"64px","font":"18px / 600","use":"Marketing hero CTA — top-of-funnel Sign Up only"},"button-secondary":{"type":"button","bg":"rgba(0,0,0,0.05)","fg":"rgba(0,0,0,0.85)","radius":"16px","padding":"8px 20px","height":"54px","font":"20px / 700","use":"Section View Details pivots, not primary"},"button-cobalt":{"type":"button","bg":"#329BE7","fg":"#FFFFFF","radius":"8px","hover":"cobalt-400-20 #329BE733 ghost fill","use":"In-product primary action (Inbox CTA, send-message)"},"input":{"type":"input","bg":"#FFFFFF","border":"1px solid rgba(0,0,0,0.05)","radius":"8px","padding":"8px 12px","focus":"cobalt-400-30 #329BE74D ring","use":"Bezier form input"},"card":{"type":"card","bg":"rgb(250,154,240)","fg":"rgba(0,0,0,0.85)","radius":"20px","height":"400px","use":"Theatrical-colored AI Messenger feature card (marketing)"},"cta-band":{"type":"card","bg":"transparent","radius":"32px","padding":"16px","use":"Bottom Experience It Yourself conversion band, full-bleed"},"nav-link":{"type":"tab","bg":"transparent","fg":"rgba(0,0,0,0.85)","font":"15px / 400","active":"2px bottom-border indicator","use":"Nav menu items"}}}, ds: { name: "Bezier", url: "https://github.com/channel-io/bezier-react", type: "system", description: "Channel Talk's open-source design system — Bezier (MIT). Inter + Noto KR/JP type stacks, token/component/icon packages, marketing-vs-product type cliff documented.", ogImage: "https://opengraph.githubassets.com/d5fd6836ec938de2c8399cf28b2ceabc49104fbbf86e937f9e89983f1b50d638/channel-io/bezier-react" } },
|
|
76
|
-
{ id: "class101", name: "Class101", displayName: "Class101", country: "KR", category: "education", homepage: "https://class101.net", primaryColor: "#FF5D00", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=class101.net&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"primary action button is near-black #202020 (the workhorse CTA); brand = orange spark #FF5D00 (= primary_color). Distinct roles, not a conflict.","colors":{"primary":"#202020","primary-hover":"#000000","brand":"#FF5D00","brand-tint":"#FFF1E8","canvas":"#FFFFFF","surface":"#F3F3F3","surface-raised":"#FAFAFA","foreground":"#000000","body":"#333333","muted":"#767676","tertiary":"#AAAAAA","hairline":"#E5E5E5","border-strong":"#D1D1D1","on-primary":"#FFFFFF","success":"#22C55E","error":"#FF3B30","warning":"#FAAD14"},"typography":{"family":{"sans":"Pretendard Variable","mono":"system-ui"},"hero":{"size":36,"weight":700,"lineHeight":1.25,"use":"Home hero, campaign headlines (32-40px)"},"section-heading":{"size":23,"weight":700,"lineHeight":1.35,"use":"Category / row headers (22-24px)"},"card-title":{"size":16,"weight":600,"lineHeight":1.4,"use":"Class card titles"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Descriptions, marketing body"},"label":{"size":16,"weight":600,"lineHeight":1.4,"use":"Buttons, nav (CTA / label)"},"meta":{"size":14,"weight":400,"lineHeight":1.4,"use":"Creator names, class metadata"},"caption":{"size":12,"weight":400,"lineHeight":1.4,"use":"Badges, fine print"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":40,"section":40},"rounded":{"sm":6,"md":8,"lg":12,"xl":16,"full":999},"shadow":{"hover":"rgba(0,0,0,0.06) 0px 2px 8px","floating":"rgba(0,0,0,0.1) 0px 4px 16px","modal":"rgba(0,0,0,0.16) 0px 8px 24px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#202020","fg":"#FFFFFF","radius":"12px","height":"50px","padding":"15px 14px","font":"16px / 600","hover":"#000000","use":"Workhorse CTA — 시작하기 / 구독하기"},"button-brand":{"type":"button","bg":"#FF5D00","fg":"#FFFFFF","radius":"12px","padding":"15px 14px","font":"16px / 600","use":"High-energy promo moments only — the orange spark"},"button-secondary":{"type":"button","bg":"#FFFFFF","fg":"#202020","border":"1px solid #E5E5E5","radius":"12px","padding":"15px 14px","font":"16px / 600","use":"Secondary action beside black primary"},"button-ghost":{"type":"button","bg":"transparent","fg":"#333333","radius":"8px","font":"16px / 500","use":"Tertiary nav, 더보기"},"input":{"type":"input","bg":"#F3F3F3","fg":"#000000","radius":"8px","padding":"12px 16px","font":"16px / 400","focus":"border #202020","use":"Class search, form fields — #AAAAAA placeholder"},"class-card":{"type":"card","bg":"#FFFFFF","radius":"8px","padding":"0 + 12px text region","shadow":"rgba(0,0,0,0.06) 0px 2px 8px on hover","use":"Catalog atom — thumbnail top, title + creator + meta below"},"benefit-card":{"type":"card","bg":"#FFF1E8","radius":"8px","padding":"24px","use":"Subscription benefits, membership perks, value callouts"},"chip":{"type":"badge","bg":"#F3F3F3","fg":"#333333","radius":"999px","padding":"6px 14px","font":"13px / 500","use":"Category filters — 드로잉 / 베이킹 / 사진"},"badge-hot":{"type":"badge","bg":"#FF5D00","fg":"#FFFFFF","radius":"6px","padding":"2px 8px","font":"12px / 600","use":"NEW / 인기 high-energy emphasis on cards"},"top-nav-item":{"type":"tab","fg":"#767676","active":"#000000 weight 600","font":"16px / 500","use":"Category navigation"},"snackbar":{"type":"toast","bg":"#202020","fg":"#FFFFFF","radius":"8px","padding":"12px 16px","use":"찜한 클래스에 추가했어요 transient feedback"},"modal":{"type":"dialog","bg":"#FFFFFF","fg":"#000000","radius":"16px","padding":"24px","shadow":"backdrop rgba(0,0,0,0.5)","use":"Login, plan selection, class preview — bottom sheet top corners"}}} },
|
|
77
|
-
{ id: "classting", name: "Classting", displayName: "Classting", country: "KR", category: "education", homepage: "https://www.classting.com", primaryColor: "#00C896", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=classting.com&sz=256" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-08","colors":{"primary":"#00C896","primary-hover":"#17A27E","brand":"#00C896","canvas":"#FAFAFB","foreground":"#424242","muted":"#757575","on-primary":"#FFFFFF","surface":"#FFFFFF","surface-mint":"#EDF9F6","surface-lavender":"#FAF5FF","green-050":"#EFFFFA","accent-purple":"#9F7AEA","accent-orange":"#ED8936","accent-blue":"#4299E1","outline":"#ED872D","footer":"#000000"},"typography":{"family":{"sans":"Noto Sans KR","mono":"Noto Sans KR"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Body copy"},"label":{"size":14,"weight":500,"lineHeight":1,"use":"Sub-button / label"},"display-md":{"size":28,"weight":700,"use":"Section headings (.display-md)"},"display-lg":{"size":42,"weight":700,"lineHeight":1.29,"use":"Major feature headings (.display-lg)"},"display-x-lg":{"size":56,"weight":700,"lineHeight":1.21,"use":"Hero headings (.display-x-lg)"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":6,"md":8,"lg":16,"pill":24,"full":9999},"shadow":{"subtle":"rgba(0,0,0,0.05) 0px 0px 12px","raised":"rgba(0,0,0,0.08) 0px 2px 12px","accent":"rgba(0,200,150,0.08) 0px 5px 25px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#00C896","fg":"#FFFFFF","radius":8,"padding":"15px 16px","font":"14px/500","use":"primary CTA"},"button-black":{"type":"button","bg":"#424242","fg":"#FFFFFF","radius":8,"use":"alt CTA"},"button-outline":{"type":"button","fg":"#ED872D","radius":8,"use":"transparent, 1px #ED872D border"},"card":{"type":"card","bg":"#FFFFFF","radius":16,"padding":"24px 20px","use":"subtle 12px shadow"},"section-banner":{"type":"card","bg":"#00C896","radius":24,"padding":"64px 106px","use":"Consult banner"},"tag-mint":{"type":"badge","bg":"#EDF9F6","radius":6,"padding":"8px","font":"14px/500","use":"mint tag"}}} },
|
|
78
|
-
{ id: "classum", name: "Classum", displayName: "Classum (클라썸)", country: "KR", category: "education", homepage: "https://www.classum.com", primaryColor: "#ff4438", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=classum.com&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-08","colors":{"primary":"#ff4438","brand":"#ff4438","canvas":"#f6f6f9","surface":"#ffffff","subtle":"#f0f2f8","hero-dark":"#06080d","foreground":"#232334","body":"#49495a","muted":"#666b80","inert":"#758696","hairline":"#b5b9c8","on-primary":"#ffffff","accent-sky":"#0a84ff","accent-cobalt":"#243ce7","accent-violet":"#a567e4","accent-teal":"#00c3d0","success":"#34c759","warning":"#ffb020","danger":"#ff4438"},"typography":{"family":{"sans":"Pretendard Variable"},"hero-h1":{"size":52,"weight":700,"lineHeight":1.4,"use":"Hero H1 on inverted dark band"},"cta":{"size":15,"weight":600,"lineHeight":1.5,"use":"Primary button label"},"nav":{"size":14,"weight":400,"lineHeight":1.43,"use":"Nav link"},"body":{"size":14,"weight":400,"lineHeight":1.43,"use":"Body / default — Korean-density baseline"},"caption":{"size":12,"weight":500,"use":"Illustration / display captions"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":48,"section":80},"rounded":{"xs":4,"sm":8,"md":16,"lg":20,"xl":30,"full":9999},"shadow":{"none":"none","float":"rgba(0,0,0,0.08) 0px 8px 24px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#ff4438","fg":"#ffffff","radius":8,"padding":"6px 16px","font":"15/600","use":"Primary CTA — signal red fill, no shadow"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#232334","use":"Outline or text-only link, paired right of primary"},"nav":{"type":"tab","fg":"#232334","font":"14/400","use":"Horizontal menu, sticky on scroll, red 도입 문의 CTA right-aligned"},"card":{"type":"card","bg":"#ffffff","radius":20,"use":"White surface on lavender canvas, no border/shadow — bg contrast defines boundary"},"pill":{"type":"badge","radius":9999,"use":"Chip for feature tags and 신규 status markers"},"footer":{"type":"card","bg":"#06080d","fg":"#ffffff","use":"Dark band, white type, social icons + app-store badges + legal links"}}} },
|
|
79
|
-
{ id: "claude", name: "Claude (Anthropic)", displayName: "Claude (Anthropic)", country: "US", category: "ai", homepage: "https://claude.ai", primaryColor: "#cc785c", logo: { type: "simpleicons", slug: "anthropic" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-08","components_harvested":true,"note":"primary = Terracotta Brand (#c96442) per primary_color, the only chromatic CTA; entire neutral palette is warm-toned (yellow-brown undertone). Components harvested live (TIER 2) via playwright getComputedStyle across anthropic.com /, /pricing, /news (2026-06-09); claude.ai app shell is JS-gated and not headless-inspectable, so app-surface components are capped to marketing-site evidence. One cool accent observed: the highlighted Max pricing card uses a blue-tinted border + shadow rgba(98,158,218,0.16) 0px 4px 20px.","colors":{"primary":"#c96442","primary-hover":"#d97757","brand":"#c96442","canvas":"#f5f4ed","foreground":"#141413","muted":"#87867f","on-primary":"#faf9f5","surface":"#faf9f5","surface-sand":"#e8e6dc","surface-dark":"#30302e","body":"#5e5d59","label":"#4d4c48","on-dark":"#b0aea5","hairline":"#f0eee6","hairline-strong":"#e8e6dc","accent-coral":"#d97757","error":"#b53333","focus":"#3898ec","ring":"#d1cfc5","foreground-deep":"#0f0f0e","muted-strong":"#73726c","accent-rose":"#c46686"},"typography":{"family":{"sans":"Anthropic Sans","serif":"Anthropic Serif","mono":"Anthropic Mono"},"display-hero":{"size":64,"weight":500,"lineHeight":1.1,"use":"Hero headlines, book-title presence (serif)"},"section":{"size":52,"weight":500,"lineHeight":1.2,"use":"Feature section anchors (serif)"},"subheading-lg":{"size":36,"weight":500,"lineHeight":1.3,"use":"Secondary section markers (serif)"},"subheading":{"size":32,"weight":500,"lineHeight":1.1,"use":"Card titles, feature names (serif)"},"subheading-sm":{"size":25,"weight":500,"lineHeight":1.2,"use":"Smaller section titles (serif)"},"feature-title":{"size":21,"weight":500,"lineHeight":1.2,"use":"Small feature headings (serif)"},"body-serif":{"size":17,"weight":400,"lineHeight":1.6,"use":"Editorial serif body passages"},"body-lg":{"size":20,"weight":400,"lineHeight":1.6,"use":"Intro paragraphs (sans)"},"body-nav":{"size":17,"weight":400,"lineHeight":1.6,"use":"Navigation links, UI text (sans)"},"body":{"size":16,"weight":400,"lineHeight":1.6,"use":"Standard body, button text (sans)"},"body-sm":{"size":15,"weight":400,"lineHeight":1.6,"use":"Compact body text (sans)"},"caption":{"size":14,"weight":400,"lineHeight":1.43,"use":"Metadata, descriptions (sans)"},"label":{"size":12,"weight":500,"lineHeight":1.25,"tracking":0.12,"use":"Badges, small labels (sans)"},"overline":{"size":10,"weight":400,"lineHeight":1.6,"tracking":0.5,"use":"Uppercase overline labels (sans)"},"code":{"size":15,"weight":400,"lineHeight":1.6,"tracking":-0.32,"use":"Inline code, terminal (mono)"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":48,"section":80},"rounded":{"sm":4,"md":8,"lg":16,"xl":32,"full":9999},"shadow":{"whisper":"rgba(0,0,0,0.05) 0px 4px 24px","ring":"0px 0px 0px 1px #d1cfc5"},"components":{"button-primary":{"type":"button","bg":"#c96442","fg":"#faf9f5","radius":"8-12px","shadow":"ring #c96442 0px 0px 0px 1px","use":"Peak brand CTA — the only chromatic button"},"button-dark-cta":{"type":"button","bg":"#0f0f0e","fg":"#faf9f5","radius":"8px (split-pill 8/0/0/8 when paired)","padding":"8px 16px","height":"36px","font":"15px / 400","use":"Default marketing CTA — dark-on-warm 'Try Claude'"},"button-secondary":{"type":"button","bg":"#e8e6dc","fg":"#4d4c48","radius":"8px","padding":"0px 12px 0px 8px","shadow":"ring #e8e6dc 0px 0px 0px 0px, #d1cfc5 0px 0px 0px 1px","use":"Workhorse interactive surface — warm, unassuming"},"button-outline":{"type":"button","bg":"#f5f4ed","fg":"#73726c","border":"1px solid #d1cfc5","radius":"8px","padding":"8px 16px 8px 24px","height":"40px","font":"serif label","use":"Quiet 'See more' affordance on light sections"},"button-dark":{"type":"button","bg":"#141413","fg":"#b0aea5","border":"1px solid #30302e","radius":"12px","padding":"9.6px 16.8px","use":"Dark-theme button variant"},"segmented-tab":{"type":"tab","bg":"#ffffff","active":"text #141413","radius":"12px","padding":"8px 16px","height":"40px","font":"20px Anthropic Sans","use":"Individual / Teams plan switcher on /pricing"},"card":{"type":"card","bg":"#faf9f5","border":"1px solid #f0eee6","radius":"8-16px","shadow":"whisper rgba(0,0,0,0.05) 0px 4px 24px","use":"Generic card & container"},"pricing-card":{"type":"card","bg":"#ffffff","border":"1px solid #f0eee6","radius":"24px","padding":"32px","use":"Free / Pro plan containers — flat, clean"},"pricing-card-featured":{"type":"card","bg":"#ffffff","border":"blue-tinted rgba(106,155,204,0.2)","radius":"24px","padding":"32px","shadow":"cool glow rgba(98,158,218,0.16) 0px 4px 20px","use":"Max upsell plan — the one deliberate cool accent"},"prompt-suggestion-card":{"type":"card","bg":"#141413","fg":"#87867f","border":"1px solid #30302e","radius":"12px","padding":"8px","use":"Write / Learn / Code starter cards in dark chat mock"},"news-feature-card":{"type":"card","bg":"#c46686","fg":"#141413","radius":"16px","padding":"40px","font":"serif headline","shadow":"layered soft rgba(0,0,0,0.04) 0px 1px 1px, rgba(0,0,0,0.06) 0px 4px 4px, rgba(0,0,0,0.08) 0px 16px 24px","use":"Editorial /news hero — chromatic, non-interactive"},"input-search":{"type":"input","bg":"#ffffff","fg":"#141413","border":"1px solid #d1cfc5","radius":"12px","padding":"8px 16px 8px 40px","height":"44px","font":"14px Anthropic Sans","use":"Clean rounded search field, 44px touch target"},"input":{"type":"input","fg":"#141413","radius":"12px","focus":"ring border #3898ec — the only cool color moment","use":"General text input"},"nav":{"type":"card","bg":"#faf9f5","height":"68px","padding":"16px vertical","fg":"#0f0f0e","font":"serif wordmark, links 16-20px","hover":"text shifts to foreground-primary, no decoration","use":"Top nav / header with Try Claude CTA"},"footer":{"type":"card","bg":"#141413","fg":"#b0aea5","font":"12px Anthropic Sans, 24px line-height","use":"Closing dark band — Ivory #faf9f5 headings, warm-silver links"}}} },
|
|
80
|
-
{ id: "clay", name: "Clay", displayName: "Clay", country: "US", category: "design-tools", homepage: "https://www.clay.com", primaryColor: "#ffd23f", logo: { type: "github", slug: "clay-run" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"primary = live interactive/text Clay Black (#000000, Tier 1); brand = Lemon-gold marketing swatch (#fbbd41). primary_color field #ffd23f is the press-kit gold, not present verbatim in prose.","colors":{"primary":"#000000","brand":"#fbbd41","canvas":"#faf9f7","foreground":"#000000","muted":"#9f9b93","on-primary":"#ffffff","surface":"#ffffff","hairline":"#dad4c8","body":"#55534e","link":"#333333","accent-matcha":"#078a52","accent-slushie":"#3bd3fd","accent-lemon":"#fbbd41","accent-ube":"#43089f","accent-pomegranate":"#fc7981","accent-blueberry":"#01418d","error":"#ef4444","badge-bg":"#f0f8ff","badge-text":"#3859f9"},"typography":{"family":{"sans":"Roobert","mono":"Space Mono"},"display-hero":{"size":80,"weight":600,"lineHeight":1,"tracking":-3.2,"use":"Hero headlines, all 5 stylistic sets"},"display-secondary":{"size":60,"weight":600,"lineHeight":1,"tracking":-2.4,"use":"Secondary hero headlines"},"section":{"size":44,"weight":600,"lineHeight":1.1,"tracking":-1.32,"use":"Section headings"},"card-heading":{"size":32,"weight":600,"lineHeight":1.1,"tracking":-0.64,"use":"Card headings"},"feature-title":{"size":20,"weight":600,"lineHeight":1.4,"tracking":-0.4,"use":"Feature titles"},"subheading":{"size":20,"weight":500,"lineHeight":1.5,"tracking":-0.16,"use":"Sub-headings, no ss01"},"body-large":{"size":20,"weight":400,"lineHeight":1.4,"use":"Large body text"},"body":{"size":18,"weight":400,"lineHeight":1.6,"tracking":-0.36,"use":"Relaxed body text"},"body-standard":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text"},"button":{"size":16,"weight":500,"lineHeight":1.5,"tracking":-0.16,"use":"Button label"},"button-large":{"size":24,"weight":400,"lineHeight":1.5,"use":"Large button label"},"nav-link":{"size":15,"weight":500,"lineHeight":1.6,"use":"Navigation links"},"caption":{"size":14,"weight":400,"lineHeight":1.5,"tracking":-0.14,"use":"Captions"},"small":{"size":12,"weight":400,"lineHeight":1.5,"use":"Small text"},"uppercase-label":{"size":12,"weight":600,"lineHeight":1.2,"tracking":1.08,"use":"Uppercase wayfinding labels"},"badge":{"size":9.6,"weight":600,"use":"Pill badges"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"badge":11,"card":12,"feature":24,"section":40,"full":1584},"shadow":{"clay":"rgba(0,0,0,0.1) 0px 1px 1px, rgba(0,0,0,0.04) 0px -1px 1px inset, rgba(0,0,0,0.05) 0px -0.5px 1px","hard-offset":"rgb(0,0,0) -7px 7px"},"components_harvested":true,"components":{"button-primary":{"type":"button","fg":"#000000","use":"Transparent fill, black text, hover rotateZ(-8deg) + hard offset shadow"},"button-white-solid":{"type":"button","bg":"#ffffff","fg":"#000000","radius":12,"use":"White fill, animated rotation hover — CTA on colored sections"},"button-ghost":{"type":"button","fg":"#000000","radius":4,"use":"Transparent fill, 1px border, dragonfruit hover"},"card":{"type":"card","bg":"#ffffff","radius":12,"use":"White surface on cream, 1px solid #dad4c8 oat border, multi-layer clay shadow with inset highlight"},"swatch-section":{"type":"card","use":"Full-width swatch-colored background (matcha/slushie/ube/lemon), white or black text by contrast"},"dashed-border":{"type":"card","use":"1px dashed #dad4c8 for secondary/decorative containers — hand-drawn craft quality"},"uppercase-label":{"type":"badge","fg":"#000000","font":"12/600","use":"Uppercase, 1.08px tracking — wayfinding system"}}}, ds: { name: "Clay Newsroom", url: "https://www.clay.com/press", type: "brand", description: "Clay's official press kit and co-branding guidelines." } },
|
|
81
|
-
{ id: "clickhouse", name: "ClickHouse", displayName: "ClickHouse", country: "US", category: "backend-devops", homepage: "https://clickhouse.com", primaryColor: "#fff100", logo: { type: "simpleicons", slug: "clickhouse" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"primary = live interactive Neon Volt (#faff69); brand = documented logo/marketing yellow (#fff100)","colors":{"primary":"#faff69","primary-hover":"#f4f692","brand":"#fff100","canvas":"#000000","foreground":"#ffffff","muted":"#a0a0a0","on-primary":"#151515","surface":"#141414","surface-hover":"#3a3a3a","hairline":"#414141","hairline-deep":"#343434","cta-green":"#166534","cta-green-dark":"#14572f","active":"#f4f692","border-olive":"#4f5100","olive-dark":"#161600"},"typography":{"family":{"sans":"Inter","display":"Basier","mono":"Inconsolata"},"display-mega":{"size":96,"weight":900,"lineHeight":1,"use":"Hero headline, maximum impact extra-heavy"},"display-hero":{"size":72,"weight":700,"lineHeight":1,"use":"Section hero titles"},"feature-heading":{"size":36,"weight":600,"lineHeight":1.3,"use":"Feature section anchors (Basier)"},"subheading":{"size":24,"weight":600,"lineHeight":1.17,"use":"Card headings"},"feature-title":{"size":20,"weight":600,"lineHeight":1.4,"use":"Small feature titles"},"body-lg":{"size":18,"weight":400,"lineHeight":1.56,"use":"Intro paragraphs, button text"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard body, nav, buttons"},"caption":{"size":14,"weight":400,"lineHeight":1.43,"use":"Metadata, descriptions, links"},"uppercase-label":{"size":14,"weight":600,"lineHeight":1.43,"tracking":1.4,"use":"Section overlines, wide-tracked uppercase"},"code":{"size":16,"weight":600,"lineHeight":1.5,"use":"Code blocks, commands (Inconsolata)"},"small":{"size":12,"weight":500,"lineHeight":1.33,"use":"Smallest text"},"micro":{"size":11.2,"weight":500,"lineHeight":1.79,"use":"Tags, tiny labels"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"full":9999},"shadow":{"subtle":"rgba(0,0,0,0.1) 0px 1px 3px, rgba(0,0,0,0.1) 0px 1px 2px -1px","elevated":"rgba(0,0,0,0.1) 0px 10px 15px -3px, rgba(0,0,0,0.1) 0px 4px 6px -4px","inset":"rgba(0,0,0,0.06) 0px 4px 4px, rgba(0,0,0,0.14) 0px 4px 25px inset"},"components_harvested":true,"components":{"button-neon-primary":{"type":"button","bg":"#faff69","fg":"#151515","radius":4,"padding":"0px 16px","use":"Neon Volt fill; hover darkens, active text pale yellow"},"button-dark-solid":{"type":"button","bg":"#141414","fg":"#ffffff","radius":4,"padding":"12px 16px","use":"Near-black fill; hover #3a3a3a"},"button-forest-green":{"type":"button","bg":"#166534","fg":"#ffffff","use":"Forest green fill — primary conversion CTA"},"button-ghost":{"type":"button","fg":"#ffffff","radius":4,"use":"Transparent fill, 1px solid #4f5100 olive border"},"card":{"type":"card","bg":"#141414","radius":4,"use":"Near-black surface, 1px charcoal border"},"card-neon-highlight":{"type":"card","bg":"#141414","radius":4,"use":"Dark card with 1px solid #faff69 neon border for featured/selected treatment"},"performance-stat":{"type":"card","fg":"#faff69","use":"Oversized number 72px+ weight 700-900, neon accents, brief description beneath"}}}, ds: { name: "ClickHouse Design", url: "https://clickhouse.design", type: "system", description: "ClickHouse brand hub plus the Click UI design system and component library." } },
|
|
82
|
-
{ id: "cloudflare", name: "Cloudflare", displayName: "Cloudflare", country: "US", category: "backend-devops", homepage: "https://www.cloudflare.com", primaryColor: "#F6821F", logo: { type: "simpleicons", slug: "cloudflare" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"design-system","extracted":"2026-06-08","components_harvested":true,"note":"Cloudflare Orange #F6821F is the singular brand + primary-action color; rationed to one or two places per screen. Warm near-black text, never pure #000.","colors":{"primary":"#F6821F","primary-hover":"#E2700B","primary-pressed":"#D9700F","brand":"#F6821F","brand-gradient-end":"#FAAD3F","canvas":"#FFFFFF","surface":"#FFFFFF","surface-alt":"#F7F7F7","foreground":"#1D1F20","body":"#36393A","muted":"#717174","placeholder":"#999999","hairline":"#EDEDED","border-strong":"#D9D9D9","on-primary":"#FFFFFF","orange-tint":"#FDF3E7","success":"#2FB344","error":"#BD2528","warning":"#F6C549","info":"#2C7CB0","dark-bg":"#15171A","dark-surface":"#262A2E","dark-border":"#3A3F44","dark-text":"#E4E6E7"},"typography":{"family":{"sans":"Inter","mono":"JetBrains Mono"},"display-hero":{"size":56,"weight":700,"lineHeight":1.1,"tracking":-0.02,"use":"Marketing hero headline"},"display":{"size":40,"weight":700,"lineHeight":1.15,"tracking":-0.02,"use":"Major section headers"},"heading-1":{"size":32,"weight":700,"lineHeight":1.2,"tracking":-0.01,"use":"Page titles"},"heading-2":{"size":24,"weight":600,"lineHeight":1.3,"tracking":-0.01,"use":"Section / card group titles"},"heading-3":{"size":20,"weight":600,"lineHeight":1.4,"use":"Card headings, panel titles"},"subtitle":{"size":18,"weight":600,"lineHeight":1.45,"use":"Lead-in / dashboard section labels"},"body-large":{"size":16,"weight":400,"lineHeight":1.6,"use":"Marketing paragraphs"},"body":{"size":14,"weight":400,"lineHeight":1.55,"use":"Dashboard standard text"},"body-small":{"size":13,"weight":400,"lineHeight":1.5,"use":"Table cells, secondary info"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"use":"Metadata, timestamps, helper text"},"label-eyebrow":{"size":12,"weight":600,"lineHeight":1.4,"tracking":0.06,"use":"Section eyebrows, table headers, uppercase"},"code-mono":{"size":13,"weight":400,"lineHeight":1.6,"use":"DNS records, IPs, API tokens, code"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":6,"lg":8,"xl":12,"full":9999},"shadow":{"subtle":"rgba(0,0,0,0.06) 0px 1px 3px 0px","raised":"rgba(0,0,0,0.08) 0px 4px 16px 0px","floating":"rgba(0,0,0,0.12) 0px 8px 24px 0px","modal":"rgba(0,0,0,0.18) 0px 12px 32px 0px"},"components":{"button-primary":{"type":"button","bg":"#f6821f","fg":"#ffffff","radius":"8px","height":"36px","padding":"0 12px","font":"14px / 600","hover":"#e2700b","active":"#d9700f","focus":"2px brand ring","disabled":"brand 50% opacity","use":"Primary action — Get started, Add site, Save, Deploy"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#36393a","border":"1px solid #d9d9d9","radius":"8px","hover":"bg #fafafa · border #a1a1a1","use":"Companion to a primary — Cancel, Back"},"button-ghost":{"type":"button","bg":"transparent","fg":"#f6821f","radius":"8px","padding":"0 12px","hover":"bg #fdf3e7","use":"Inline low-emphasis action, Learn more, text-link button"},"button-danger":{"type":"button","bg":"#bd2528","fg":"#ffffff","radius":"8px","hover":"#a11f22","use":"Delete zone, remove record, purge — confirmation contexts only"},"button-sm":{"type":"button","height":"26px","radius":"6px","padding":"0 8px","font":"12px / 600","use":"Toolbar and table-row inline actions where vertical space is tight"},"icon-button":{"type":"button","height":"36px","radius":"8px","padding":"0","use":"Close, kebab menu, copy-to-clipboard affordance"},"input":{"type":"input","bg":"#ffffff","fg":"#1d1f20","border":"1px solid #d9d9d9","radius":"8px","height":"40px","padding":"0 16px","font":"14px / 400","focus":"1.5px brand ring · 0 0 0 3px rgba(246,130,31,0.2)","use":"Standard form input, search, config values"},"input-mono":{"type":"input","bg":"#ffffff","fg":"#1d1f20","border":"1px solid #d9d9d9","radius":"8px","font":"13px / 400 JetBrains Mono","use":"DNS record values, IP entry, token paste fields"},"select":{"type":"input","bg":"#ffffff","fg":"#1d1f20","border":"1px solid #d9d9d9","radius":"8px","height":"40px","use":"Plan picker, record-type selector, region dropdown — #717174 chevron"},"switch":{"type":"toggle","active":"#f6821f","disabled":"#d9d9d9","radius":"5px","use":"Proxy on/off, feature flags, security toggles — white thumb with edge+drop shadow"},"checkbox":{"type":"toggle","bg":"#f6821f","border":"1px solid #d9d9d9","radius":"6px","use":"Multi-select rules, plan options, consent — brand fill + white glyph when checked"},"card":{"type":"card","bg":"#ffffff","border":"1px solid #ededed","radius":"8px","padding":"24px","shadow":"0 1px 3px rgba(0,0,0,0.06)","use":"Dashboard config panels, analytics modules — the workhorse surface"},"stat-card":{"type":"card","bg":"#ffffff","border":"1px solid #ededed","radius":"8px","padding":"20px","font":"32px / 700 #1d1f20 number · 12px / 600 uppercase #717174 label","use":"Analytics summary tiles (requests, bandwidth, threats blocked)"},"surface":{"type":"card","bg":"#ffffff","border":"1px solid #ededed","use":"kumo elevation roles — canvas #ffffff, recessed #f7f7f7, line/hairline #ededed"},"badge":{"type":"badge","radius":"9999px","padding":"2px 8px","font":"12px / 500","use":"NEW, Beta, version, plan, short metadata — neutral/success/error/warning/info/orange + dashed-brand + 7px status dot"},"status-pill":{"type":"badge","bg":"#e8f5d8","fg":"#3d6b14","radius":"9999px","padding":"2px 10px","font":"12px / 600","states":"green active #e8f5d8/#3d6b14 · red down #fbe2e2/#bd2528 · yellow pending #fcf3d6/#8a6d1b · grey #ededed/#4d4d4d · orange #fdf3e7/#c2670f","use":"Active, Proxied, Down, Pending status with colored dot"},"tabs":{"type":"tab","active":"text #1d1f20 + 2px bottom border #f6821f","border":"1px solid #ededed bottom rule","font":"14px / 600","disabled":"#717174 inactive label","use":"Dashboard section switching (Overview / Analytics / DNS / SSL)"},"table":{"type":"card","bg":"#ffffff","border":"1px solid #ededed","font":"13px / 400 #36393a body","padding":"12px 16px","hover":"#fafafa row","use":"DNS records, firewall rules, analytics logs — header bg #fafafa 12px/600 uppercase #717174"},"dialog":{"type":"dialog","bg":"#ffffff","fg":"#1d1f20","border":"1px solid #ededed","radius":"12px","padding":"32px","shadow":"0 12px 32px rgba(0,0,0,0.18)","use":"Confirmations, destructive double-checks, add-record flows — scrim rgba(29,31,32,0.5), scale-90 enter over 150ms"},"toast":{"type":"toast","bg":"#1d1f20","fg":"#ffffff","radius":"12px","padding":"16px","shadow":"0 8px 24px rgba(0,0,0,0.12)","states":"success #2fb344 · error #bd2528 · warning #f6c549 · info #2c7cb0","use":"Auto-dismissing confirmation, fixed bottom-right 340px, 4-5s dismiss"},"tooltip":{"type":"card","bg":"#ffffff","fg":"#1d1f20","border":"1px solid #ededed","radius":"6px","padding":"6px 10px","font":"13px / 400","shadow":"shadow-lg","use":"Icon labels, truncated-value reveal, glossary terms"},"code-block":{"type":"card","bg":"#f5f5f5","fg":"#1d1f20","border":"1px solid #ededed","radius":"6px","padding":"12px 16px","font":"13px / 400 JetBrains Mono","use":"API examples, Worker snippets, curl commands, DNS values"}}} },
|
|
83
|
-
{ id: "cohere", name: "Cohere", displayName: "Cohere", country: "US", category: "ai", homepage: "https://cohere.com", primaryColor: "#39594d", logo: { type: "github", slug: "cohere-ai" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"primary_color #39594d is the brand green token; live UI is near-monochrome — primary interactive accent is Interaction Blue #1863dc","colors":{"primary":"#1863dc","primary-hover":"#1863dc","brand":"#39594d","canvas":"#ffffff","foreground":"#000000","muted":"#93939f","on-primary":"#ffffff","near-black":"#212121","deep-dark":"#17171c","ring-blue":"#4c6ee6","focus-purple":"#9b60aa","snow":"#fafafa","surface-alt":"#f2f2f2","hairline":"#f2f2f2","border-cool":"#d9d9dd","border-light":"#e5e7eb"},"typography":{"family":{"display":"CohereText","sans":"Unica77 Cohere Web","mono":"CohereMono"},"display-hero":{"size":72,"weight":400,"lineHeight":1,"tracking":-1.44,"use":"Hero, serif authority"},"display-secondary":{"size":60,"weight":400,"lineHeight":1,"tracking":-1.2,"use":"Large section headings"},"section":{"size":48,"weight":400,"lineHeight":1.2,"tracking":-0.48,"use":"Feature section titles"},"subheading":{"size":32,"weight":400,"lineHeight":1.2,"tracking":-0.32,"use":"Card headings, feature names"},"feature-title":{"size":24,"weight":400,"lineHeight":1.3,"use":"Smaller section titles"},"body-lg":{"size":18,"weight":400,"lineHeight":1.4,"use":"Intro paragraphs"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard body, button text"},"button-medium":{"size":14,"weight":500,"lineHeight":1.71,"use":"Smaller buttons, emphasized labels"},"caption":{"size":14,"weight":400,"lineHeight":1.4,"use":"Metadata, descriptions"},"uppercase-label":{"size":14,"weight":400,"lineHeight":1.4,"tracking":0.28,"use":"Uppercase section labels"},"small":{"size":12,"weight":400,"lineHeight":1.4,"use":"Smallest text, footer links"},"code-micro":{"size":8,"weight":400,"lineHeight":1.4,"tracking":0.16,"use":"Tiny uppercase code labels"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":40,"section":60},"rounded":{"sm":4,"md":8,"lg":16,"xl":20,"signature":22,"full":9999},"shadow":{"soft":"none — depth via background contrast and cool-gray borders"},"components_harvested":true,"components":{"button-ghost":{"type":"button","fg":"#000000","use":"Transparent fill; hover text shifts to #1863dc; focus 2px solid #1863dc outline — the base button style"},"button-dark-solid":{"type":"button","bg":"#000000","fg":"#ffffff","use":"Dark fill, pill or standard radius — CTA on light surfaces"},"button-outlined":{"type":"button","use":"Border-based containment for secondary actions"},"card":{"type":"card","bg":"#ffffff","radius":22,"use":"Signature radius, 1px solid #f2f2f2 border, shadow-free"},"input":{"type":"input","use":"Focus border #9b60aa 1px solid; focus outline 2px solid #1863dc"},"uppercase-code-tag":{"type":"badge","use":"CohereMono uppercase with positive letter-spacing as section markers"},"purple-hero-band":{"type":"card","radius":22,"use":"Full-width deep purple section housing product screenshots"}}}, ds: { name: "Cohere Newsroom", url: "https://cohere.com/newsroom", type: "brand", description: "Cohere's press kit with logos, symbols, and media resources.", ogImage: "https://cdn.sanity.io/images/rjtqmwfu/web3-prod/0750efbc3db33b1a67bc77575525b076f0137f26-1200x630.jpg?w=1200&h=630" } },
|
|
84
|
-
{ id: "coinbase", name: "Coinbase", displayName: "Coinbase", country: "US", category: "fintech", homepage: "https://www.coinbase.com", primaryColor: "#0052ff", logo: { type: "simpleicons", slug: "coinbase" }, verified: "2026-05-15", tokens: {"source":"design-system","extracted":"2026-06-08","components_harvested":true,"colors":{"primary":"#0052ff","primary-hover":"#578bfa","brand":"#0052ff","canvas":"#ffffff","foreground":"#0a0b0d","muted":"#5b616e","on-primary":"#ffffff","surface":"#eef0f3","surface-dark":"#282b31","dark-section":"#0a0b0d","link":"#0667d0"},"typography":{"family":{"sans":"CoinbaseSans","display":"CoinbaseDisplay","body":"CoinbaseText","icon":"CoinbaseIcons"},"display-hero":{"size":80,"weight":400,"lineHeight":1,"use":"Hero headlines, maximum impact"},"display-secondary":{"size":64,"weight":400,"lineHeight":1,"use":"Sub-hero headlines"},"display-third":{"size":52,"weight":400,"lineHeight":1,"use":"Third-tier display"},"section-heading":{"size":36,"weight":400,"lineHeight":1.11,"use":"Feature section titles"},"card-title":{"size":32,"weight":400,"lineHeight":1.13,"use":"Card headings"},"feature-title":{"size":18,"weight":600,"lineHeight":1.33,"use":"Feature emphasis"},"body-bold":{"size":16,"weight":700,"lineHeight":1.5,"use":"Strong body"},"body-semibold":{"size":16,"weight":600,"lineHeight":1.25,"use":"Buttons, nav"},"body":{"size":18,"weight":400,"lineHeight":1.56,"use":"Standard reading"},"body-small":{"size":16,"weight":400,"lineHeight":1.5,"use":"Secondary reading"},"button":{"size":16,"weight":600,"lineHeight":1.2,"tracking":0.16,"use":"Button labels"},"caption":{"size":14,"weight":600,"lineHeight":1.5,"use":"Metadata"},"small":{"size":13,"weight":600,"lineHeight":1.23,"use":"Tags"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":16,"xl":40,"pill":56,"full":100000},"shadow":{"soft":"minimal — depth from dark/light section contrast, not box-shadow"},"components":{"button-primary":{"type":"button","bg":"#0052ff","fg":"#ffffff","radius":"100000px","border":"1px solid #0052ff","font":"16px / 600","hover":"bg #578bfa","focus":"2px solid black outline","states":"loading hides label + ProgressCircle · sizes Compact/Default/Block","use":"High-emphasis primary CTA, one per screen"},"button-secondary":{"type":"button","bg":"#eef0f3","fg":"#0a0b0d","radius":"100000px","border":"1px solid #eef0f3","font":"16px / 600","use":"Medium-emphasis equal-weight actions"},"button-tertiary":{"type":"button","bg":"#eef0f3","fg":"#0a0b0d","radius":"100000px","states":"transparent-until-interaction","use":"Low-emphasis action"},"button-inverse":{"type":"button","bg":"#282b31","fg":"#ffffff","radius":"100000px","use":"High contrast on dark sections"},"button-negative":{"type":"button","fg":"#ffffff","radius":"100000px","use":"Destructive only, used sparingly"},"button-transparent":{"type":"button","bg":"transparent","fg":"#0a0b0d","radius":"100000px","states":"container visible only on hover/press · sizes Compact/Default/Block · startIcon+endIcon slots","use":"Transparent modifier on any variant"},"button-blue-bordered":{"type":"button","bg":"transparent","fg":"#0052ff","radius":"100000px","border":"1px solid #0052ff","font":"16px / 600","use":"Secondary CTA pairing"},"icon-button":{"type":"button","bg":"transparent","radius":"100000px","height":"56px","use":"Icon-only action, 56px round hit-target"},"chip":{"type":"badge","bg":"#eef0f3","fg":"#0a0b0d","radius":"100000px","states":"selected bg #0052ff","use":"Pill selectable token"},"nav-tab-chip":{"type":"tab","fg":"#0667d0","radius":"16px","padding":"4px 16px","font":"14px / 400","use":"Header category chip"},"text-input":{"type":"input","bg":"#ffffff","fg":"#0a0b0d","border":"1px solid rgba(91,97,110,0.2)","radius":"8px","height":"56px","padding":"16px","font":"16px / 400","states":"label outside/inside-float · negative sets aria-invalid + 'Error: …' helper · positive validated · read-only secondary bg · disabled distinct","use":"Bordered text field"},"search-input":{"type":"input","bg":"transparent","fg":"#0a0b0d","border":"none","font":"16px / 400","states":"borderless inline · leading search glyph","use":"Inline search field"},"switch":{"type":"toggle","states":"control #0052ff when checked · optional thumb elevation","use":"On/off toggle"},"checkbox-radio":{"type":"toggle","active":"selected fill #0052ff","states":"Cell + Group wrappers","use":"Checkbox and Radio selection"},"segmented-control":{"type":"tab","bg":"#eef0f3","active":"active segment #0052ff","radius":"100000px","use":"Time-range and view switches"},"card":{"type":"card","bg":"#ffffff","border":"1px solid rgba(91,97,110,0.2)","radius":"8px–40px","shadow":"none — depth from section contrast","states":"ContentCard Header/Body/Footer · DataCard/MediaCard/NudgeCard/UpsellCard","use":"Content container family"},"data-table":{"type":"card","border":"1px solid rgba(91,97,110,0.2)","states":"desktop-only (Lists View on mobile) · variants default/graph/ruled · required header row · sortable · sticky header · TableCellFallback skeleton","use":"Tabular data, desktop only"},"list-cell":{"type":"listItem","fg":"#0a0b0d","states":"leading CellMedia + title/subtitle","use":"Mobile substitute for Table, asset rows"},"modal":{"type":"dialog","bg":"#ffffff","shadow":"scrim overlay + FocusTrap","states":"visible + onRequestClose · restoreFocusOnUnmount=false for chains · FullscreenModal/Tray/Alert/FullscreenAlert siblings","use":"Header/Body/Footer modal"},"toast":{"type":"toast","states":"bottom-anchored · auto-dismiss 5s base + close button · bgPositive/bgNegative/bgWarning · role=alert · persists on hover","use":"Transient status message"},"tooltip":{"type":"card","states":"Tooltip + PopoverPanel + Coachmark","use":"Contextual hints and first-run tours"},"banner":{"type":"card","border":"global avoids custom radius — flush with status bar","states":"styles global/inline/contextual · variants informational/warning/error/promotional · startIcon+title+children+primaryAction+secondaryAction+showDismiss","use":"Feedback and status messaging"},"progress":{"type":"card","fg":"#0052ff","states":"ProgressCircle determinate 0–100% / indeterminate fgMuted arc · stroke thin 2px/normal 4px/semiheavy 8px/heavy 12px · ProgressBar + Spinner","use":"Determinate/indeterminate progress"},"sparkline":{"type":"card","fg":"#0052ff","states":"Sparkline/LineChart/AreaChart/BarChart/PercentageBarChart · live price ticks flash green/red (disabled under reduced-motion)","use":"Inline price/chart visualization"},"dark-section":{"type":"card","bg":"#0a0b0d","fg":"#ffffff","active":"accent links #0052ff","use":"Dark feature section"}}} },
|
|
85
|
-
{ id: "coinone", name: "Coinone", displayName: "Coinone", country: "KR", category: "fintech", homepage: "https://coinone.co.kr", primaryColor: "#006BD6", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=coinone.co.kr&sz=256" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"primary = live filled-CTA blue (#0B59D5); brand = BI 'Coinone Blue' identity (#006BD6) — applied shades of the same blue, not a conflict","colors":{"primary":"#0B59D5","primary-hover":"#194386","brand":"#006BD6","point":"#0090FF","canvas":"#FFFFFF","foreground":"#040505","muted":"#6B7684","on-primary":"#FFFFFF","accent-outline":"#1772F8","body":"#17181B","hairline":"#DDE4EB","surface-tint":"#EBF0F5","skeleton":"#EEEFF0","disabled":"#CFD0D3","navy":"#062554"},"typography":{"family":{"sans":"Pretendard","mono":"SFMono-Regular"},"hero":{"size":32,"weight":700,"lineHeight":1.2,"use":"Hero / section titles, near-black #040505"},"control":{"size":15,"weight":700,"lineHeight":1,"use":"Primary control / button label"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Body & list rows (13-15px / 400-500)"},"figure":{"size":14,"weight":600,"lineHeight":1.3,"use":"Trading numerals — dense, right-aligned, weighted when changing"},"micro":{"size":12,"weight":400,"lineHeight":1.4,"use":"Micro-labels & helper, muted #6B7684"}},"spacing":{"xs":4,"sm":8,"md":12,"base":8,"lg":18,"xl":32,"xxl":48,"section":64},"rounded":{"sm":3,"chip":6,"md":8,"lg":10,"full":9999},"shadow":{"soft":"rgba(0,0,0,0.05) 0px 1px 2px 0px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#0B59D5","fg":"#FFFFFF","radius":8,"font":"15/700","use":"Primary CTA, 46px height — one per view"},"button-secondary":{"type":"button","bg":"#FFFFFF","fg":"#040505","radius":8,"font":"15/500","use":"White fill, 1px #DDE4EB border"},"accent-outline":{"type":"button","fg":"#1772F8","radius":3,"use":"Transparent fill, 1px #1772F8 border — signup/inline emphasis"},"filter-chip":{"type":"badge","bg":"#FFFFFF","radius":6,"use":"1px #DDE4EB border, 32px height; active = 1px #040505 border + 700"},"store-button":{"type":"button","bg":"#EBF0F5","radius":10,"font":"13/700","use":"Light or dark (#040505) fill, 48px height"},"icon-button":{"type":"button","fg":"#040505","radius":9999,"padding":"5px","use":"Circular semi-transparent fill"}}}, ds: { name: "Coinone Brand Guideline", url: "https://coinonecorp.com/company/brand", type: "brand", description: "Official BI/brand guideline (v4.0) — Coinone Blue color system, signature logo lockups, clear-space rules." } },
|
|
86
|
-
{ id: "composio", name: "Composio", displayName: "Composio", country: "US", category: "backend-devops", homepage: "https://composio.dev", primaryColor: "#6366f1", logo: { type: "github", slug: "composiohq" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-08","note":"primary_color field (#6366f1) is an indigo approximation; the live DS brand is Composio Cobalt #0007cd. Dark-canvas system: many roles use white-opacity (rgba) borders/text — only stated 6-digit hexes promoted to colors; opacity variants live in shadow/note context.","colors":{"primary":"#0007cd","brand":"#0007cd","accent-cyan":"#00ffff","accent-signal":"#0089ff","accent-ocean":"#0096ff","canvas":"#0f0f0f","surface":"#000000","hairline":"#2c2c2c","foreground":"#ffffff","muted":"#444444","on-primary":"#ffffff","light-border":"#e0e0e0"},"typography":{"family":{"sans":"abcDiatype","mono":"JetBrains Mono"},"display-hero":{"size":64,"weight":400,"lineHeight":0.87,"use":"Massive compressed hero headings"},"section":{"size":48,"weight":400,"lineHeight":1,"use":"Major feature section titles"},"subheading-lg":{"size":40,"weight":400,"lineHeight":1,"use":"Secondary section markers"},"subheading":{"size":28,"weight":400,"lineHeight":1.2,"use":"Card titles, feature names"},"card-title":{"size":24,"weight":500,"lineHeight":1.2,"use":"Medium-emphasis card headings"},"feature-label":{"size":20,"weight":500,"lineHeight":1.2,"use":"Smaller card titles, labels"},"body-lg":{"size":18,"weight":400,"lineHeight":1.2,"use":"Intro paragraphs"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Body text, nav links, buttons"},"body-sm":{"size":15,"weight":400,"lineHeight":1.63,"use":"Longer-form body text"},"caption":{"size":14,"weight":400,"lineHeight":1.63,"use":"Descriptions, metadata"},"label":{"size":13,"weight":500,"lineHeight":1.5,"use":"UI labels, badges"},"overline":{"size":12,"weight":500,"lineHeight":1,"tracking":0.3,"use":"Uppercase overline labels"},"code":{"size":16,"weight":400,"lineHeight":1.5,"tracking":-0.32,"use":"Inline code, terminal output (JetBrains Mono)"},"code-sm":{"size":14,"weight":400,"lineHeight":1.5,"tracking":-0.28,"use":"Code snippets, technical labels (JetBrains Mono)"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":40,"section":80},"rounded":{"sm":2,"md":4,"lg":37,"full":9999},"shadow":{"brutalist":"rgba(0,0,0,0.15) 4px 4px 0px 0px","floating":"rgba(0,0,0,0.5) 0px 8px 32px","glow-cyan":"rgba(0,255,255,0.12) radial halo"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#ffffff","fg":"#0f0f0f","radius":4,"padding":"8px 24px","use":"White fill, near-black text, no border"},"button-cyan":{"type":"button","radius":4,"use":"Electric cyan 12% bg, 1px ocean blue #0096ff border, glow-from-within"},"button-ghost":{"type":"button","radius":4,"padding":"10px","use":"Transparent fill, 1px signal blue #0089ff or charcoal #2c2c2c border"},"card":{"type":"card","bg":"#000000","radius":4,"use":"Pure black surface, white-opacity 4-12% border, optional brutalist shadow"},"code-block":{"type":"card","bg":"#000000","radius":4,"use":"JetBrains Mono, white-opacity 10% border, syntax-highlighted"}}} },
|
|
87
|
-
{ id: "cookpad", name: "Cookpad", displayName: "Cookpad", country: "JP", category: "consumer-tech", homepage: "https://cookpad.com", primaryColor: "#FF9933", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=cookpad.com&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#FF9933","brand":"#FF9933","canvas":"#F8F6F2","surface":"#FFFFFF","cream-tint":"#FEF9EE","warm-gray":"#ECEBE9","foreground":"#0F0F0F","body":"#4A4A4A","muted":"#4A4A4A","on-primary":"#FFFFFF","accent-yellow":"#E9B83F","pale-yellow":"#FAF5D7"},"typography":{"family":{"sans":"Noto Sans"},"section":{"size":22,"weight":700,"lineHeight":1.3,"use":"Section headings"},"title":{"size":16,"weight":600,"lineHeight":1.4,"use":"Recipe card title"},"button":{"size":16,"weight":600,"lineHeight":1.4,"use":"Primary button label"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Body / recipe meta / category label"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":8,"md":8,"lg":8,"full":9999},"shadow":{"soft":"none — depth via warm cream background separating white cards"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#FF9933","fg":"#FFFFFF","radius":8,"padding":"8px 24px","font":"16/600","use":"Main action — search, post recipe, sign up"},"button-secondary":{"type":"button","bg":"#FFFFFF","fg":"#FF9933","radius":8,"use":"Outline, 1px #FF9933 border — lower-emphasis beside primary"},"button-text":{"type":"button","fg":"#4A4A4A","use":"Transparent tertiary / navigation action"},"button-disabled":{"type":"button","bg":"#ECEBE9","fg":"#4A4A4A","use":"Unavailable action"},"category-tile":{"type":"button","fg":"#0F0F0F","radius":8,"padding":"16px","font":"16/400","use":"Ingredient/category navigation — large tappable icon + label"},"recipe-card":{"type":"card","bg":"#FFFFFF","fg":"#0F0F0F","radius":8,"use":"Food photo top, title + meta below, floating on cream page"},"promoted-card":{"type":"card","bg":"#FEF9EE","radius":8,"use":"Featured / promoted recipe region"},"search-input":{"type":"input","bg":"#FFFFFF","fg":"#0F0F0F","radius":8,"padding":"12px 16px","use":"Central recipe search; focus ring in #FF9933"},"rating-badge":{"type":"badge","bg":"#FAF5D7","fg":"#4A4A4A","radius":8,"use":"Ratings, つくれぽ counts, promoted labels"}}} },
|
|
88
|
-
{ id: "coupang", name: "Coupang", displayName: "Coupang", country: "KR", category: "ecommerce", homepage: "https://www.coupang.com", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.coupang.com/favicon.ico" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#E94B22","primary-hover":"#C73D17","brand":"#E94B22","canvas":"#ffffff","surface":"#ffffff","foreground":"#111111","body":"#333D4B","muted":"#6B7684","on-primary":"#ffffff","red-tint":"#FFEEE8","wow-magenta":"#A50034","yellow":"#FAC000","green":"#80BC27","blue":"#3DACDC","brown":"#894F24","critical":"#D60404","success":"#03AC0E","link":"#0074E9","surface-alt":"#F7F8FA","surface-muted":"#F2F4F6","hairline":"#E5E8EB","inert":"#B0B8C1"},"typography":{"family":{"sans":"Pretendard Variable"},"display":{"size":28,"weight":700,"lineHeight":1.29,"use":"Hero promo banners, splash takeovers"},"headline":{"size":22,"weight":700,"lineHeight":1.36,"use":"Section headers"},"title":{"size":16,"weight":600,"lineHeight":1.38,"use":"Product name (truncated 2 lines)"},"body":{"size":14,"weight":400,"lineHeight":1.43,"use":"Standard reading, descriptions"},"caption":{"size":12,"weight":400,"lineHeight":1.33,"use":"Timestamps, fine print"},"price":{"size":18,"weight":700,"lineHeight":1.33,"use":"Primary product price — tabular numerals"},"discount":{"size":14,"weight":700,"lineHeight":1.29,"use":"Discount % red label"},"badge":{"size":11,"weight":700,"lineHeight":1.27,"use":"로켓배송, BEST badge labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":4,"lg":8,"full":9999},"shadow":{"soft":"rgba(17,17,17,0.06) 0px 2px 8px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#E94B22","fg":"#ffffff","radius":4,"padding":"12px 20px","font":"16/700","use":"Primary checkout CTA — 구매하기, 장바구니 담기; pressed #C73D17"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#E94B22","radius":4,"use":"Outlined, 1px #E94B22 border; pressed #FFEEE8 fill"},"button-tertiary":{"type":"button","bg":"#F2F4F6","fg":"#333D4B","radius":4,"use":"Neutral filter toggle, 전체보기, low-emphasis"},"button-wow":{"type":"button","bg":"#A50034","fg":"#ffffff","radius":4,"use":"WOW membership upsell — distinct from primary red"},"button-critical":{"type":"button","bg":"#ffffff","fg":"#D60404","radius":4,"use":"Destructive — 주문 취소, 삭제; 1px #D60404 border"},"product-card":{"type":"card","bg":"#ffffff","radius":4,"padding":"12px","use":"Atomic unit — 1:1 thumbnail, badge, name, rating, price block, delivery promise; hover border #111111"},"promo-card":{"type":"card","bg":"#FFEEE8","radius":8,"padding":"16px","use":"Brand-tinted promo container"},"filter-chip":{"type":"badge","bg":"#ffffff","radius":4,"font":"13/500","use":"32px height, 1px #E5E8EB border; selected = #111111 fill + white text"},"rocket-badge":{"type":"badge","bg":"#ffffff","fg":"#E94B22","font":"11/700","use":"로켓배송 — icon + label, no border/radius"},"discount-badge":{"type":"badge","fg":"#E94B22","font":"14/700","use":"Standalone red percentage; or #E94B22 fill pill for 특가/BEST"},"search-input":{"type":"input","bg":"#ffffff","fg":"#111111","radius":4,"padding":"0 16px","use":"Hero chrome — 2px #E94B22 branded border, 48px height, red search button"},"standard-input":{"type":"input","bg":"#ffffff","fg":"#111111","radius":4,"use":"1px #E5E8EB border, 44px height; focus 1px #E94B22"},"category-nav":{"type":"tab","fg":"#333D4B","font":"14/700","use":"Sticky horizontal bar","active":"#E94B22 text + 2px bottom underline"}}}, ds: { name: "Coupang Media Assets", url: "https://news.coupang.com/coupang-media-assets-brand-guidelines-eng/", type: "brand", description: "Coupang's official media-asset brand guidelines — logo usage, sizing, and attribution rules.", ogImage: "https://news.coupang.com/wp-content/uploads/2023/01/Coupang_2_1609.jpg" } },
|
|
89
|
-
{ id: "cursor", name: "Cursor", displayName: "Cursor", country: "US", category: "developer-tools", homepage: "https://www.cursor.com", primaryColor: "#000000", logo: { type: "simpleicons", slug: "cursor" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#26251e","brand":"#f54e00","canvas":"#f2f1ed","foreground":"#26251e","surface":"#e6e5e0","surface-100":"#f7f7f4","surface-300":"#ebeae5","surface-500":"#e1e0db","accent-gold":"#c08532","error":"#cf2d56","success":"#1f8a65","on-primary":"#f2f1ed"},"typography":{"family":{"sans":"CursorGothic","mono":"berkeleyMono"},"display-hero":{"size":72,"weight":400,"lineHeight":1.1,"tracking":-2.16,"use":"Hero statements, max compression"},"section":{"size":36,"weight":400,"lineHeight":1.2,"tracking":-0.72,"use":"Feature section / CTA headlines"},"subheading":{"size":26,"weight":400,"lineHeight":1.25,"tracking":-0.325,"use":"Card headings, sub-sections"},"title-sm":{"size":22,"weight":400,"lineHeight":1.3,"tracking":-0.11,"use":"Smaller titles, list headings"},"body-serif":{"size":19.2,"weight":500,"lineHeight":1.5,"use":"Editorial body, jjannon cswh"},"body-serif-sm":{"size":17.28,"weight":400,"lineHeight":1.35,"use":"Standard body, descriptions"},"body-sans":{"size":16,"weight":400,"lineHeight":1.5,"use":"UI body text"},"button":{"size":14,"weight":400,"lineHeight":1,"use":"Primary button label"},"caption":{"size":11,"weight":400,"lineHeight":1.5,"use":"Small captions, metadata"},"mono-body":{"size":12,"weight":400,"lineHeight":1.67,"use":"Code blocks"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":10,"full":9999},"shadow":{"ambient":"rgba(0,0,0,0.02) 0px 0px 16px, rgba(0,0,0,0.008) 0px 0px 8px","focus":"rgba(0,0,0,0.1) 0px 4px 12px","elevated":"rgba(0,0,0,0.14) 0px 28px 70px, rgba(0,0,0,0.1) 0px 14px 32px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#ebeae5","fg":"#26251e","radius":"8px","padding":"10px 12px 10px 14px","font":"14px / 400","hover":"text #cf2d56","focus":"shadow rgba(0,0,0,0.1) 0px 4px 12px","use":"Primary actions, main CTAs"},"button-secondary":{"type":"button","bg":"#e6e5e0","fg":"#26251e","radius":"9999px","padding":"3px 8px","font":"14px / 400","hover":"text #cf2d56","use":"Tags, filters, secondary actions"},"button-tertiary":{"type":"button","bg":"#e1e0db","fg":"#26251e","radius":"9999px","use":"Active filter, selected tags"},"button-ghost":{"type":"button","bg":"rgba(38,37,30,0.06)","fg":"rgba(38,37,30,0.55)","padding":"6px 12px","use":"Tertiary actions, dismiss"},"card":{"type":"card","bg":"#e6e5e0","border":"1px solid rgba(38,37,30,0.1)","radius":"8px","shadow":"rgba(0,0,0,0.14) 0px 28px 70px, rgba(0,0,0,0.1) 0px 14px 32px","hover":"shadow intensifies","use":"Cards, containers"},"input":{"type":"input","bg":"transparent","fg":"#26251e","border":"1px solid rgba(38,37,30,0.1)","focus":"border rgba(38,37,30,0.2) or accent orange","use":"Text inputs, textarea"},"tab":{"type":"tab","fg":"#26251e","active":"1px bottom border rgba(38,37,30,0.1)","use":"Tab navigation"},"timeline-step":{"type":"listItem","fg":"#26251e","states":"thinking #dfa88f, grep #9fc9a2, read #9fbbe0, edit #c0a8dd","use":"AI timeline operation steps"}}}, ds: { name: "Cursor Brand", url: "https://www.cursor.com/brand", type: "brand", description: "Cursor's brand guidelines with logos, icons, and naming conventions.", ogImage: "https://cursor.com/public/opengraph-image.png" } },
|
|
90
|
-
{ id: "dabang", name: "다방", displayName: "Dabang (다방)", country: "KR", category: "consumer-tech", homepage: "https://www.dabangapp.com", primaryColor: "#ff3478", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=dabangapp.com&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","note":"brand pink #FF3478 stays wordmark-only; functional accent is action blue #326CF9. Strict 3-layer color discipline: pink=brand, blue=action, gray=content.","colors":{"primary":"#326CF9","primary-hover":"#326CF9","brand":"#FF3478","canvas":"#FFFFFF","surface":"#FFFFFF","foreground":"#222222","body":"#222222","muted":"#656565","on-primary":"#FFFFFF","hairline":"#DFDFDF","surface-muted":"#F5F5F5","hover-tint":"#EEF8FF","success":"#1CA885","danger":"#E20724","warning":"#FFB600","premium":"#3E26FD"},"typography":{"family":{"sans":"Pretendard Variable"},"section":{"size":20,"weight":700,"lineHeight":1.3,"use":"Category section heads — position + weight, not size"},"ai-band":{"size":24,"weight":400,"lineHeight":1.3,"use":"AI band head — largest yet lightest, editorial signal"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Body default, #222222"},"chip":{"size":14,"weight":500,"lineHeight":1.4,"use":"Filter-chip label (only 500-weight role)"},"caption":{"size":13,"weight":400,"lineHeight":1.4,"use":"Secondary text / meta"}},"spacing":{"xs":4,"sm":8,"md":16,"base":8,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":2,"md":4,"lg":8,"xl":12,"entry":32,"filter":42,"full":9999},"shadow":{"none":"none — zero box-shadow across surface; depth via 1px borders + bg-color steps"},"components_harvested":true,"components":{"button-entry":{"type":"button","fg":"#222222","radius":32,"use":"Home search-entry pill — tap to start a search"},"filter-chip":{"type":"toggle","bg":"#FFFFFF","fg":"#222222","radius":42,"font":"14/500","use":"Map filter pill, 1px #DFDFDF border; active = #326CF9 border + #EEF8FF bg"},"listing-card":{"type":"card","bg":"#FFFFFF","radius":8,"use":"Floating left-rail listing card, 1px #DFDFDF border, no shadow"},"map-marker":{"type":"badge","bg":"#FFFFFF","fg":"#222222","radius":2,"use":"Price-bearing pill marker; selected = #326CF9 fill — price is the marker"},"icon-control":{"type":"button","radius":9999,"use":"Circular bookmark / close control"}}} },
|
|
91
|
-
{ id: "danawa", name: "Danawa", displayName: "다나와", country: "KR", category: "ecommerce", homepage: "https://www.danawa.com", primaryColor: "#06b87f", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=danawa.com&sz=128" }, verified: "2026-06-11", added: "2026-06-11", tokens: {"source":"live-extract","extracted":"2026-06-11","note":"primary = brand green (#06b87f) on the master '전체 카테고리' button; interactive accent across the dense catalog is blue (#2070eb, 1122 fg uses on the list surface). Price emphasis red (#ff3b3b). Near-black text ladder (#0f0f0f / #333 / #555 / #767676). Shadowless, hairline-driven layout.","colors":{"primary":"#06b87f","link":"#2070eb","link-bulk":"#0e68f0","deep-blue":"#0313aa","price":"#ff3b3b","price-alt":"#e53b38","purple":"#8b38e5","nav-dark":"#33373d","ink":"#000000","ink-soft":"#0f0f0f","body":"#333333","muted":"#555555","muted-alt":"#767676","faint":"#919191","disabled":"#d2d2d2","canvas":"#ffffff","surface":"#f8f8f8","surface-blue":"#f7faff","tint-blue":"#e3f1fa","rank-slate":"#afbbc8","hairline":"#e0e0e0","hairline-alt":"#ebebeb","on-primary":"#ffffff"},"typography":{"family":{"sans":"Pretendard"},"h1":{"size":16,"weight":700,"lineHeight":1.4,"use":"Logo wordmark / hero heading, Pretendard Bold"},"list-title":{"size":18,"weight":400,"lineHeight":1.4,"use":"Search input text on catalog surface"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text, Pretendard"},"product":{"size":12,"weight":400,"lineHeight":1.4,"use":"Dense product-name links in result rows"},"price":{"size":13,"weight":700,"lineHeight":1.4,"use":"Product price figure, bold"},"nav":{"size":13,"weight":400,"lineHeight":1.4,"use":"Top utility nav (로그인 / 관심 / 최근)"},"caption":{"size":12,"weight":400,"lineHeight":1.4,"use":"Meta text, purchase counts, badges"}},"spacing":{"xs":2,"sm":4,"base":8,"md":11,"lg":16,"xl":20,"xxl":29},"rounded":{"xs":2,"sm":4,"md":8,"pill":52,"full":9999},"shadow":{"none":"none"},"components":{"button-category":{"type":"button","bg":"#06b87f","fg":"#ffffff","radius":"8px 8px 0px 0px","padding":"11px 16px","font":"16px / 700 Pretendard","use":"Master '전체 카테고리' menu trigger — the one green anchor"},"button-search":{"type":"button","bg":"#555555","fg":"#ffffff","radius":"2px","font":"12px / 400 Pretendard","use":"Compact in-result search submit button on catalog surface"},"button-result-search":{"type":"button","bg":"#333333","fg":"#ffffff","radius":"2px","font":"12px / 400 Pretendard","use":"'결과 내 검색' dark utility button"},"button-pager":{"type":"button","bg":"#ffffff","fg":"#000000","border":"1px solid #e0e0e0","radius":"4px","font":"13px / 400 Pretendard","use":"Carousel prev/next (이전 / 다음) pager"},"search-input":{"type":"input","bg":"#ffffff","fg":"#0f0f0f","radius":"52px","padding":"10px 0 10px 20px","font":"18px / 400 Pretendard","use":"Master rounded search bar"},"badge-bulk":{"type":"badge","bg":"#f7faff","fg":"#0e68f0","radius":"4px","font":"12px / 700 Pretendard","use":"'대량구매' B2B pill on product rows"},"badge-rank":{"type":"badge","bg":"#afbbc8","fg":"#ffffff","radius":"0px","font":"12px / 700 Pretendard","use":"'인기 순위 N' rank overlay on product thumbnails"},"product-card":{"type":"card","bg":"#ffffff","border":"1px solid #e0e0e0","radius":"8px","use":"Promo / brand-event card tile, hairline-only"},"list-row":{"type":"listItem","fg":"#333333","border":"1px solid #ebebeb","font":"12px / 400 Pretendard","use":"Dense product result row, near-black title + bold price"},"nav-link":{"type":"tab","fg":"#333333","font":"13px / 400 Pretendard","active":"blue #2070eb text on active","use":"Top utility nav item"}},"components_harvested":true} },
|
|
92
|
-
{ id: "dcard", name: "Dcard", displayName: "Dcard", country: "TW", category: "consumer-tech", homepage: "https://www.dcard.tw", primaryColor: "#0086ff", logo: { type: "github", slug: "Dcard" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","note":"text colors ship as black-with-opacity (rgba); only 6-digit hexes promoted to colors — foreground uses #000000 (bg-dark) as the solid grounded base.","colors":{"primary":"#3397cf","primary-hover":"#5ab0db","secondary":"#006aa6","brand":"#00324e","canvas":"#f2f2f2","surface":"#ffffff","foreground":"#000000","on-primary":"#ffffff","hint":"#e7f3f9","premium":"#ffc51b","premium-hover":"#ffd558","success":"#49bd69","danger":"#ea5c5c","warning":"#f0a955","special":"#f0b941","topic":"#bf8ff0","snackbar":"#2c2c2c","sidebar-hover":"#032133","disabled":"#e0e0e0","hairline":"#cacaca","gender-female":"#cb3a6b","gender-male":"#1c7fac"},"typography":{"family":{"sans":"Roboto"},"headline-1":{"size":32,"weight":500,"lineHeight":1.31,"use":"Top headline tier (mobile 30px)"},"headline-2":{"size":28,"weight":500,"lineHeight":1.43,"use":"Second headline tier"},"headline-3":{"size":24,"weight":500,"lineHeight":1.17,"use":"Third headline tier"},"headline-4":{"size":20,"weight":500,"lineHeight":1.4,"use":"Smallest headline tier"},"title":{"size":18,"weight":600,"lineHeight":1.39,"use":"Section headers in modals/editors (only 600 tier)"},"subtitle":{"size":16,"weight":500,"lineHeight":1.38,"use":"Subtitle 1"},"body":{"size":16,"weight":400,"lineHeight":1.38,"use":"Body 1, standard reading"},"body-sm":{"size":14,"weight":400,"lineHeight":1.43,"use":"Body 2"},"caption":{"size":12,"weight":500,"lineHeight":1.42,"use":"Caption — bumps to 500 for small-size legibility"},"caption-sm":{"size":10,"weight":500,"lineHeight":1.6,"use":"Caption 2, smallest"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":20,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"full":9999},"shadow":{"level-1":"Material elevation level 1 — subtle card lift","level-5":"Material elevation level 5 — modals, popovers"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#3397cf","fg":"#ffffff","radius":8,"padding":"8px 20px","font":"14/500","use":"Hero Download App CTA"},"button-secondary":{"type":"button","bg":"#006aa6","fg":"#ffffff","radius":4,"padding":"8px 20px","font":"14/500","use":"Search submit, joined to input"},"button-counter":{"type":"button","radius":8,"padding":"1px 14px","font":"14/500","use":"Like / comment counters"},"button-disabled":{"type":"button","bg":"#e0e0e0","radius":8,"use":"Inactive button state"},"search-input":{"type":"input","bg":"#ffffff","radius":4,"padding":"8px 12px","use":"Header search, 1px #cacaca border, joined to submit"},"post-card":{"type":"card","bg":"#ffffff","radius":4,"padding":"20px","use":"Main feed post card on #f2f2f2 gray bg, contrast handles separation"},"forum-card":{"type":"card","bg":"#ffffff","radius":4,"padding":"16px","use":"Forum directory card, 146x110px"},"topic-chip":{"type":"badge","bg":"#bf8ff0","fg":"#ffffff","radius":4,"padding":"4px 8px","font":"12/500","use":"Topic tags — lavender accent"},"sponsor-chip":{"type":"badge","bg":"#f0b941","fg":"#ffffff","radius":4,"padding":"4px 8px","use":"Sponsored / special-promotion chips"},"feed-tabs":{"type":"tab","radius":4,"use":"All / Following switcher, 48px header","active":"underline indicator + #000000 text"},"snackbar":{"type":"toast","bg":"#2c2c2c","fg":"#ffffff","radius":4,"use":"Toast notification, 250px wide"}}} },
|
|
93
|
-
{ id: "dell", name: "Dell", displayName: "Dell", country: "US", category: "consumer-tech", homepage: "https://www.dell.com", primaryColor: "#0076CE", logo: { type: "simpleicons", slug: "dell" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#0076CE","primary-hover":"#0063AF","primary-active":"#00538F","blue-tint":"#E5F1FA","canvas":"#ffffff","band":"#F7F8FA","heading":"#11141a","navy":"#0E1B2C","body":"#4C545E","caption":"#6B7480","placeholder":"#9AA3AE","label":"#22262B","border":"#DDE1E6","border-strong":"#C5CBD3","fill":"#EEF0F3","success":"#008A00","success-bg":"#E6F4E6","error":"#CE2029","warning":"#B85C00","on-primary":"#ffffff"},"typography":{"family":{"sans":"Roboto","mono":"Roboto Mono"},"display-hero":{"size":48,"weight":700,"lineHeight":1.17,"tracking":-0.5,"use":"Marketing hero headlines"},"display-lg":{"size":36,"weight":700,"lineHeight":1.22,"tracking":-0.25,"use":"Landing section headers"},"h1":{"size":28,"weight":700,"lineHeight":1.29,"use":"Page titles, PDP product name"},"h2":{"size":22,"weight":500,"lineHeight":1.36,"use":"Section headings, card titles"},"h3":{"size":18,"weight":500,"lineHeight":1.44,"use":"Sub-sections, spec group labels"},"subtitle":{"size":16,"weight":500,"lineHeight":1.5,"use":"List headers, emphasized labels"},"body-lg":{"size":16,"weight":400,"lineHeight":1.5,"use":"Descriptions, marketing copy"},"body":{"size":14,"weight":400,"lineHeight":1.43,"use":"Standard reading text, spec rows"},"body-sm":{"size":13,"weight":400,"lineHeight":1.38,"use":"Secondary info, table cells"},"caption":{"size":12,"weight":400,"lineHeight":1.33,"tracking":0.2,"use":"Legal, fine print, timestamps"},"price":{"size":28,"weight":700,"use":"Product price, tabular numerals"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":8,"full":9999},"shadow":{"subtle":"0 1px 3px rgba(17,20,26,0.08)","standard":"0 4px 12px rgba(17,20,26,0.10)","elevated":"0 8px 24px rgba(17,20,26,0.14)","modal":"0 8px 32px rgba(17,20,26,0.20)"},"components":{"button-primary":{"type":"button","bg":"#0076CE","fg":"#ffffff","radius":4,"padding":"0 24px","font":"14px/500 Roboto","use":"Primary commerce CTA (Add to Cart, Buy Now)"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#0076CE","radius":4,"padding":"0 24px","font":"14px/500 Roboto","use":"Secondary action (Compare, Learn More)"},"button-tertiary":{"type":"button","bg":"transparent","fg":"#0076CE","radius":4,"padding":"0 8px","font":"14px/500 Roboto","use":"Low-emphasis inline action (View details, Remove)"},"button-dark":{"type":"button","bg":"#11141a","fg":"#ffffff","radius":4,"padding":"0 24px","font":"14px/500 Roboto","use":"High-contrast marketing CTA"},"button-danger":{"type":"button","bg":"#CE2029","fg":"#ffffff","radius":4,"padding":"0 24px","font":"14px/500 Roboto","use":"Destructive confirmation"},"input":{"type":"input","bg":"#ffffff","fg":"#22262B","radius":4,"padding":"10px 12px","font":"14px/400 Roboto","use":"Standard form input"},"product-card":{"type":"card","bg":"#ffffff","radius":8,"padding":"16px","use":"Grid product tile"},"promo-card":{"type":"card","bg":"#0E1B2C","fg":"#ffffff","radius":8,"padding":"24px","use":"Dark promotional banner card"},"badge-deal":{"type":"badge","bg":"#CE2029","fg":"#ffffff","radius":4,"padding":"2px 8px","font":"12px/700 Roboto","use":"Save $X, Clearance, Doorbuster"},"badge-instock":{"type":"badge","bg":"#E6F4E6","fg":"#008A00","radius":4,"padding":"2px 8px","font":"12px/500 Roboto","use":"Availability indicator"},"badge-new":{"type":"badge","bg":"#E5F1FA","fg":"#0076CE","radius":4,"padding":"2px 8px","font":"12px/700 Roboto","use":"Newly released product"},"badge-neutral":{"type":"badge","bg":"#EEF0F3","fg":"#4C545E","radius":4,"padding":"2px 8px","font":"12px/500 Roboto","use":"Category tags, metadata chips"},"tab":{"type":"tab","bg":"#ffffff","fg":"#6B7480","font":"14px/500 Roboto","active":"2px bottom border #0076CE, text #11141a","use":"PDP sections, account dashboard"},"toast":{"type":"toast","bg":"#11141a","fg":"#ffffff","radius":4,"padding":"12px 16px","font":"14px/400 Roboto","use":"Transient confirmation"},"dialog":{"type":"dialog","bg":"#ffffff","fg":"#11141a","radius":8,"padding":"24px","use":"Configuration confirm, cart review, sign-in"},"toggle":{"type":"toggle","bg":"#0076CE","radius":9999,"use":"Boolean preferences (on track blue, off #C5CBD3)"}},"components_harvested":true} },
|
|
94
|
-
{ id: "devsisters", name: "Devsisters", displayName: "Devsisters", country: "KR", category: "consumer-tech", homepage: "https://www.devsisters.com", primaryColor: "#FF5F00", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=devsisters.com&sz=256" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#FF5F00","bright-orange":"#FF8200","yellow":"#FFCE00","black":"#000000","canvas":"#FFFFFF","peach":"#F8E8DA","border":"#DCDCDC","body":"#666666"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"h1":{"size":32,"weight":900,"use":"English display H1, all-caps azo-sans-web"},"h2":{"size":24,"weight":800,"use":"H2 / CTA labels"},"h3":{"size":18,"weight":700,"use":"H3 subheadings"},"body":{"size":16,"weight":500,"lineHeight":1.5,"use":"Pretendard Korean body"},"label":{"size":14,"weight":500,"use":"Nav links, footer items"}},"spacing":{"sm":5.5,"md":12,"base":16,"lg":20,"xl":24},"rounded":{"sm":8,"md":20,"lg":36,"full":9999},"components":{"button-primary":{"type":"button","bg":"#FF5F00","fg":"#FFFFFF","radius":36,"padding":"12px 24px","font":"azo-sans-web/800","use":"Orange primary CTA"},"button-secondary":{"type":"button","bg":"#000000","fg":"#FFFFFF","radius":36,"padding":"12px 24px","font":"azo-sans-web/800","use":"Black secondary pill button"},"nav":{"type":"tab","bg":"#FF5F00","fg":"#FFFFFF","padding":"0px 20px","font":"azo-sans-web/800","use":"Top nav bar"},"card":{"type":"card","bg":"#FFFFFF","radius":8,"use":"Standard content card, 1px #DCDCDC border"},"feature-card":{"type":"card","bg":"#FFFFFF","radius":20,"padding":"52px 80px","use":"News/feature card"},"badge":{"type":"badge","bg":"#FFCE00","fg":"#000000","radius":36,"padding":"5.5px 12px","use":"Accent tag badge"}},"components_harvested":true} },
|
|
95
|
-
{ id: "discord", name: "Discord", displayName: "Discord", country: "US", category: "consumer-tech", homepage: "https://discord.com", primaryColor: "#5865F2", logo: { type: "simpleicons", slug: "discord" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#5865F2","primary-hover":"#4752C4","primary-active":"#3C45A5","green":"#57F287","yellow":"#FEE75C","fuchsia":"#EB459E","red":"#ED4245","surface-tertiary":"#1E1F22","surface-secondary":"#2B2D31","surface-primary":"#313338","surface-floating":"#111214","text-normal":"#DBDEE1","heading":"#F2F3F5","muted":"#949BA4","interactive":"#B5BAC1","link":"#00A8FC","grey-secondary":"#4E5058","message-box":"#383A40","on-primary":"#FFFFFF"},"typography":{"family":{"sans":"gg sans","mono":"gg mono"},"hero":{"size":56,"weight":800,"lineHeight":1.1,"tracking":-0.02,"use":"Marketing hero headline"},"display-lg":{"size":32,"weight":700,"lineHeight":1.25,"tracking":-0.01,"use":"Modal titles, big moments"},"h1":{"size":24,"weight":700,"lineHeight":1.25,"use":"Section headers"},"h2":{"size":20,"weight":600,"lineHeight":1.3,"use":"Sub-sections, settings groups"},"channel":{"size":16,"weight":600,"lineHeight":1.25,"use":"Channel/server headers"},"body-lg":{"size":16,"weight":400,"lineHeight":1.375,"use":"Message text, descriptions"},"body":{"size":14,"weight":400,"lineHeight":1.29,"use":"Standard UI text, list items"},"label":{"size":12,"weight":600,"lineHeight":1.33,"tracking":0.02,"use":"Section labels UPPERCASE"},"caption":{"size":12,"weight":400,"lineHeight":1.33,"use":"Timestamps, helper text"},"code":{"size":14,"weight":400,"lineHeight":1.29,"use":"Inline code, code blocks (gg mono)"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32,"section":40},"rounded":{"sm":4,"md":8,"lg":16,"full":9999},"shadow":{"floating":"0 4px 8px rgba(0,0,0,0.24)","modal":"0 8px 16px rgba(0,0,0,0.24)","high":"0 12px 32px rgba(0,0,0,0.36)"},"components":{"button-primary":{"type":"button","bg":"#5865F2","fg":"#FFFFFF","radius":8,"padding":"2px 16px","font":"14px/500 gg sans","use":"Primary action — Send, Confirm, Join"},"button-secondary":{"type":"button","bg":"#4E5058","fg":"#FFFFFF","radius":8,"padding":"2px 16px","font":"14px/500 gg sans","use":"Neutral secondary action"},"button-link":{"type":"button","bg":"transparent","fg":"#FFFFFF","padding":"2px 4px","font":"14px/500 gg sans","use":"Tertiary action, subtle cancel"},"input":{"type":"input","bg":"#1E1F22","fg":"#DBDEE1","radius":4,"padding":"10px 12px","font":"16px/400 gg sans","use":"Settings forms, search, login"},"message-box":{"type":"input","bg":"#383A40","fg":"#DBDEE1","radius":8,"padding":"11px 16px","font":"16px/400 gg sans","use":"Chat composer"},"embed-card":{"type":"card","bg":"#2B2D31","radius":4,"padding":"16px","use":"Rich link previews, bot responses (4px left accent)"},"settings-card":{"type":"card","bg":"#2B2D31","radius":8,"padding":"16px 20px","use":"Grouped settings rows"},"modal":{"type":"dialog","bg":"#313338","radius":8,"padding":"16px","use":"Confirmation dialogs, server settings"},"mention-badge":{"type":"badge","bg":"#ED4245","fg":"#FFFFFF","radius":9999,"padding":"0 4px","font":"12px/700 gg sans","use":"Unread mention counter"},"nitro-badge":{"type":"badge","bg":"#5865F2","fg":"#FFFFFF","radius":4,"font":"12px/600 gg sans","use":"Nitro / boosted badge"},"settings-tab":{"type":"tab","bg":"transparent","fg":"#B5BAC1","radius":4,"padding":"6px 10px","font":"16px/500 gg sans","active":"bg #404249, text #FFFFFF","use":"Settings sidebar item"},"tooltip":{"type":"card","bg":"#111214","fg":"#F2F3F5","radius":8,"padding":"8px 12px","font":"14px/600 gg sans","use":"Hover hints on icons"},"toast":{"type":"toast","bg":"#111214","fg":"#DBDEE1","radius":8,"padding":"12px 16px","use":"Transient confirmations (4px left status accent)"},"toggle":{"type":"toggle","bg":"#57F287","radius":9999,"use":"Boolean settings — track green on, #80848E off"}},"components_harvested":true} },
|
|
96
|
-
{ id: "dji", name: "DJI", displayName: "DJI", country: "CN", category: "consumer-hardware", homepage: "https://www.dji.com", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=dji.com&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-09","note":"Non-black/white hexes are best-fit approximations per brand-guide (Titan, sky-blue named but hex not public)","colors":{"black":"#000000","titan":"#1c1c1e","canvas":"#ffffff","silver":"#86868b","accent":"#0a84ff","surface":"#f5f5f7","hairline":"#d2d2d7","dark-panel":"#161617","success":"#34c759","error":"#ff3b30","warning":"#ff9f0a"},"typography":{"family":{"sans":"DJI","mono":"DJI"},"hero":{"size":64,"weight":700,"use":"Product reveal headlines on black, tight tracking"},"h2":{"size":42,"weight":700,"use":"Capability section heads"},"h3":{"size":26,"weight":700,"use":"Feature module titles"},"subhead":{"size":19,"weight":500,"use":"Lead-in copy under headlines"},"body":{"size":16,"weight":400,"use":"Descriptions, paragraph copy"},"spec-label":{"size":14,"weight":500,"use":"Spec-table left column, nav"},"caption":{"size":12,"weight":400,"use":"Footnotes, disclaimers, legal"}},"spacing":{"sm":12,"base":24,"lg":28,"xl":32,"section":120},"rounded":{"sm":4,"md":8,"lg":12,"full":9999},"shadow":{"hover":"0 4px 16px rgba(0,0,0,0.08)","floating":"0 8px 32px rgba(0,0,0,0.16)"},"components":{"button-primary":{"type":"button","bg":"#000000","fg":"#ffffff","radius":4,"padding":"12px 28px","font":"15px/500","use":"Primary purchase CTA (inverts on black pages)"},"button-secondary":{"type":"button","bg":"transparent","fg":"#000000","radius":4,"padding":"12px 28px","font":"15px/500","use":"Ghost button beside primary CTA"},"button-link":{"type":"button","bg":"transparent","fg":"#0a84ff","font":"15px/400","use":"Inline links, learn-more affordances"},"input":{"type":"input","bg":"#ffffff","fg":"#1c1c1e","radius":4,"padding":"12px 14px","font":"15px/400","use":"Account, checkout, search fields"},"product-tile":{"type":"card","bg":"#ffffff","fg":"#1c1c1e","radius":8,"padding":"24px","use":"Product grid tile"},"spec-module":{"type":"card","bg":"#f5f5f7","radius":12,"padding":"32px","use":"Highlighted spec/feature block"},"badge":{"type":"badge","bg":"transparent","fg":"#0a84ff","radius":4,"padding":"4px 8px","font":"12px/500","use":"New, Pre-order, Coming soon flags"}},"components_harvested":true} },
|
|
97
|
-
{ id: "drnow", name: "Dr.Now (닥터나우)", displayName: "Dr.Now (닥터나우)", country: "KR", category: "healthcare", homepage: "https://doctornow.co.kr", primaryColor: "#FF8D00", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=doctornow.co.kr&sz=256" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#FF8D00","primary-600":"#FD7E14","primary-700":"#F76707","primary-800":"#E8590C","primary-900":"#D9480F","primary-100":"#FFF4E6","primary-300":"#FFD8A8","surface-10":"#FBFCFD","surface-20":"#F7F9FA","surface-40":"#F1F3F6","border":"#DFE1E2","placeholder":"#A9AEB1","meta":"#8D9297","body":"#71767A","body-root":"#565C65","strong":"#3D4551","heading":"#1C1D1F","canvas":"#FFFFFF","info":"#228BE6","yellow":"#FCC419","error":"#FA5252"},"typography":{"family":{"sans":"Pretendard Variable","mono":"Pretendard Variable"},"h-32":{"size":32,"weight":700,"lineHeight":1.31,"use":"Large display heading"},"h-28":{"size":28,"weight":700,"lineHeight":1.36,"use":"Heading"},"h-24":{"size":24,"weight":700,"lineHeight":1.33,"use":"Section heading"},"h-22":{"size":22,"weight":700,"lineHeight":1.36,"use":"Section heading"},"h-20":{"size":20,"weight":600,"lineHeight":1.4,"use":"Subheading"},"body-17":{"size":17,"weight":400,"lineHeight":1.41,"use":"Body / button label at 600"},"body-16":{"size":16,"weight":400,"lineHeight":1.5,"use":"Body default"},"body-15":{"size":15,"weight":400,"lineHeight":1.47,"use":"Body small"},"caption":{"size":12,"weight":600,"lineHeight":1.5,"use":"Meta / timestamps"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":96},"rounded":{"sm":8,"md":12,"lg":32,"full":9999},"shadow":{"floating":"0px 2px 8px rgba(0,0,0,0.08)","modal":"0px 4px 8px rgba(0,0,0,0.08)","dropdown":"0px 8px 16px rgba(0,0,0,0.16)"},"components":{"button-primary":{"type":"button","bg":"#FD7E14","fg":"#FFFFFF","radius":12,"font":"17px/600","use":"Primary solid CTA"},"button-outline":{"type":"button","bg":"#FFFFFF","fg":"#FD7E14","radius":12,"padding":"16px 24px","font":"16px/600","use":"Primary outline (1px #FD7E14 border)"},"button-disabled":{"type":"button","bg":"#DFE1E2","fg":"#A9AEB1","radius":12,"padding":"16px 24px","font":"16px/500","use":"Ghost / disabled"},"tag-primary":{"type":"badge","bg":"#FFF4E6","fg":"#F76707","radius":9999,"padding":"4px 10px","font":"12px/600","use":"Primary tag chip"},"tag-gray":{"type":"badge","bg":"#F1F3F6","fg":"#71767A","radius":9999,"padding":"4px 10px","font":"12px/500","use":"Gray tag chip"},"card":{"type":"card","bg":"#FFFFFF","radius":32,"padding":"24px","use":"Content card, 1px #DFE1E2 border"},"section-card":{"type":"card","bg":"#F1F3F6","radius":32,"use":"Section background card"},"nav-item":{"type":"tab","bg":"transparent","fg":"#DFE1E2","radius":8,"padding":"0px 12px","font":"16px/400","active":"text #FD7E14, weight 700","use":"Navigation item"}},"components_harvested":true} },
|
|
98
|
-
{ id: "dropbox", name: "Dropbox", displayName: "Dropbox", country: "US", category: "productivity", homepage: "https://www.dropbox.com", primaryColor: "#0061fe", logo: { type: "simpleicons", slug: "dropbox" }, verified: "2026-06-11", added: "2026-06-11", tokens: {"source":"reconciled","extracted":"2026-06-11","note":"Core trio from official brand site, confirmed live: Dropbox Blue #0061fe on Coconut cream #f7f5f2 with Graphite ink #1e1919. Text on blue is coconut, not pure white. Flat, shadowless marketing system.","colors":{"primary":"#0061fe","coconut":"#f7f5f2","graphite":"#1e1919","canvas":"#f7f5f2","surface-white":"#ffffff","sand":"#eee9e2","graphite-deep":"#1c1d21","muted":"#716b61","on-primary":"#f7f5f2","azalea":"#cd2f7b","sunset":"#fa551e","tangerine":"#ff8c19","crimson":"#9b0032"},"typography":{"family":{"display":"Sharp Grotesk","body":"Atlas Grotesk"},"display-hero":{"size":40,"weight":500,"lineHeight":1.2,"use":"Hero headline, Sharp Grotesk Medium"},"section":{"size":32,"weight":400,"lineHeight":1.2,"use":"Section titles, Sharp Grotesk 23 (wide cut)"},"heading-sm":{"size":26,"weight":500,"lineHeight":1.3,"use":"Feature block headings, Sharp Grotesk"},"subheading":{"size":20,"weight":500,"lineHeight":1.2,"use":"Social-proof / card heads, Atlas Grotesk"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text, Atlas Grotesk"},"nav":{"size":16,"weight":400,"lineHeight":1.5,"use":"Header nav items, Atlas Grotesk"},"caption":{"size":14,"weight":400,"lineHeight":1.55,"use":"Footer links, legal, metadata"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":72},"rounded":{"sm":8,"md":12,"lg":16,"full":100},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#0061fe","fg":"#f7f5f2","border":"2px solid #0061fe","radius":"16px","padding":"16px 24px","height":"55px","font":"16px / 400 Atlas Grotesk","use":"Marketing/pricing CTA — Try Dropbox free, Buy now"},"button-compact":{"type":"button","bg":"#0061fe","fg":"#f7f5f2","radius":"12px","padding":"0 12px","height":"40px","font":"16px / 400 Atlas Grotesk","use":"Get started CTA in the 72px global header"},"button-outline":{"type":"button","fg":"#1e1919","border":"2px solid #1e1919","radius":"16px","padding":"16px 24px","height":"55px","font":"16px / 400 Atlas Grotesk","use":"Secondary CTA — Learn more"},"nav-link":{"type":"tab","fg":"#1e1919","padding":"16px 12px","font":"16px / 400 Atlas Grotesk","use":"Global header item (Products, Solutions, Pricing)"},"card-sand":{"type":"card","bg":"#eee9e2","fg":"#1e1919","radius":"12px","use":"Warm sand surface card alternating with cream canvas"},"card-menu":{"type":"card","fg":"#1e1919","radius":"12px","padding":"16px","height":"92px","use":"Mega-menu product entry card (Dropbox, Replay, Sign, Dash)"},"footer-link":{"type":"listItem","bg":"#1e1919","fg":"#f7f5f2","font":"14px / 400 Atlas Grotesk","use":"Footer navigation link on graphite band"}},"components_harvested":true}, ds: { name: "Dropbox Brand Guidelines", url: "https://brand.dropbox.com", type: "brand", description: "Official brand site (dropbox.design redirects here) — framework, voice & tone, logo, typography, iconography, color, imagery, motion." } },
|
|
99
|
-
{ id: "duolingo", name: "Duolingo", displayName: "Duolingo", country: "US", category: "education", homepage: "https://www.duolingo.com", primaryColor: "#58CC02", logo: { type: "simpleicons", slug: "duolingo" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"reconciled","extracted":"2026-06-08","components_harvested":true,"note":"deterministic pick (#1a73e8) was a Google sign-in embed false-positive; canonical = Feather Green","colors":{"primary":"#58cc02","primary-lip":"#58a700","mask":"#89e219","accent":"#1cb0f6","accent-lip":"#1899d6","canvas":"#ffffff","foreground":"#4b4b4b","on-primary":"#ffffff","error":"#ff4b4b","warning":"#ffc800","fox":"#ff9600","beetle":"#ce82ff"},"typography":{"family":{"sans":"din-round","display":"Feather Bold"},"display-hero":{"size":40,"weight":700,"lineHeight":1.2,"tracking":-0.5,"use":"Landing hero, big celebrations"},"title":{"size":24,"weight":700,"lineHeight":1.25,"use":"Section titles, modal headers"},"body":{"size":17,"weight":400,"lineHeight":1.5,"use":"Standard reading text"},"button":{"size":15,"weight":700,"lineHeight":1.2,"use":"CTA button labels (uppercase)"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48},"rounded":{"sm":8,"md":12,"lg":16,"full":9999},"shadow":{"button-3d":"0 4px 0 0 #58a700","card":"0 2px 0 0 rgba(0,0,0,0.1)"},"components":{"button-primary":{"type":"button","bg":"#58cc02","fg":"#ffffff","radius":"12px","padding":"14px 20px","height":"50px","font":"15px / 700","shadow":"0 4px 0 #58a700","active":"translateY(4px), lip collapses","disabled":"bg #e5e5e5, fg #afafaf, no lip","use":"Single primary action — CONTINUE, START, CHECK ANSWER (uppercase)"},"button-accent":{"type":"button","bg":"#1cb0f6","fg":"#ffffff","radius":"12px","padding":"14px 20px","font":"15px / 700","shadow":"0 4px 0 #1899d6","use":"Alternative positive action, Super upsell, info CTA (uppercase)"},"card":{"type":"card","bg":"#ffffff","border":"2px solid #e5e5e5","radius":"16px","padding":"16px","shadow":"none","use":"Course units, skill tiles, list rows"}}} },
|
|
100
|
-
{ id: "elevenlabs", name: "ElevenLabs", displayName: "ElevenLabs", country: "US", category: "ai", homepage: "https://elevenlabs.io", primaryColor: "#000000", logo: { type: "simpleicons", slug: "elevenlabs" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"canvas":"#ffffff","surface":"#f5f5f5","stone":"#f5f2ef","black":"#000000","secondary":"#4e4e4e","muted":"#777169","near-white":"#f6f6f6","grid-cyan":"#7fffff","border":"#e5e5e5"},"typography":{"family":{"sans":"Inter","mono":"Geist Mono"},"display-hero":{"size":48,"weight":300,"lineHeight":1.08,"tracking":-0.96,"use":"Whisper-thin ethereal hero (Waldenburg)"},"section":{"size":36,"weight":300,"lineHeight":1.17,"use":"Light display section heading (Waldenburg)"},"card-heading":{"size":32,"weight":300,"lineHeight":1.13,"use":"Light card titles (Waldenburg)"},"body-lg":{"size":20,"weight":400,"lineHeight":1.35,"use":"Introductions (Inter)"},"body":{"size":18,"weight":400,"lineHeight":1.5,"tracking":0.18,"use":"Standard reading text (Inter)"},"body-std":{"size":16,"weight":400,"lineHeight":1.5,"tracking":0.16,"use":"UI text (Inter)"},"nav":{"size":15,"weight":500,"lineHeight":1.47,"tracking":0.15,"use":"Navigation links / button (Inter)"},"button-upper":{"size":14,"weight":700,"lineHeight":1.1,"tracking":0.7,"use":"Bold uppercase CTA (WaldenburgFH)"},"caption":{"size":14,"weight":400,"lineHeight":1.43,"tracking":0.14,"use":"Metadata (Inter)"},"code":{"size":13,"weight":400,"lineHeight":1.85,"use":"Code blocks (Geist Mono)"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32,"section":40},"rounded":{"sm":4,"md":12,"lg":24,"full":9999},"shadow":{"outline":"rgba(0,0,0,0.06) 0px 0px 0px 1px","soft":"rgba(0,0,0,0.04) 0px 4px 4px","card":"rgba(0,0,0,0.4) 0px 0px 1px, rgba(0,0,0,0.04) 0px 4px 4px","warm":"rgba(78,50,23,0.04) 0px 6px 16px"},"components":{"button-primary":{"type":"button","bg":"#000000","fg":"#ffffff","radius":9999,"padding":"0px 14px","use":"Primary black pill CTA"},"button-white":{"type":"button","bg":"#ffffff","fg":"#000000","radius":9999,"use":"Secondary white pill, shadow-bordered"},"button-stone":{"type":"button","bg":"#f5f2ef","fg":"#000000","radius":30,"padding":"12px 20px 12px 14px","use":"Signature warm stone CTA"},"button-upper":{"type":"button","fg":"#000000","font":"14px/700 WaldenburgFH uppercase","use":"Bold uppercase CTA label"},"card":{"type":"card","bg":"#ffffff","radius":24,"use":"Standard card, 1px #e5e5e5 border or shadow-as-border"}},"components_harvested":true}, ds: { name: "ElevenLabs Brand", url: "https://elevenlabs.io/brand", type: "brand", description: "ElevenLabs brand guidelines covering logo, symbol, and product sub-brands.", ogImage: "https://elevenlabs.io/cover.png" } },
|
|
101
|
-
{ id: "expo", name: "Expo", displayName: "Expo", country: "US", category: "developer-tools", homepage: "https://expo.dev", primaryColor: "#000020", logo: { type: "simpleicons", slug: "expo" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#000000","brand":"#000000","canvas":"#f0f0f3","surface":"#ffffff","foreground":"#1c2024","muted":"#60646c","on-primary":"#ffffff","hairline":"#e0e1e6","body":"#60646c","accent-link":"#0d74ce","accent-purple":"#8145b5","error":"#eb8e90","success":"#ab6400"},"typography":{"family":{"sans":"Inter","mono":"JetBrains Mono"},"display":{"size":64,"weight":800,"lineHeight":1.1,"tracking":-3,"use":"Hero headlines, extreme tracking"},"section":{"size":48,"weight":600,"lineHeight":1.1,"tracking":-2,"use":"Feature section anchors"},"subheading":{"size":20,"weight":600,"lineHeight":1.2,"tracking":-0.25,"use":"Card titles, feature names"},"body-lg":{"size":18,"weight":400,"lineHeight":1.4,"use":"Intro paragraphs, section descriptions"},"body":{"size":16,"weight":400,"lineHeight":1.4,"use":"Standard text, nav links, buttons"},"caption":{"size":14,"weight":500,"lineHeight":1.4,"use":"Descriptions, metadata, badges"},"tag":{"size":12,"weight":500,"lineHeight":1,"use":"Smallest text, badges"},"code":{"size":16,"weight":400,"lineHeight":1.4,"use":"Inline code, terminal commands"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":96},"rounded":{"sm":6,"md":8,"lg":24,"full":9999},"shadow":{"whisper":"rgba(0,0,0,0.08) 0px 3px 6px, rgba(0,0,0,0.07) 0px 2px 4px","elevated":"rgba(0,0,0,0.1) 0px 10px 20px, rgba(0,0,0,0.05) 0px 3px 6px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#ffffff","fg":"#1c2024","border":"1px solid #e0e1e6","radius":"6px","padding":"0 12px","font":"16px / 500","hover":"subtle shadow","use":"Default white button"},"button-dark":{"type":"button","bg":"#000000","fg":"#ffffff","radius":"9999px","padding":"0 12px","font":"16px / 500","use":"Maximum-emphasis pill CTA"},"input":{"type":"input","bg":"#ffffff","fg":"#1c2024","border":"1px solid #e0e1e6","radius":"6px","padding":"0 12px","focus":"blue ring shadow","use":"Form fields"},"card":{"type":"card","bg":"#ffffff","border":"1px solid #e0e1e6","radius":"8px","shadow":"rgba(0,0,0,0.08) 0px 3px 6px, rgba(0,0,0,0.07) 0px 2px 4px","use":"Standard content card"},"badge-status":{"type":"badge","bg":"#ffffff","fg":"#1c2024","border":"1px solid #e0e1e6","radius":"9999px","font":"12px / 500","use":"All Systems Operational pill with green dot"}}}, ds: { name: "Expo Brand", url: "https://expo.dev/brand", type: "brand", description: "Expo logo/wordmark trademark and usage guidelines.", ogImage: "https://og.expo.dev/?theme=universe&title=Brand%2C+Assets%2C+Styles&description=Get+Expo+brand+assets+and+styles+for+any+use." } },
|
|
102
|
-
{ id: "fastcampus", name: "Fastcampus", displayName: "Fastcampus", country: "KR", category: "education", homepage: "https://fastcampus.co.kr", primaryColor: "#fc1c49", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=fastcampus.co.kr&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#fc1c49","primary-darken":"#c9032a","primary-renewal":"#d60039","primary-low":"#ffdad8","error":"#c5213b","yellow":"#ffeb3b","yellow-low":"#fff9c4","yellow-deep":"#f57f17","orange":"#f8930f","pink":"#e91e63","pink-low":"#fce4ec","green":"#43a047","blue":"#3b83ff","blue-low":"#ebf3ff","surface":"#f5f5f6","divider":"#e7e7e8","border-light":"#cfd0d1","disabled-text":"#a0a2a3","muted":"#747678","heading":"#252729","label":"#171b1f","white":"#ffffff"},"typography":{"family":{"sans":"Pretendard Variable","mono":"Pretendard Variable"},"banner":{"size":40,"weight":700,"lineHeight":1.2,"use":"Home carousel two-line headline"},"h1":{"size":34,"weight":700,"lineHeight":1.3,"use":"Category / course page title"},"h2":{"size":26,"weight":700,"lineHeight":1.35,"use":"Rail group labels"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Default nav link, paragraph copy"},"gnb-compact":{"size":12,"weight":600,"lineHeight":1.4,"use":"Secondary compact GNB items"},"button":{"size":14,"weight":600,"lineHeight":1,"use":"Category-pill carousel label"},"rank":{"size":12,"weight":500,"lineHeight":1.4,"use":"Rank badge corner overlay"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"section":48},"rounded":{"sm":4,"md":4,"lg":19,"full":9999},"components":{"pill-selected":{"type":"tab","bg":"#252729","fg":"#ffffff","radius":4,"padding":"12px 16px","font":"14px/600 Pretendard Variable","use":"Active category pill"},"pill-unselected":{"type":"tab","bg":"#f5f5f6","fg":"#747678","radius":4,"padding":"12px 16px","font":"14px/600 Pretendard Variable","use":"Inactive category pill"},"button-primary":{"type":"button","bg":"#fc1c49","fg":"#ffffff","radius":4,"padding":"12px 24px","font":"14px/600 Pretendard Variable","use":"Enrolment CTA (hover #c9032a)"},"button-tinted":{"type":"button","bg":"#ffdad8","fg":"#fc1c49","radius":4,"use":"Sale-tag fills, hover scrim"},"card":{"type":"card","bg":"#ffffff","radius":4,"use":"Course card, top-rounded 4px 4px 0 0"},"rank-badge":{"type":"badge","bg":"#171b1f","fg":"#ffffff","radius":4,"font":"12px/500 Pretendard Variable","use":"1위 / 2위 / 3위 corner overlay"},"tag-free":{"type":"badge","bg":"#fff9c4","fg":"#f57f17","radius":4,"padding":"2px 8px","font":"12px/600 Pretendard Variable","use":"0원 / 무료 promo tag"},"tag-discount":{"type":"badge","bg":"#ffdad8","fg":"#fc1c49","radius":4,"padding":"2px 8px","font":"12px/600 Pretendard Variable","use":"Discount sale flag"},"tag-blue":{"type":"badge","bg":"#ebf3ff","fg":"#3b83ff","radius":4,"padding":"2px 8px","font":"12px/600 Pretendard Variable","use":"Dev/data category tag"},"tag-pink":{"type":"badge","bg":"#fce4ec","fg":"#e91e63","radius":4,"padding":"2px 8px","font":"12px/600 Pretendard Variable","use":"Design/creative category tag"},"input":{"type":"input","bg":"#ffffff","fg":"#171b1f","radius":4,"padding":"0 12px","font":"14px/400 Pretendard Variable","use":"Search field (1px #cfd0d1, focus #fc1c49)"}},"components_harvested":true} },
|
|
103
|
-
{ id: "ferrari", name: "Ferrari", displayName: "Ferrari", country: "IT", category: "automotive", homepage: "https://www.ferrari.com", primaryColor: "#ff2800", logo: { type: "simpleicons", slug: "ferrari" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","note":"Brand primary is Ferrari Red #DA291C (§2 canonical); frontmatter primary_color #ff2800 is the Rosso swatch reference","colors":{"primary":"#DA291C","primary-dark":"#B01E0A","primary-deep":"#9D2211","canvas":"#FFFFFF","black":"#000000","dark-surface":"#303030","light-gray":"#D2D2D2","heading":"#181818","body":"#666666","mid-gray":"#8F8F8F","silver":"#969696","racing-yellow":"#FFF200","modena-yellow":"#F6E500","warning":"#F13A2C","success":"#03904A","info":"#4C98B9","link-hover":"#3860BE","teal-hover":"#1EAEDB"},"typography":{"family":{"sans":"FerrariSans","mono":"FerrariSans"},"section-title":{"size":26,"weight":500,"lineHeight":1.2,"use":"Primary editorial headings on white"},"card-heading":{"size":24,"weight":400,"use":"Content card titles"},"subheading":{"size":18,"weight":700,"lineHeight":1.2,"use":"Bold subsection labels"},"ui-heading":{"size":16,"weight":500,"lineHeight":1.4,"tracking":0.08,"use":"Component headings, nav items"},"button":{"size":16,"weight":400,"tracking":1.28,"use":"Primary button label, wide tracking"},"nav-link":{"size":13,"weight":600,"lineHeight":1.2,"tracking":0.13,"use":"Navigation and footer links"},"caption":{"size":13,"weight":400,"lineHeight":1.5,"tracking":0.195,"use":"Metadata and descriptions"},"label-upper":{"size":12,"weight":400,"lineHeight":1.27,"tracking":1,"use":"Body-Font uppercase labels, category tags"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":25,"section":80},"rounded":{"sm":2,"md":2,"lg":8,"full":9999},"shadow":{"subtle":"rgb(153,153,153) 1px 1px 1px 0px"},"components":{"button-primary":{"type":"button","bg":"#FFFFFF","fg":"#000000","radius":2,"padding":"12px 10px","font":"16px FerrariSans","use":"Default white CTA (hover bg #1EAEDB)"},"button-subscribe":{"type":"button","bg":"#DA291C","fg":"#FFFFFF","radius":2,"padding":"12px 10px","use":"High-emphasis Subscribe CTA — only red button"},"button-ghost":{"type":"button","bg":"transparent","fg":"#FFFFFF","radius":2,"padding":"12px 10px","use":"Ghost button on dark backgrounds (1px white border)"},"editorial-card":{"type":"card","bg":"#FFFFFF","radius":2,"use":"Content card — image above, heading + caption below, no border/shadow"},"dark-card":{"type":"card","bg":"#000000","fg":"#FFFFFF","use":"Hero/feature full-bleed cinematic card"},"input":{"type":"input","bg":"transparent","fg":"#FFFFFF","radius":2,"use":"Newsletter input on dark (1px #969696 placeholder)"},"dialog":{"type":"dialog","bg":"#FFFFFF","radius":8,"use":"Cookie consent modal"},"label":{"type":"badge","fg":"#8F8F8F","font":"12px Body-Font uppercase, 1px tracking","use":"Category tag / structural annotation"}},"components_harvested":true} },
|
|
104
|
-
{ id: "figma", name: "Figma", displayName: "Figma", country: "US", category: "design-tools", homepage: "https://www.figma.com", primaryColor: "#a259ff", logo: { type: "simpleicons", slug: "figma" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","note":"Interface chrome is strictly black/white; chromatic hexes appear only in product content / hero gradients","colors":{"black":"#000000","canvas":"#ffffff","border":"#ebebeb","dark-glass":"#292929","muted":"#374151","indigo":"#4D49FC","focus":"#0d99ff","input-border":"#e2e2e2","accent-purple":"#a259ff","accent-pink":"#f24e1e","tile-lime":"#e4ff97","tile-cyan":"#00b6ff","tile-green":"#24cb71","tile-lavender":"#c4baff","tile-sage":"#95b9ac"},"typography":{"family":{"sans":"figmaSans","mono":"figmaMono"},"display-hero":{"size":86,"weight":400,"lineHeight":1,"tracking":-1.72,"use":"Maximum impact hero, extreme tracking"},"section":{"size":64,"weight":400,"lineHeight":1.1,"tracking":-0.96,"use":"Feature section titles"},"subheading":{"size":26,"weight":540,"lineHeight":1.35,"tracking":-0.26,"use":"Emphasized section text"},"feature-title":{"size":24,"weight":700,"lineHeight":1.45,"use":"Bold card headings"},"body-lg":{"size":20,"weight":330,"lineHeight":1.35,"tracking":-0.14,"use":"Descriptions, intros"},"body":{"size":16,"weight":330,"lineHeight":1.42,"tracking":-0.14,"use":"Standard body, nav, buttons"},"mono-label":{"size":18,"weight":400,"lineHeight":1.3,"tracking":0.54,"use":"Uppercase section labels (figmaMono)"},"mono-small":{"size":12,"weight":400,"lineHeight":1,"tracking":0.6,"use":"Uppercase tiny tags (figmaMono)"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"pill":50},"rounded":{"sm":6,"md":8,"lg":16,"full":9999},"shadow":{"panel":"rgba(0,0,0,0.1) 0px 24px 70px 0px"},"components":{"button-primary":{"type":"button","bg":"#000000","fg":"#ffffff","radius":8,"padding":"12px 21px","font":"16px/330 figmaSans","use":"Default Primary CTA (dashed 2px #0d99ff focus)"},"button-indigo":{"type":"button","bg":"#4D49FC","fg":"#ffffff","radius":8,"padding":"12px 20px","font":"18px/480 figmaSans","use":"Alt Primary on hero/product surfaces"},"button-outline":{"type":"button","bg":"transparent","fg":"#000000","radius":8,"padding":"12px 21px","font":"18px/330 figmaSans","use":"Secondary actions (Contact sales)"},"button-hero":{"type":"button","bg":"#000000","fg":"#ffffff","radius":16,"padding":"8px 24px 10px","font":"16px/400 figmaSans","use":"Oversized hero CTA"},"tab-pill":{"type":"tab","bg":"#ffffff","fg":"#000000","radius":50,"padding":"8px 18px 10px","font":"18px/480 figmaSans","active":"bg rgba(0,0,0,0.08)","use":"Product-area segmented nav"},"input":{"type":"input","bg":"#ffffff","radius":16,"padding":"16px","font":"figmaSans","use":"Figma Make / AI prompt panel (1px #e2e2e2 border)"},"community-card":{"type":"card","bg":"#ffffff","radius":0,"padding":"12px","use":"Community artifact card, bleed-edge image"},"tile-card":{"type":"card","bg":"#e4ff97","fg":"#000000","radius":0,"use":"Home template color tile (variants lime/cyan/green/lavender/sage)"}},"components_harvested":true}, ds: { name: "Figma Brand Guidelines", url: "https://www.figma.com/using-the-figma-brand", type: "brand", description: "Figma's official trademark and brand usage guidelines with logo downloads.", ogImage: "https://cdn.sanity.io/images/599r6htc/regionalized/342e17642c7afa81206490b0dd21c3e5724ae040-2400x1260.png?w=1200&q=70&fit=max&auto=format" } },
|
|
105
|
-
{ id: "finda", name: "Finda", displayName: "Finda", country: "KR", category: "fintech", homepage: "https://finda.co.kr", primaryColor: "#4e2eed", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=finda.co.kr&sz=128" }, verified: "2026-06-09", added: "2026-06-09", tokens: {"source":"live-extract","extracted":"2026-06-09","note":"primary = live app-download CTA violet (#4e2eed); secondary brand violet (#5d4cf2) appears on tinted surfaces. Headings near-black navy (#010a26); dark pill chips bg (#15161b).","colors":{"primary":"#4e2eed","primary-alt":"#5d4cf2","ink":"#010a26","ink-pure":"#000000","dark-chip":"#15161b","body":"#3a415a","muted":"#65798e","muted-alt":"#737a94","faint":"#a9b0c9","canvas":"#ffffff","surface":"#f5f6fa","surface-alt":"#f6f6f6","hairline":"#dedede","on-primary":"#ffffff"},"typography":{"family":{"display":"SUIT","body":"Pretendard"},"display-hero":{"size":64,"weight":800,"lineHeight":1.31,"tracking":-0.96,"use":"Hero headline, SUIT ExtraBold"},"section":{"size":34,"weight":800,"lineHeight":1.41,"tracking":-0.51,"use":"Section titles, SUIT ExtraBold"},"subsection":{"size":28,"weight":800,"lineHeight":1.43,"tracking":-0.42,"use":"Card / feature heads, SUIT"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Standard reading text, Pretendard"},"nav":{"size":14,"weight":400,"lineHeight":1.5,"use":"Nav links, SUIT"},"button":{"size":14,"weight":400,"lineHeight":1.5,"use":"Dark pill chip label, SUIT"},"button-sm":{"size":12,"weight":400,"lineHeight":1.5,"use":"App-download CTA label, SUIT"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":29,"xxl":48,"section":64},"rounded":{"sm":8,"md":16,"lg":60,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#4e2eed","fg":"#ffffff","radius":"100px","font":"12px / 400 SUIT","use":"App-download CTA in header, full pill"},"button-dark-chip":{"type":"button","bg":"#15161b","fg":"#010a26","radius":"60px","padding":"14px 29px","font":"14px / 400 SUIT","use":"Calculator/tool entry chips on hero"},"button-more":{"type":"button","bg":"#15161b","fg":"#010a26","radius":"60px","padding":"0px 20px","font":"14px / 400 SUIT","use":"More-link pill chip"},"nav-link":{"type":"tab","fg":"#010a26","font":"14px / 400 SUIT","use":"Top nav item","active":"violet #4e2eed text on active"},"card-surface":{"type":"card","bg":"#f5f6fa","fg":"#010a26","radius":"16px","use":"Tinted content card on grey surface"},"card-canvas":{"type":"card","bg":"#ffffff","fg":"#010a26","radius":"16px","use":"White feature card, 1px #dedede hairline"},"badge-violet":{"type":"badge","bg":"#5d4cf2","fg":"#ffffff","radius":"9999px","font":"12px / 400 SUIT","use":"Highlight pill / emphasis tag"},"footer-link":{"type":"listItem","fg":"#010a26","font":"14px / 400 SUIT","use":"Footer navigation link"}},"components_harvested":true} },
|
|
106
|
-
{ id: "firstory", name: "Firstory", displayName: "Firstory", country: "TW", category: "saas", homepage: "https://firstory.me", primaryColor: "#fb355e", logo: { type: "github", slug: "Firstory" }, verified: "2026-06-10", added: "2026-06-10", tokens: {"source":"live-extract","extracted":"2026-06-10","note":"primary = raspberry-pink CTA (#fb355e) on a warm off-white canvas (#fbfaf9); Poppins 700 display over Open Sans body; flat shadcn/Tailwind-style system (oklch source tokens, hairline rings instead of shadows).","colors":{"primary":"#fb355e","on-primary":"#fafafa","ink":"#0d131c","ink-soft":"#242a34","muted":"#4f5661","canvas":"#fbfaf9","card":"#ffffff","surface-cool":"#edf0f6","pink-tint":"#ffe6e7","pink-deep":"#962339","beige":"#f6efe5","hairline":"#e0e3e8","success":"#00c950"},"typography":{"family":{"display":"Poppins","body":"Open Sans"},"display-hero":{"size":72,"weight":700,"lineHeight":1,"tracking":-1.8,"use":"Hero headline, Poppins Bold"},"display-page":{"size":48,"weight":700,"lineHeight":1,"tracking":-1.2,"use":"Page titles (pricing hero)"},"section":{"size":36,"weight":700,"lineHeight":1.11,"tracking":-0.9,"use":"Section titles, Poppins"},"subsection":{"size":30,"weight":700,"lineHeight":1.2,"tracking":-0.75,"use":"Feature heads, CTA banner"},"card-title":{"size":18,"weight":600,"lineHeight":1.56,"use":"Solution card titles, Poppins SemiBold"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text, Open Sans"},"nav":{"size":14,"weight":500,"lineHeight":1.43,"use":"Nav items, buttons, Open Sans Medium"},"caption":{"size":12,"weight":600,"lineHeight":1.4,"use":"Badge / pill labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"section":64},"rounded":{"sm":10,"md":12,"lg":16,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#fb355e","fg":"#fafafa","radius":"16px","padding":"0px 32px","height":"40px","font":"16px / 500 Open Sans","use":"Hero / banner CTA — Get started today"},"button-plan":{"type":"button","bg":"#fb355e","fg":"#fafafa","radius":"12px","padding":"0px 10px","height":"36px","font":"14px / 500 Open Sans","use":"Featured plan CTA — 14-Day Free Trial"},"button-quiet":{"type":"button","bg":"#fbfaf9","fg":"#0d131c","radius":"12px","padding":"0px 10px","height":"36px","font":"14px / 500 Open Sans","use":"Non-featured plan CTA — Start Free"},"nav-item":{"type":"button","fg":"#0d131c","radius":"10px","padding":"8px 16px","height":"36px","font":"14px / 500 Open Sans","use":"Transparent ghost nav menu item"},"billing-toggle":{"type":"tab","active":"bg #fb355e + text #fafafa","bg":"#f6efe5","fg":"#242a34","radius":"9999px","padding":"8px 20px","font":"14px / 500 Open Sans","use":"Monthly / Yearly segmented billing toggle"},"card-solution":{"type":"card","bg":"#ffffff","fg":"#0d131c","radius":"16px","padding":"32px","use":"Solution / feature card on warm canvas, 10% ink hairline ring"},"card-plan-featured":{"type":"card","bg":"#ffffff","border":"2px solid #fb355e","radius":"16px","use":"Recommended pricing plan card"},"badge-save":{"type":"badge","bg":"#ffe6e7","fg":"#962339","radius":"9999px","padding":"2px 8px","font":"12px / 600 Open Sans","use":"Save 22% pill on billing toggle"},"badge-recommend":{"type":"badge","bg":"#fb355e","fg":"#fafafa","radius":"9999px","padding":"4px 16px","font":"12px / 600 Open Sans","use":"Recommend pill on featured plan card"},"announcement-pill":{"type":"badge","bg":"#ffe6e7","fg":"#0d131c","border":"1px solid #ffe6e7","radius":"16px","font":"16px / 400 Open Sans","use":"Hero announcement banner pill"}},"components_harvested":true} },
|
|
107
|
-
{ id: "flex", name: "flex", displayName: "flex", country: "KR", category: "saas", homepage: "https://flex.team", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=flex.team&sz=256" }, verified: "2026-05-14", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"ink":"#1d1d1f","canvas":"#ffffff","page-dark":"#000000","card-graphite":"#2d3338","soft-white":"#fdfdfd"},"typography":{"family":{"sans":"Pretendard Variable","mono":"Pretendard Variable"},"display":{"size":52,"weight":700,"lineHeight":1.2,"tracking":-1.56,"use":"In-page h2 argument display"},"hero-h1":{"size":28,"weight":700,"lineHeight":1,"use":"Compact hero banner h1"},"card":{"size":17,"weight":600,"lineHeight":1.53,"use":"Manifesto card body"},"pill":{"size":15,"weight":600,"lineHeight":1.4,"use":"Service pill / button label"},"meta":{"size":14,"weight":500,"lineHeight":1,"use":"Meta / nav text"}},"spacing":{"xs":6,"sm":8,"md":12,"base":16,"lg":30,"xl":60,"section":96},"rounded":{"sm":8,"md":10,"lg":16,"full":9999},"shadow":{"halo":"rgba(0,0,0,0.06) 0px 8px 20px -4px","ring-active":"rgba(29,29,31,0.24) 0px 0px 0px 1px inset","ring-inactive":"rgba(29,29,31,0.10) 0px 0px 0px 1px inset"},"components":{"pill-active":{"type":"tab","bg":"#ffffff","fg":"#1d1d1f","radius":"10px","padding":"9px 12px","font":"15px / 700","active":"rgba(29,29,31,0.24) inset ring","use":"Currently-selected service category in SERVICES filter row"},"pill-inactive":{"type":"tab","bg":"#ffffff","fg":"#1d1d1f","radius":"10px","padding":"9px 12px","font":"15px / 600","use":"Other tabs in the SERVICES row"},"header-cta":{"type":"button","bg":"#000000","fg":"#ffffff","radius":"8px","padding":"8px 6px 8px 8px","font":"14px / 700","use":"Top navigation items over dark hero"},"card-manifesto":{"type":"card","bg":"#2d3338","fg":"#fdfdfd","radius":"16px","padding":"30px","font":"17px / 600","use":"Three-beat narrative cards in main-intro"}},"components_harvested":true} },
|
|
108
|
-
{ id: "flo", name: "FLO", displayName: "FLO", country: "KR", category: "consumer-tech", homepage: "https://www.music-flo.com", primaryColor: "#3f3fff", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=music-flo.com&sz=256" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#3f3fff","primary-hover":"#2f2fae","primary-pressed":"#1a1a86","blue-mid":"#576aff","blue-light":"#7286ff","indigo":"#525cfd","error":"#ff4d78","canvas":"#ffffff","heading":"#181818","body":"#333333","meta":"#989898","placeholder":"#c4c4c4","divider":"#ebebeb","surface-grey":"#f5f5f5","track-grey":"#323232"},"typography":{"family":{"sans":"Pretendard Variable","mono":"Pretendard Variable"},"display-lg":{"size":34,"weight":700,"lineHeight":1.2,"use":"Hero callouts, large feature text"},"display-sm":{"size":24,"weight":700,"lineHeight":1.2,"use":"Promotional copy, chart numbers"},"section-title":{"size":18,"weight":600,"lineHeight":1.2,"use":"Major section headings"},"subhead":{"size":16,"weight":600,"lineHeight":1.2,"use":"Section headers, modal titles"},"body-primary":{"size":15,"weight":400,"lineHeight":1.2,"use":"Track titles, main UI copy"},"body":{"size":14,"weight":400,"lineHeight":1.2,"use":"Metadata, list items"},"label":{"size":13,"weight":500,"lineHeight":1.2,"use":"Secondary labels, nav items"},"small":{"size":12,"weight":400,"lineHeight":1.2,"use":"Timestamps, tags, chip labels"}},"spacing":{"xs":5,"sm":9,"md":14,"base":15,"lg":25,"xl":50,"section":60},"rounded":{"sm":5,"md":8,"lg":16,"full":9999},"shadow":{"floating":"rgba(0,0,0,0.10) 0px 4px 20px 0px","modal":"rgba(0,0,0,0.20) 0px 6px 15px 0px"},"components":{"button-primary":{"type":"button","bg":"#3f3fff","fg":"#ffffff","radius":"5px","padding":"0 15px","font":"14px / 400","use":"Standard blue CTA, 36px height"},"button-pill":{"type":"button","bg":"#3f3fff","fg":"#ffffff","radius":"15px","padding":"0 12px","font":"12px / 500","use":"Small round action button, 28px height"},"button-ghost":{"type":"button","bg":"#ffffff","fg":"#3f3fff","radius":"16px","padding":"9px 15px","font":"12px / 500","use":"Outline chip with 0.5px blue border"},"input-text":{"type":"input","bg":"#ffffff","fg":"#181818","radius":"0px","font":"15px / 400","use":"Bottom-border-only text input, 58px height; focus #181818, error #ff4d78, valid #3f3fff"},"card-voucher":{"type":"card","bg":"#f4f5f8","radius":"8px","padding":"50px 60px","use":"Voucher / subscription card surface"},"card-voucher-active":{"type":"card","bg":"#525cfd","fg":"#ffffff","radius":"8px","use":"Active voucher card"},"tab-nav":{"type":"tab","bg":"#ffffff","fg":"#6d6d6d","active":"Active tab #3f3fff text + 2px bottom border #3f3fff","use":"Main navigation tabs; inactive on #f5f5f5"}},"components_harvested":true} },
|
|
109
|
-
{ id: "framer", name: "Framer", displayName: "Framer", country: "US", category: "design-tools", homepage: "https://www.framer.com", primaryColor: "#0055ff", logo: { type: "simpleicons", slug: "framer" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"canvas":"#000000","on-dark":"#ffffff","accent":"#0099ff","muted":"#a6a6a6","surface-elevated":"#090909","link-default":"#0000ee"},"typography":{"family":{"sans":"GT Walsheim Framer Medium","mono":"Azeret Mono"},"display-hero":{"size":110,"weight":500,"lineHeight":0.85,"tracking":-5.5,"use":"Hero display, extreme compressed tracking"},"section-display":{"size":85,"weight":500,"lineHeight":0.95,"tracking":-4.25,"use":"Section display headlines"},"section-heading":{"size":62,"weight":500,"lineHeight":1,"tracking":-3.1,"use":"Section headings"},"feature-heading":{"size":32,"weight":500,"lineHeight":1.13,"tracking":-1,"use":"Feature headings"},"card-title":{"size":24,"weight":400,"lineHeight":1.3,"tracking":-0.01,"use":"Card titles, Inter"},"feature-title":{"size":22,"weight":700,"lineHeight":1.2,"tracking":-0.8,"use":"Feature titles, Inter"},"body-lg":{"size":18,"weight":400,"lineHeight":1.3,"tracking":-0.01,"use":"Large body, Inter"},"body":{"size":15,"weight":400,"lineHeight":1.3,"tracking":-0.01,"use":"Standard body / nav, Inter"},"caption":{"size":14,"weight":400,"lineHeight":1.4,"use":"Captions, Inter"},"label":{"size":13,"weight":500,"lineHeight":1.6,"use":"Labels, Inter"},"code":{"size":10.4,"weight":400,"lineHeight":1.6,"use":"Micro code, Azeret Mono"}},"spacing":{"xs":4,"sm":8,"md":12,"base":15,"lg":20,"xl":30,"section":80},"rounded":{"sm":5,"md":8,"lg":15,"full":9999},"shadow":{"ring-blue":"rgba(0,153,255,0.15) 0px 0px 0px 1px","ring-dark":"rgb(9,9,9) 0px 0px 0px 2px","floating":"rgba(255,255,255,0.1) 0px 0.5px 0px 0.5px, rgba(0,0,0,0.25) 0px 10px 30px"},"components":{"button-primary":{"type":"button","bg":"#ffffff","fg":"#000000","radius":"100px","padding":"10px 15px","font":"15px / 400","use":"Solid white pill, primary CTA on dark"},"button-frosted":{"type":"button","bg":"rgba(255,255,255,0.1)","fg":"#ffffff","radius":"40px","padding":"10px 15px","font":"15px / 400","use":"Glass-effect frosted pill on dark"},"button-ghost":{"type":"button","bg":"transparent","fg":"#ffffff","radius":"40px","padding":"10px 15px","use":"Tertiary text-only action, frosted on hover"},"input-dark":{"type":"input","bg":"#090909","fg":"#ffffff","radius":"8px","padding":"10px 12px","use":"Dark theme form input; focus #0099ff ring + blue glow"},"card-dark":{"type":"card","bg":"#090909","fg":"#ffffff","radius":"12px","padding":"24px","use":"Standard dark surface card with blue ring border"},"card-elevated":{"type":"card","bg":"#090909","fg":"#ffffff","radius":"12px","padding":"24px","use":"Elevated card, white top highlight + deep ambient shadow"},"badge-default":{"type":"badge","bg":"rgba(255,255,255,0.1)","fg":"#ffffff","radius":"9999px","padding":"4px 10px","font":"12px / 400","use":"Frosted pill badge on dark"}},"components_harvested":true}, ds: { name: "Framer Brand Guidelines", url: "https://www.framer.com/brand", type: "brand", description: "Framer's brand and trademark guidelines with logo rules and color palette.", ogImage: "https://framerusercontent.com/assets/MFmOCFlEnwFAS9IP2HbUEH68axo.jpg" } },
|
|
110
|
-
{ id: "freee", name: "freee", displayName: "freee", country: "JP", category: "productivity", homepage: "https://www.freee.co.jp", primaryColor: "#005bac", logo: { type: "github", slug: "freee" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#285ac8","primary-hover":"#3264dc","primary-active":"#1e46aa","accent":"#73a5ff","canvas":"#ffffff","bg-tint":"#ebf3ff","surface-subtle":"#f0eded","column":"#f7f5f5","border":"#e9e7e7","text":"#323232","text-muted":"#6e6b6b","text-caption":"#8c8989","alert":"#dc1e32","alert-bg":"#fad2d7","notice":"#be8c14","notice-bg":"#fff0d2","success":"#006e2d","success-bg":"#cdebd7","info-bg":"#dce8ff"},"typography":{"family":{"sans":"-apple-system","mono":"-apple-system"},"headline1":{"size":24,"weight":700,"lineHeight":1.5,"use":"Headline 1, dashboard titles"},"headline2":{"size":16,"weight":700,"lineHeight":1.5,"use":"Headline 2, section headers"},"headline3":{"size":14,"weight":700,"lineHeight":1.5,"use":"Headline 3, subsection"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Normal body text"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"use":"Captions, badge labels"},"icon":{"size":10,"weight":400,"lineHeight":1.5,"use":"Smallest icon font"}},"spacing":{"xs":4,"sm":8,"base":16,"lg":24,"xl":32,"xxl":48},"rounded":{"sm":4,"md":4,"lg":4,"full":9999},"shadow":{"card":"0 0 1rem rgba(0,0,0,0.1), 0 0.125rem 0.25rem rgba(0,0,0,0.2)","floating":"0 0 1.5rem rgba(0,0,0,0.1), 0 0.25rem 0.5rem rgba(0,0,0,0.2)","popup":"0 0 2rem rgba(0,0,0,0.1), 0 0.375rem 0.75rem rgba(0,0,0,0.2)"},"components":{"button-primary":{"type":"button","bg":"#285ac8","fg":"#ffffff","radius":"4px","padding":"8px 16px","font":"14px / 500","use":"Primary CTA, 36px height; hover #3264dc, active #1e46aa"},"button-accent":{"type":"button","bg":"#73a5ff","fg":"#ffffff","radius":"4px","padding":"8px 16px","use":"Hover / secondary brand action"},"input-default":{"type":"input","bg":"#ffffff","fg":"#323232","radius":"4px","padding":"8px 12px","use":"Form input, 36px height; focus border #285ac8, error #dc1e32"},"card-panel":{"type":"card","bg":"#ffffff","radius":"4px","padding":"16px","use":"Standard panel, 1px #e9e7e7 border"},"card-subtle":{"type":"card","bg":"#f7f5f5","radius":"4px","padding":"24px","use":"Subtle differentiation panel"},"badge-success":{"type":"badge","bg":"#cdebd7","fg":"#006e2d","radius":"4px","padding":"2px 8px","font":"12px / 500","use":"Success / confirmation status"},"badge-alert":{"type":"badge","bg":"#fad2d7","fg":"#dc1e32","radius":"4px","padding":"2px 8px","font":"12px / 500","use":"Error / destructive status"},"badge-notice":{"type":"badge","bg":"#fff0d2","fg":"#be8c14","radius":"4px","padding":"2px 8px","font":"12px / 500","use":"Warning / notice status"},"badge-info":{"type":"badge","bg":"#dce8ff","fg":"#285ac8","radius":"4px","padding":"2px 8px","font":"12px / 500","use":"Informational status"}},"components_harvested":true}, ds: { name: "Vibes", url: "https://vibes.freee.co.jp", type: "system", description: "freee's open-source design system with accessibility-focused components." } },
|
|
111
|
-
{ id: "fugle", name: "Fugle", displayName: "Fugle", country: "TW", category: "fintech", homepage: "https://www.fugle.tw", primaryColor: "#f4af1c", logo: { type: "favicon", slug: "https://www.fugle.tw/images/favicon.ico" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#f4af1c","primary-hover":"#e49b00","primary-tint":"#fef4cf","secondary":"#4c85a0","secondary-hover":"#36708c","canvas":"#ffffff","bg-secondary":"#f5f5f5","border":"#eaeaea","border-heavy":"#dfdfdf","text":"#323232","text-muted":"#8b8a8a","dark-surface":"#131313","rise":"#f3746d","fall":"#6c9c46","error":"#d12a2a"},"typography":{"family":{"sans":"Lato","mono":"Lato"},"highlight":{"size":24,"weight":700,"lineHeight":1.4,"use":"Data highlight values"},"heading":{"size":20,"weight":700,"lineHeight":1.4,"use":"Dialog / section headings"},"modal":{"size":16,"weight":400,"lineHeight":1.5,"use":"Modal body, form inputs"},"body":{"size":14,"weight":400,"lineHeight":1.4,"use":"Dense data rows"},"label":{"size":12,"weight":400,"lineHeight":1.4,"use":"Secondary labels, timestamps"}},"spacing":{"xs":5,"sm":8,"base":16,"lg":20,"xl":32,"section":50},"rounded":{"sm":4,"md":4,"lg":8,"full":9999},"shadow":{"card":"0 2px 2px 0 rgba(0,0,0,.08), 0 2px 7px 0 rgba(0,0,0,.1)","popover":"0 0 24px 0 rgba(0,0,0,.08)","modal":"0 0 17px 0 rgba(0,0,0,.14), 0 8px 9px 0 rgba(0,0,0,.12)"},"components":{"button-primary":{"type":"button","bg":"#f4af1c","fg":"#ffffff","radius":"4px","font":"14px / 700","use":"Amber CTA; hover #e49b00"},"input-default":{"type":"input","bg":"#eaeaea","radius":"4px","padding":"0 5px","font":"16px / 400","use":"Search / trade input, 32px height"},"list-item-stock":{"type":"listItem","bg":"#ffffff","radius":"0px","font":"14px / 400","use":"Watchlist row, 55px height, 1px #eaeaea border; hover rgba(0,0,0,0.04)"},"card-trade":{"type":"card","bg":"#ffffff","radius":"4px","padding":"20px 0","use":"Surface trade box card"},"card-info":{"type":"card","bg":"#eaeaea","radius":"8px","use":"Highlighted info box"},"dialog":{"type":"dialog","bg":"#ffffff","radius":"4px","padding":"16px","font":"16px / 400","use":"Modal dialog container"}},"components_harvested":true} },
|
|
112
|
-
{ id: "funnow", name: "FunNow", displayName: "FunNow", country: "TW", category: "consumer-tech", homepage: "https://www.myfunnow.com", primaryColor: "#ff5537", logo: { type: "favicon", slug: "https://cdn.myfunnow.com/web/images/funnow_favicon.svg" }, verified: "2026-06-10", added: "2026-06-10", tokens: {"source":"live-extract","extracted":"2026-06-10","note":"primary = live CTA / urgency orange-red (#ff5537, matches the official favicon SVG fill); teal #4dcbcb is the secondary outline accent; flash-sale tags run indigo #5a69eb. Vuetify/Material chrome — flat v-cards, 4px radius everywhere.","colors":{"primary":"#ff5537","teal":"#4dcbcb","flash-indigo":"#5a69eb","amber":"#ffb107","ink":"#252729","ink-pure":"#000000","muted":"#a7a7a9","canvas":"#f4f4f5","surface":"#ffffff","tint-peach":"#ffd8d1","tint-blush":"#ffeeeb","on-primary":"#ffffff"},"typography":{"family":{"sans":"Helvetica Neue","tc":"PingFang TC, Microsoft JhengHei"},"display-hero":{"size":36,"weight":500,"lineHeight":1.22,"use":"Hero H1 headline on homepage"},"page-title":{"size":24,"weight":700,"lineHeight":1.5,"use":"Category / listing page H1"},"section":{"size":18,"weight":400,"lineHeight":1.5,"use":"Category page H2 intro"},"subtitle":{"size":17,"weight":400,"lineHeight":1.41,"use":"Hero H2 subtitle, section heads, filter tabs"},"body":{"size":15,"weight":400,"lineHeight":1.5,"use":"Standard reading text, header buttons"},"button":{"size":14,"weight":400,"lineHeight":1,"use":"Primary CTA / control labels"},"badge":{"size":12,"weight":500,"lineHeight":1.3,"use":"Urgency and flash-sale tags"}},"spacing":{"xs":2,"sm":8,"md":12,"base":16},"rounded":{"sm":4,"md":5},"shadow":{"flat":"none","raised":"Material elevation stack rgba(0,0,0,0.2) / rgba(0,0,0,0.14) on raised search CTA only"},"components":{"button-primary":{"type":"button","bg":"#ff5537","fg":"#ffffff","radius":"4px","padding":"0px 16px","height":"40px","font":"14px / 400","use":"Search submit / primary CTA — the single solid-fill button on the page"},"button-outline-teal":{"type":"button","fg":"#4dcbcb","border":"1px solid #4dcbcb","radius":"4px","padding":"0px 8px","height":"36px","font":"15px / 400","use":"Download App header CTA, outlined teal"},"button-text":{"type":"button","fg":"#000000","radius":"4px","padding":"0px 8px","height":"36px","font":"15px / 400","use":"Login / Sign Up quiet header action"},"badge-available-now":{"type":"badge","bg":"#ff5537","fg":"#ffffff","radius":"4px","padding":"2px 8px","font":"12px / 500","use":"'Available now' urgency tag on product cards"},"badge-flash-sale":{"type":"badge","bg":"#5a69eb","fg":"#ffffff","radius":"4px","padding":"0px 8px","font":"12px / 400","use":"'Flash Sales Now' / timed-deal countdown tag"},"card-product":{"type":"card","bg":"#ffffff","radius":"4px","use":"Flat v-card product tile sitting on the #f4f4f5 canvas, image-led, no shadow"},"tab-filter":{"type":"tab","fg":"#252729","active":"text #ff5537","height":"48px","font":"17px / 400","use":"Category scope tabs (All / Beitou Hot Spring Hotel / ...)"},"input-search":{"type":"input","fg":"#000000","radius":"0px","padding":"8px 16px","height":"40px","font":"16px / 400","use":"Hero search field inside the white booking toolbar"}},"components_harvested":true} },
|
|
113
|
-
{ id: "gangnamunni", name: "강남언니", displayName: "Gangnamunni (강남언니)", country: "KR", category: "consumer-tech", homepage: "https://www.gangnamunni.com", primaryColor: "#d54300", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=gangnamunni.com&sz=128" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"brand":"#d54300","brand-regular":"#f66336","brand-strong-fg":"#ab350c","brand-accent-raw":"#ff540f","brand-tint-100":"#feeee9","brand-tint-50":"#fef6f4","canvas":"#ffffff","heading":"#131517","body":"#3a444d","caption":"#697683","placeholder":"#8694a2","border":"#d8dfe6","border-weak":"#e4e8ec","surface-subtle":"#eff2f5","surface-faint":"#f7f9fa","success":"#27a86d","success-strong":"#1a8656","danger":"#d73f39","warning":"#f9c647","info":"#3270d6"},"typography":{"family":{"sans":"Pretendard JP Variable","mono":"ui-monospace"},"display-md":{"size":28,"weight":700,"lineHeight":1.3,"use":"Feature headlines"},"title-xl":{"size":32,"weight":700,"lineHeight":1.3,"use":"Landing headlines"},"title-lg":{"size":24,"weight":700,"lineHeight":1.3,"use":"Page section titles"},"title-md":{"size":20,"weight":700,"lineHeight":1.4,"use":"Card headings, prices"},"subhead":{"size":18,"weight":600,"lineHeight":1.4,"use":"Section subheads"},"body-lg":{"size":16,"weight":400,"lineHeight":1.5,"use":"Primary body, card titles"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Default UI text"},"label-sm":{"size":13,"weight":500,"lineHeight":1.4,"use":"Secondary buttons, links"},"label-xs":{"size":12,"weight":500,"lineHeight":1.4,"use":"Chips, timestamps, tag pills"},"meta":{"size":11,"weight":400,"lineHeight":1.4,"use":"Smallest meta, fine print"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":32,"section":48},"rounded":{"sm":4,"md":12,"lg":16,"full":9999},"shadow":{"soft":"0 4px 12px rgba(0,0,0,0.08)","modal":"0 12px 32px rgba(0,0,0,0.16)"},"components":{"button-primary":{"type":"button","bg":"#d54300","fg":"#ffffff","radius":"16px","padding":"12px 20px","font":"16px / 600","use":"Primary brand CTA; hover #ab350c, disabled orange-200"},"button-accent":{"type":"button","bg":"#ff540f","fg":"#ffffff","radius":"16px","padding":"12px 20px","font":"16px / 600","use":"Hot-deal / time-limited promo CTA"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#131517","radius":"16px","padding":"10px 16px","font":"14px / 500","use":"Neutral secondary, 1px #d8dfe6 border; hover #f7f9fa"},"button-subtle":{"type":"button","bg":"#fef6f4","fg":"#d54300","radius":"16px","padding":"8px 14px","font":"14px / 600","use":"Secondary brand CTA, tinted"},"button-danger":{"type":"button","bg":"#d73f39","fg":"#ffffff","radius":"16px","padding":"10px 16px","font":"14px / 600","use":"Destructive action"},"input-text":{"type":"input","bg":"#ffffff","fg":"#131517","radius":"12px","padding":"12px 16px","font":"16px / 400","use":"Standard form field, 48px height; focus #d54300, error #d73f39"},"card-clinic":{"type":"card","bg":"#ffffff","radius":"12px","padding":"16px","use":"Hospital / doctor card, 1px #d8dfe6 border, no shadow"},"card-promo":{"type":"card","bg":"#fef6f4","radius":"12px","padding":"16px","use":"Event / promo card, 1px #feeee9 border"},"badge-brand":{"type":"badge","bg":"#ff540f","fg":"#ffffff","radius":"4px","padding":"2px 6px","font":"12px / 700","use":"HOT / 특가 time-sensitive flag"},"badge-success":{"type":"badge","bg":"#e8f6ec","fg":"#1a8656","radius":"9999px","padding":"2px 8px","font":"12px / 600","use":"인증 병원 verification badge"},"badge-info":{"type":"badge","bg":"#ebf2ff","fg":"#1b59bd","radius":"4px","padding":"2px 6px","font":"11px / 600","use":"Regulatory / certification label"},"pill-category":{"type":"badge","bg":"#ffffff","fg":"#131517","radius":"9999px","padding":"6px 12px","font":"14px / 500","use":"Category filter pill; selected #fef6f4 bg + #d54300 text + #fa8563 border"},"toast":{"type":"toast","bg":"#131517","fg":"#ffffff","radius":"12px","padding":"12px 16px","font":"14px / 500","use":"Bottom-center toast, 3s duration"}},"components_harvested":true}, ds: { name: "Gangnamunni Blog", url: "https://blog.gangnamunni.com/post/welchis/", type: "brand", description: "Healience design team blog — the Cell + Welchis two-system architecture behind Gangnamunni's medical-platform UI.", ogImage: "https://blog.gangnamunni.com/contents/posts/238d9338-d3d4-80ac-a8c6-da95db5bc8bc/cover/7d41f721-4cf0-408c-b2fd-f7aa403a5cbe.png" } },
|
|
114
|
-
{ id: "genie", name: "Genie Music", displayName: "Genie Music", country: "KR", category: "consumer-tech", homepage: "https://www.genie.co.kr", primaryColor: "#fa4065", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=genie.co.kr&sz=128" }, verified: "2026-06-09", added: "2026-06-09", tokens: {"source":"live-extract","extracted":"2026-06-09","components_harvested":true,"colors":{"primary":"#fa4065","primary-hover":"#d62952","accent-blue":"#0096ff","heading":"#27282d","body":"#444444","muted":"#969697","label":"#8b8b8b","secondary":"#666666","canvas":"#ffffff","surface":"#f7f8f9","hairline":"#eef1f4","border":"#d2d2d2","icon-gray":"#a6afb6","on-primary":"#ffffff","chip-dark":"#434354"},"typography":{"family":{"sans":"dotum","fallback":"sans-serif"},"gnb":{"size":18,"weight":700,"lineHeight":1.3,"use":"Global nav primary menu items"},"heading":{"size":14,"weight":400,"lineHeight":1.71,"use":"Account / utility menu labels"},"body":{"size":12,"weight":400,"lineHeight":1.5,"use":"Standard list rows, track titles, metadata"},"body-bold":{"size":12,"weight":700,"lineHeight":1.5,"use":"Emphasised labels, active chart tab"},"chip":{"size":12,"weight":700,"lineHeight":2.08,"use":"Search keyword chip on dark pill"},"caption":{"size":11,"weight":400,"use":"Rank numerals, fine print, timestamps"}},"spacing":{"xs":1,"sm":6,"md":8,"base":12,"lg":18,"xl":24,"xxl":32},"rounded":{"sm":4,"md":8,"lg":13,"full":9999},"shadow":{"ambient":"rgba(0,0,0,0.06) 0px 1px 3px","panel":"rgba(0,0,0,0.12) 0px 4px 12px"},"components":{"button-primary":{"type":"button","bg":"#fa4065","fg":"#ffffff","radius":"4px","padding":"8px 18px","font":"12px / 700","use":"Primary listen/play action, hover #d62952"},"button-ghost":{"type":"button","fg":"#444444","radius":"4px","padding":"6px 12px","font":"12px / 400","use":"Secondary row action, 1px #d2d2d2 border"},"chip-search":{"type":"badge","bg":"#434354","fg":"#ffffff","radius":"13px","padding":"0px 12px","font":"12px / 700","use":"Realtime search keyword pill, 25px tall"},"tab-chart":{"type":"tab","fg":"#8b8b8b","padding":"0px 8px","font":"12px / 700","active":"active text #0096ff bold","use":"Chart scope tabs — 종합 / 국내 / 국외"},"nav-gnb":{"type":"tab","fg":"#27282d","font":"18px / 700","active":"#fa4065 with bottom border","use":"Top global nav bar items"},"card":{"type":"card","bg":"#ffffff","radius":"8px","use":"Chart / album panel, 1px #eef1f4 border, ambient shadow"},"input-search":{"type":"input","fg":"#444444","radius":"4px","padding":"1px 6px","font":"12px / 400","use":"Header search field, 1px #d2d2d2 border, placeholder #969697"},"list-item":{"type":"listItem","fg":"#444444","font":"12px / 400","use":"Track row, rank numeral #969697, title #27282d on hover"},"badge-rank":{"type":"badge","fg":"#969697","font":"11px / 400","use":"Chart rank position numeral"}}} },
|
|
115
|
-
{ id: "github", name: "GitHub", displayName: "GitHub", country: "US", category: "developer-tools", homepage: "https://github.com", primaryColor: "#0969da", logo: { type: "simpleicons", slug: "github" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"design-system","extracted":"2026-06-08","components_harvested":true,"note":"Grounded in Primer (primer.style public DS) functional + base tokens, cross-checked against live github.com computed styles (dark-default canvas #0d1117, green primary #1f883d, 6px radius, 32px control height). primary = fgColor-accent #0969da.","colors":{"primary":"#0969da","primary-dark":"#4493f8","accent-subtle":"#ddf4ff","success":"#1f883d","success-hover":"#1a7f37","success-subtle":"#dafbe1","danger":"#cf222e","danger-subtle":"#ffebe9","attention":"#9a6700","attention-emphasis":"#bf8700","attention-subtle":"#fff8c5","done":"#8250df","done-subtle":"#fbefff","sponsors":"#bf3989","canvas":"#ffffff","canvas-inset":"#f6f8fa","canvas-dark":"#0d1117","canvas-dark-inset":"#010409","canvas-dark-subtle":"#161b22","heading":"#1f2328","muted":"#59636e","subtle":"#818b98","on-emphasis":"#ffffff","text-dark":"#e6edf3","muted-dark":"#9198a1","border":"#d1d9e0","border-muted":"#d8dee4","border-dark":"#30363d","tab-active":"#fd8c73"},"typography":{"family":{"ui":"-apple-system, BlinkMacSystemFont, Segoe UI, Noto Sans, Helvetica, Arial, sans-serif","mono":"ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace","marketing":"Mona Sans, Hubot Sans"},"page-title":{"size":32,"weight":600,"lineHeight":1.25,"use":"Repo/profile name, page title"},"h1":{"size":24,"weight":600,"lineHeight":1.25,"use":"Section titles, settings headers"},"h2":{"size":20,"weight":600,"lineHeight":1.25,"use":"Card headers, sub-sections"},"h3":{"size":16,"weight":600,"lineHeight":1.25,"use":"List group headers, dialog titles"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"The GitHub baseline — most UI text"},"body-strong":{"size":14,"weight":600,"lineHeight":1.5,"use":"File names, author names, emphasized labels"},"small":{"size":12,"weight":400,"lineHeight":1.4,"use":"Metadata, timestamps, counts, badges"},"code":{"size":13,"weight":400,"lineHeight":1.45,"use":"Mono — code, SHAs, paths, inline code"}},"spacing":{"xs":4,"sm":8,"base":16,"lg":24,"xl":32,"xxl":40,"xxxl":48},"rounded":{"small":3,"medium":6,"large":12,"full":9999},"shadow":{"small":"0 1px 0 rgba(31,35,40,0.04)","medium":"0 3px 6px rgba(140,149,159,0.15)","large":"0 8px 24px rgba(31,35,40,0.2)","xlarge":"0 12px 28px rgba(31,35,40,0.3)","focus":"0 0 0 3px rgba(9,105,218,0.3)"},"components":{"button-primary":{"type":"button","bg":"#1f883d","fg":"#ffffff","border":"1px solid rgba(31,35,40,0.15)","radius":"6px","height":"32px","padding":"0 16px","font":"14px / 600","hover":"bg #1a7f37","active":"bg #187733","disabled":"bg #94d3a2 · text 0.8 opacity","use":"The one constructive primary action — Create/Commit/Merge. Never blue."},"button-default":{"type":"button","bg":"#f6f8fa","fg":"#1f2328","border":"1px solid #d1d9e0","radius":"6px","height":"32px","padding":"0 16px","font":"14px / 600","hover":"bg #eef1f4","active":"bg #e6eaef","use":"The most common neutral button — Cancel/Edit, secondary actions"},"button-danger":{"type":"button","bg":"#ffffff","fg":"#cf222e","border":"1px solid #d1d9e0","radius":"6px","height":"32px","hover":"bg #cf222e · text #ffffff · border #cf222e","use":"Destructive — Delete/Remove. Quiet until hovered, then commits to red."},"button-invisible":{"type":"button","bg":"transparent","fg":"#0969da","border":"none","radius":"6px","height":"32px","hover":"bg #f6f8fa","use":"Borderless tertiary — overflow triggers, icon buttons, in-row controls"},"icon-button":{"type":"button","bg":"transparent","fg":"#59636e","radius":"6px","height":"32px","padding":"0","hover":"bg #f6f8fa","use":"Square icon-only control 28/32/40px, min 32x32 hit area — kebab menu, copy, bell"},"button-sizes":{"type":"button","radius":"6px","states":"small 28px / 12px / 0 12px · medium 32px / 14px / 0 16px · large 40px / 14px / 0 20px","use":"Button size scale (height · font · padding)"},"text-input":{"type":"input","bg":"#ffffff","fg":"#1f2328","border":"1px solid #d1d9e0","radius":"6px","height":"32px","padding":"5px 12px","font":"14px / 400","focus":"border #0969da + shadow 0 0 0 3px rgba(9,105,218,0.3)","states":"error border #cf222e + ring rgba(207,34,46,0.3) + #cf222e help text","use":"Standard form field; placeholder #818b98"},"select":{"type":"input","bg":"#ffffff","fg":"#1f2328","border":"1px solid #d1d9e0","radius":"6px","focus":"shadow 0 0 0 3px rgba(9,105,218,0.3)","use":"Native-backed dropdown styled as default input, trailing chevron #59636e"},"checkbox":{"type":"toggle","border":"1px solid #d1d9e0","radius":"3px","height":"16px","active":"checked #0969da fill + white check glyph","focus":"shadow 0 0 0 3px rgba(9,105,218,0.3)","use":"16px box; indeterminate shows a dash"},"radio":{"type":"toggle","border":"1px solid #d1d9e0","radius":"9999px","height":"16px","active":"checked #0969da ring + filled #0969da dot","focus":"shadow 0 0 0 3px rgba(9,105,218,0.3)","use":"16px circle, mutually-exclusive option groups"},"toggle-switch":{"type":"toggle","bg":"#818b98","radius":"9999px","active":"on #1f883d","use":"Settings boolean, ~32px pill track, white thumb with subtle shadow"},"box":{"type":"card","bg":"#ffffff","fg":"#1f2328","border":"1px solid #d1d9e0","radius":"6px","padding":"16px","shadow":"none","use":"Canonical container, border-first. Optional #f6f8fa header + 1px bottom border. Repo rows, settings panels."},"label":{"type":"badge","bg":"#ddf4ff","fg":"#0969da","border":"1px solid #ddf4ff","radius":"9999px","height":"20px","padding":"0 7px","font":"12px / 500","use":"Issue/PR tag tinted from its own hue at low alpha; ten color schemes"},"counter-label":{"type":"badge","bg":"rgba(175,184,193,0.2)","fg":"#1f2328","radius":"9999px","padding":"0 6px","font":"12px / 400","use":"Numeric pill, tabular — tab/notification/star counts"},"state-label":{"type":"badge","bg":"#1f883d","fg":"#ffffff","radius":"9999px","padding":"4px 12px","font":"12px / 500","states":"open #1f883d · merged #8250df · closed #cf222e · draft #59636e","use":"Large status pill atop an issue/PR, leading state icon"},"token":{"type":"badge","bg":"#f6f8fa","fg":"#1f2328","border":"1px solid #d1d9e0","radius":"9999px","use":"Removable chip with trailing x — assignees, topics, applied labels"},"avatar":{"type":"avatar","radius":"9999px","height":"20px","use":"Circular for people, 6px-radius square for orgs/teams/bots. Sizes 16-64px, default 20px."},"avatar-stack":{"type":"avatar","radius":"9999px","border":"white ring between","use":"Overlapping circular avatars ~-8px overlap, collapsing a contributor list into a cluster"},"action-list":{"type":"listItem","padding":"16px","hover":"bg #f6f8fa","active":"selected bg #ddf4ff + text #0969da","use":"Vertical list of actions in menus/panels; leading/trailing visuals, group headings, dividers, danger items"},"action-menu":{"type":"dialog","bg":"#ffffff","border":"1px solid #d1d9e0","radius":"6px","shadow":"0 8px 24px rgba(31,35,40,0.2)","use":"An action-list rendered in an overlay popover — kebab overflow and dropdown menus"},"underline-nav":{"type":"tab","border":"1px bottom border #d1d9e0","fg":"#1f2328","font":"14px / 400","active":"text #1f2328 600 + 2px bottom border #fd8c73","hover":"bg #f6f8fa","use":"Primary tab pattern (Code/Issues/PR/Actions, profile tabs); neutral counter pills"},"segmented-control":{"type":"tab","bg":"#f6f8fa","border":"1px solid #d1d9e0","height":"32px","active":"selected white panel + 1px #d1d9e0 + small shadow","use":"Pick one of a small linear set; sizes 28/32px; collapses to dropdown/hideLabels in tight space"},"breadcrumbs":{"type":"tab","fg":"#0969da","active":"last crumb #1f2328 no-link","use":"Inline path trail; #59636e slash separators. Repo file-path navigation."},"pagination":{"type":"tab","fg":"#0969da","radius":"6px","active":"current page #0969da fill + #ffffff text","use":"Numbered links with prev/next chevrons under long issue/commit lists"},"tree-view":{"type":"listItem","hover":"bg #f6f8fa","active":"selected bg #ddf4ff","use":"Indented file/symbol tree, 8px-step indentation, chevron disclosure on folders, keyboard-navigable"},"dialog":{"type":"dialog","bg":"#ffffff","border":"1px solid #d1d9e0","radius":"12px","padding":"16px","shadow":"0 8px 24px rgba(31,35,40,0.2)","use":"Modal; rgba(31,35,40,0.5) scrim, 16px header + 1px bottom border, title 16px / 600. Confirmation/delete prompts."},"overlay":{"type":"dialog","bg":"#ffffff","border":"1px solid #d1d9e0","radius":"6px","shadow":"0 3px 6px rgba(140,149,159,0.15)","use":"Floating-surface primitive (6-12px radius, medium/large shadow) — base for menus, popovers, dialogs"},"tooltip":{"type":"card","bg":"#1f2328","fg":"#ffffff","radius":"6px","padding":"6px 12px","font":"12px / 400","use":"Dark bubble with small directional arrow, on hover/focus, for icon-button labels and truncated text"},"banner":{"type":"card","bg":"#ddf4ff","fg":"#1f2328","border":"1px solid rgba(9,105,218,0.4)","radius":"6px","padding":"16px","states":"info #ddf4ff · success #dafbe1 · warning #fff8c5 · critical #ffebe9","use":"In-context message block, leading status icon + optional dismiss x; compact and flush layouts"},"flash":{"type":"card","bg":"#ddf4ff","fg":"#1f2328","radius":"6px","padding":"16px","states":"info #ddf4ff · success #dafbe1 · warning #fff8c5 · critical #ffebe9","use":"Page-level banner spanning content width at page top; persists until navigation"},"inline-message":{"type":"card","fg":"#1a7f37","states":"success #1a7f37 · attention #9a6700 · danger #cf222e","use":"Compact single-line status beside a control, leading icon + tone-colored text — validation hints"},"spinner":{"type":"card","fg":"#59636e","use":"Indeterminate circular loader, ~1.5px stroke, sizes 16/24/32/48px; replaces a button label during long ops"},"progress-bar":{"type":"card","bg":"#d1d9e0","fg":"#1f883d","radius":"9999px","height":"8px","use":"Rounded full track with green fill — language-breakdown bars, upload/operation progress"},"skeleton":{"type":"card","bg":"#f6f8fa","radius":"6px","use":"Loading placeholders at final element geometry, subtle shimmer; SHAs/counts render as skeleton bars not values"},"blankslate":{"type":"card","fg":"#1f2328","use":"Centered empty state — icon visual, #1f2328 heading, #59636e description, green primary action + optional secondary link; narrow/spacious/bordered variants"},"timeline":{"type":"listItem","border":"#d1d9e0 vertical rail","use":"Issue/PR activity thread; badge nodes (commit/comment/label/merge) and avatar-led rows. Merge event in #8250df done purple."},"branch-name":{"type":"badge","bg":"#ddf4ff","fg":"#0969da","radius":"6px","padding":"0 6px","font":"mono","use":"Inline branch/ref reference in monospace"}}} },
|
|
116
|
-
{ id: "gmarket", name: "Gmarket", displayName: "지마켓", country: "KR", category: "ecommerce", homepage: "https://www.gmarket.co.kr", primaryColor: "#ffd200", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=gmarket.co.kr&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#da120d","brand":"#da120d","error":"#ef2b2a","canvas":"#ffffff","surface":"#ffffff","foreground":"#222222","muted":"#757575","on-primary":"#ffffff","hairline":"#e0e0e0","success":"#00c400","accent-smile":"#ffd200","accent-stardelivery":"#7130f3","accent-connect":"#00c3a0","club-navy":"#002041","club-blue":"#497cff","event-bf":"#f1266d","event-bs":"#fd4e28","event-bsd":"#7b00e7"},"typography":{"family":{"sans":"Gmarket Sans","mono":"system-ui"},"section-hero":{"size":28,"weight":700,"lineHeight":1.2,"use":"Hero module section H2"},"section-compact":{"size":24,"weight":700,"lineHeight":1.2,"use":"Compact module H2"},"card-title":{"size":18.72,"weight":700,"lineHeight":1.3,"use":"Card H3 heading"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Body, card title, primary nav"},"body-strong":{"size":16,"weight":700,"lineHeight":1.4,"use":"Price emphasis, strong body"},"secondary":{"size":14,"weight":400,"lineHeight":1.4,"use":"Secondary nav, filter/utility"},"utility":{"size":13.3333,"weight":400,"lineHeight":1.4,"use":"Utility text, tooltip, swiper label"},"meta":{"size":12,"weight":400,"lineHeight":1.4,"use":"Meta text, footer notices, micro-badge"},"price-modifier":{"size":11,"weight":500,"lineHeight":1.4,"use":"Price-modifier label 쿠폰적용가"}},"spacing":{"micro":4,"sm":8,"md":16,"lg":24,"module":64},"rounded":{"sm":3,"md":4,"lg":20,"full":9999},"shadow":{"none":"none"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#da120d","fg":"#ffffff","radius":"4px","padding":"14px 24px","font":"16px / 700","use":"Highest-intent purchase CTA, one per surface"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#222222","border":"1px solid #e0e0e0","radius":"3px","font":"14px / 400","use":"Chrome-utility actions, footer button"},"button-pill":{"type":"button","bg":"#ffffff","fg":"#666666","border":"1px solid #e0e0e0","radius":"20px","font":"16px / 400","states":"active fg #222222","use":"Home module entry pills, GNB sub-category chips"},"input-search":{"type":"input","bg":"#ffffff","fg":"#222222","border":"2px solid #222222","radius":"0px","height":"44px","font":"16px / 400","use":"Header search field, signature dark-stroked"},"input-filter":{"type":"input","bg":"#ffffff","border":"1px solid #e0e0e0","radius":"3px","font":"14px / 400","use":"Filter / sort refinement strip"},"card-product":{"type":"card","bg":"#ffffff","radius":"6px","shadow":"none","padding":"8px 0","use":"Home / bestsellers product card; title #222222, price #da120d 700, separation via gutter not shadow"},"badge-discount":{"type":"badge","bg":"#fff5f5","fg":"#da120d","radius":"3px","font":"12px / 700","use":"Discount-rate badge, percentage-off"},"badge-club":{"type":"badge","bg":"#002041","fg":"#ffd200","radius":"4px","font":"11px / 700","use":"Smile Club loyalty badge"},"chip-delivery":{"type":"badge","bg":"#ffd200","fg":"#222222","radius":"3px","padding":"2px 6px","font":"11px / 500","use":"스마일배송 yellow chip; 무료배송 gray #f5f5f5, StarDelivery purple #7130f3 w/ white text"},"nav-anchor":{"type":"tab","fg":"#222222","padding":"17px 0px 20px","font":"16px / 400","active":"current fg #da120d, 2px bottom border #222222 on hover","use":"GNB top primary anchor"},"layer-recent":{"type":"dialog","bg":"#ffffff","border":"1px solid #e0e0e0","shadow":"none","use":"Recent-products layer; title 16px/700 #222222"},"banner-event":{"type":"card","bg":"#f1266d","fg":"#ffffff","use":"BF/BS/BSD full-bleed event-week module; BS #fd4e28, BSD #7b00e7"}}}, ds: { name: "Gmarket Sans", url: "https://corp.gmarket.com/fonts/", type: "brand", description: "Gmarket's SIL OFL brand typeface — 3 weights, TTF/OTF, 11,172 KR glyphs. First-party font artifact from a 25-year-old open marketplace; backing 247 :root CSS vars + Smile Yellow #ffd200 + Club/Event/Service sub-systems on the storefront." } },
|
|
117
|
-
{ id: "gogolook", name: "Gogolook", displayName: "Gogolook", country: "TW", category: "consumer-tech", homepage: "https://whoscall.com", primaryColor: "#0CD25F", logo: { type: "favicon", slug: "https://cdn.prod.website-files.com/6824b7a0497f20e292c20ff9/68ac49dd7f01530f6ef06b10_Webclip.png" }, verified: "2026-06-01", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"brand":"#0cd25f","cta":"#05f067","brand-tint":"#e6faef","dark-gray":"#2c3e50","text":"#262626","canvas":"#ffffff","accent-pink":"#f53f90","accent-teal":"#019d91"},"typography":{"family":{"sans":"Noto Sans","mono":"Noto Sans"},"hero":{"size":118,"weight":500,"lineHeight":1.1,"use":"Nunito rounded display hero"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Noto Sans body copy"},"button":{"size":16,"weight":500,"lineHeight":1,"use":"Pill button label"}},"spacing":{"xs":8,"sm":16,"base":16,"lg":32,"xl":48,"section":64},"rounded":{"sm":40,"md":40,"lg":100,"full":9999},"components":{"button-primary":{"type":"button","bg":"#05f067","fg":"#262626","radius":"100px","padding":"16px 32px","font":"16px / 500","use":"Primary download CTA pill, 56px height"},"button-secondary":{"type":"button","bg":"rgba(255,255,255,0.8)","fg":"#262626","radius":"100px","padding":"16px 32px","font":"16px / 500","use":"Secondary demo pill, 56px height"},"button-premium":{"type":"button","bg":"#e6faef","fg":"#262626","radius":"40px","padding":"16px 32px","font":"16px / 400","use":"Premium / upgrade action on light-green surface, 57px height"}},"components_harvested":true}, ds: { name: "Whoscall Brand Guidelines", url: "https://whoscall.com/en/brand", type: "brand", description: "Whoscall's official brand page — logo, the documented brand green #0CD25F, and usage guidelines." } },
|
|
118
|
-
{ id: "gogoro", name: "Gogoro", displayName: "Gogoro", country: "TW", category: "automotive", homepage: "https://www.gogoro.com", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=gogoro.com&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"canvas":"#000000","text":"#323237","ink":"#141719","accent":"#0074ff","cyan":"#28c3ff","cta":"#2b96ed","surface":"#f6f6f6","on-dark":"#ffffff","gray-mid":"#737d82","gray-light":"#b9bcbf","gray-faint":"#888888","border":"#dee2e6"},"typography":{"family":{"sans":"Graphik","mono":"Graphik"},"display":{"size":60,"weight":700,"lineHeight":1.05,"use":"Full-bleed hero statements, tight tracking"},"h1":{"size":42,"weight":700,"lineHeight":1.1,"use":"Section openers"},"h2":{"size":30,"weight":700,"lineHeight":1.2,"use":"Sub-sections"},"h3":{"size":22,"weight":600,"lineHeight":1.3,"use":"Card titles, spec headers"},"body-lg":{"size":18,"weight":400,"lineHeight":1.5,"use":"Lead paragraphs"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Default copy"},"caption":{"size":14,"weight":500,"lineHeight":1.4,"use":"Meta, captions, button text"},"micro":{"size":12,"weight":500,"lineHeight":1.3,"use":"Legal, fine print"}},"spacing":{"xs":8,"sm":16,"base":24,"lg":28,"xl":48,"section":100},"rounded":{"sm":8,"md":12,"lg":16,"full":9999},"shadow":{"card":"0 2px 12px rgba(0,0,0,0.08)"},"components":{"button-cta":{"type":"button","bg":"#2b96ed","fg":"#ffffff","radius":"12px","padding":"0 24px","font":"14px / 600","use":"Account / login / primary site CTA, 40px height"},"button-marketing":{"type":"button","bg":"#0074ff","fg":"#ffffff","radius":"12px","padding":"14px 28px","font":"16px / 600","use":"Hero CTA over black / photo backgrounds"},"button-outline":{"type":"button","bg":"transparent","fg":"#323237","radius":"12px","padding":"14px 28px","font":"16px / 600","use":"Lower-priority action, 1px #dee2e6 border"},"input-default":{"type":"input","bg":"#ffffff","fg":"#323237","radius":"8px","padding":"12px 16px","font":"16px / 400","use":"Account / form input; focus border #0074ff"},"card-spec":{"type":"card","bg":"#ffffff","radius":"16px","padding":"24px","use":"Product / spec card on light surface"},"card-dark":{"type":"card","bg":"#141719","fg":"#ffffff","radius":"16px","use":"On-black storytelling card with electric-blue accent"}},"components_harvested":true} },
|
|
119
|
-
{ id: "google", name: "Google", displayName: "Google", country: "US", category: "consumer-tech", homepage: "https://www.google.com", primaryColor: "#1a73e8", logo: { type: "simpleicons", slug: "google" }, verified: "2026-06-11", added: "2026-06-11", tokens: {"source":"reconciled","extracted":"2026-06-11","note":"primary = Google Blue 600 (#1a73e8), the deployed marketing/interactive blue on about.google; #0b57d0 is the newer GM3 sign-in pill blue live on google.com. M3 baseline tokens (#6750a4 family) come from the official material-tokens repo; m3.material.io site itself runs an expressive purple (#6442d6).","colors":{"primary":"#1a73e8","primary-hover":"#1967d2","primary-gm3":"#0b57d0","primary-tint":"#e8f0fe","ink":"#202124","ink-search":"#1f1f1f","graphite":"#3c4043","muted":"#5f6368","muted-alt":"#70757a","faint":"#9aa0a6","canvas":"#ffffff","surface":"#f8f9fa","hairline":"#dadce0","serp-link":"#1a0dab","on-primary":"#ffffff","success":"#188038","m3-primary":"#6750a4","m3-primary-container":"#eaddff","m3-on-surface":"#1c1b1f","m3-surface":"#fffbfe","m3-outline":"#79747e","m3-error":"#b3261e","m3-site-primary":"#6442d6","m3-site-surface":"#f8f1f6"},"typography":{"family":{"display":"Google Sans","body":"Google Sans Text","search":"Arial","m3-default":"Roboto"},"display-hero":{"size":60,"weight":400,"lineHeight":1.2,"use":"about.google display headlines, Google Sans"},"display":{"size":48,"weight":400,"lineHeight":1.17,"use":"Secondary display headlines, Google Sans"},"headline":{"size":36,"weight":400,"lineHeight":1.22,"use":"Sub-section heads, Google Sans"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text, Google Sans Text"},"body-compact":{"size":14,"weight":400,"use":"google.com utilitarian UI, Arial"},"button":{"size":16,"weight":500,"use":"Marketing CTA pill label, Google Sans"},"button-compact":{"size":14,"weight":500,"use":"google.com sign-in pill / search key buttons"},"label-m3":{"size":14,"weight":500,"lineHeight":1.43,"tracking":0.1,"use":"M3 label-large — buttons, tabs (Roboto baseline)"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"xs":4,"sm":8,"md":12,"lg":16,"xl":28,"full":9999},"shadow":{"level1":"rgba(0,0,0,0.3) 0px 1px 2px 0px, rgba(0,0,0,0.15) 0px 1px 3px 1px"},"components":{"button-primary":{"type":"button","bg":"#1a73e8","fg":"#ffffff","radius":"48px","padding":"12px 24px","height":"50px","font":"16px / 500 Google Sans","hover":"#1967d2","use":"Marketing primary CTA pill (about.google)"},"button-gm3-signin":{"type":"button","bg":"#0b57d0","fg":"#ffffff","radius":"100px","padding":"10px 12px","height":"40px","font":"14px / 500 Google Sans Text","use":"google.com sign-in pill — newer GM3 blue"},"button-tonal":{"type":"button","bg":"#e8f0fe","fg":"#1967d2","radius":"48px","padding":"12px 24px","height":"50px","font":"16px / 500 Google Sans","use":"Tonal secondary pill (Subscribe)"},"button-search-key":{"type":"button","bg":"#f8f9fa","fg":"#3c4043","radius":"8px","height":"36px","padding":"0 16px","border":"1px solid #f8f9fa","font":"14px / 500 Arial","use":"Google Search / I'm Feeling Lucky keys"},"card-feature":{"type":"card","bg":"#ffffff","fg":"#202124","radius":"8px","use":"about.google feature/story card, flat on #f8f9fa band"},"card-m3-doc":{"type":"card","bg":"#f8f1f6","fg":"#1c1b1f","radius":"24px","use":"m3.material.io tonal doc card — M3 expressive shape"},"nav-link":{"type":"tab","fg":"#5f6368","active":"text #202124","font":"16px / 500 Google Sans","use":"about.google top nav item, 48px row"},"footer-link":{"type":"listItem","bg":"#f8f9fa","fg":"#5f6368","font":"16px / 500 Google Sans","use":"Footer resource link on tonal surface"}},"components_harvested":true}, ds: { name: "Material Design 3", url: "https://m3.material.io", type: "system", description: "Google's open-source design system — color roles, type scale, shape and motion tokens used across Android and Google products." } },
|
|
120
|
-
{ id: "greenvines", name: "Greenvines", displayName: "Greenvines", country: "TW", category: "ecommerce", homepage: "https://www.greenvines.com.tw", primaryColor: "#002d18", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=www.greenvines.com.tw&sz=128" }, verified: "2026-06-10", added: "2026-06-10", tokens: {"source":"live-extract","extracted":"2026-06-10","note":"primary = deep forest green ink (#002d18) used for text, borders, and footer; single warm accent = burnt orange (#c84600) reserved for commerce CTAs. Sharp-corner (0px radius), shadowless system with ultra-thin (weight 100) display type.","colors":{"primary":"#002d18","accent":"#c84600","canvas":"#ffffff","sage":"#9caba3","sage-pale":"#e6eae8","sage-button":"#ced5d1","green-soft":"#3b5647","ink-alt":"#0a2d1b","stepper-grey":"#f1f1f1","footer-heading":"#9b9b9b","footer-muted":"#aaaaaa","helper-grey":"#666464","on-primary":"#ffffff"},"typography":{"family":{"display":"gv (custom webfont)","fallback":"Noto Sans TC / 微軟正黑體","base":"Helvetica Neue"},"display-hero":{"size":104,"weight":100,"lineHeight":1.1,"tracking":2,"use":"Page-title hero (品牌故事, brand name)"},"display":{"size":52,"weight":100,"lineHeight":1.23,"tracking":2,"use":"Section headlines, homepage H2/H3"},"heading":{"size":45,"weight":100,"lineHeight":1.25,"tracking":2,"use":"Product-page section H2"},"subheading":{"size":30,"weight":100,"lineHeight":1.3,"tracking":2,"use":"Sub-section heads, story links"},"card-title":{"size":28,"weight":100,"lineHeight":1.36,"use":"Overlay card titles on photography"},"body-lg":{"size":20,"weight":400,"lineHeight":1.6,"use":"Brand-story paragraphs"},"nav":{"size":16,"weight":300,"lineHeight":1.2,"use":"Mega-menu product links"},"body":{"size":14,"weight":400,"lineHeight":1.43,"use":"Standard body text, buttons"},"button":{"size":14,"weight":400,"lineHeight":1.4,"tracking":1,"use":"Outline / fill CTA labels"},"footer-head":{"size":15,"weight":100,"lineHeight":2.4,"use":"Footer column headings"}},"spacing":{"xs":4,"sm":8,"md":12,"base":15,"lg":20,"xl":32,"xxl":50,"section":80},"rounded":{"none":0,"full":9999},"shadow":{"none":"none"},"components":{"button-outline":{"type":"button","fg":"#002d18","border":"2px solid #002d18","radius":"0px","padding":"12px 20px","height":"48px","font":"14px / 400","states":"letter-spacing 1px, arrow suffix →","use":"Default CTA — 深入了解, 閱讀文章, 純淨保養組合"},"button-accent":{"type":"button","bg":"#c84600","fg":"#ffffff","border":"2px solid #c84600","radius":"0px","padding":"12px 20px","height":"48px","font":"14px / 400","use":"Emphasis CTA — sustainability 深入了解 blocks, promo links"},"button-cart":{"type":"button","bg":"#c84600","fg":"#ffffff","radius":"0px","padding":"12px 20px","height":"80px","font":"20px / 600","use":"加入購物車 add-to-cart bar on product pages"},"button-stepper":{"type":"button","bg":"#f1f1f1","fg":"#0a2d1b","radius":"0px","height":"80px","font":"20px / 400","use":"Quantity +/− stepper flanking add-to-cart"},"button-newsletter":{"type":"button","bg":"#ced5d1","fg":"#002d18","radius":"0px","height":"50px","font":"16px / 400","use":"Newsletter submit on footer dark panel"},"input-newsletter":{"type":"input","fg":"#ffffff","radius":"0px","height":"55px","font":"14px / 400","use":"Newsletter name/email field on #002d18 footer, translucent #e6eae8-tinted fill"},"card-sage":{"type":"card","bg":"#9caba3","fg":"#002d18","radius":"0px","use":"Sage-green tinted section surface / content band"},"footer-link":{"type":"listItem","fg":"#ffffff","font":"15px / 400","use":"Footer navigation link on #002d18 (品牌故事, 永續報告書)"}},"components_harvested":true} },
|
|
121
|
-
{ id: "greeting", name: "Greeting", displayName: "그리팅", country: "KR", category: "saas", homepage: "https://www.greetinghr.com", primaryColor: "#1890ff", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=greetinghr.com&sz=128" }, verified: "2026-06-11", added: "2026-06-11", tokens: {"source":"live-extract","extracted":"2026-06-11","note":"primary = live CTA azure (#1890ff); dark CTA/ink (#0f0f0f, #171717). Deep navy stat band bg (#001946). Text on a zinc neutral ladder (#27272a→#71717a→#a1a1aa). Surfaces white/near-white with light-blue tints (#f2f9ff, #e4f0fc).","colors":{"primary":"#1890ff","primary-hover":"#2c93f2","primary-deep":"#0a58a1","ink":"#0f0f0f","ink-soft":"#171717","heading":"#27272a","body":"#3f3f46","muted":"#71717a","faint":"#a1a1aa","hairline":"#e4e4e7","disabled":"#d4d4d8","navy":"#001946","canvas":"#ffffff","surface":"#fcfcfc","surface-alt":"#fafafa","surface-zinc":"#f4f4f5","tint-blue":"#f2f9ff","tint-blue-alt":"#e4f0fc","success":"#4ba63d","on-primary":"#ffffff"},"typography":{"family":{"display":"Pretendard SemiBold","body":"Pretendard Regular","numeral":"Poppins"},"hero-accent":{"size":60,"weight":600,"lineHeight":1.2,"tracking":-0.6,"use":"Hero accent word 채용 성공, Pretendard SemiBold, azure"},"display":{"size":48,"weight":600,"lineHeight":1.3,"tracking":-0.48,"use":"Primary section headline, Pretendard SemiBold"},"section":{"size":36,"weight":600,"lineHeight":1.2,"tracking":-0.36,"use":"Band headline, Pretendard SemiBold"},"feature":{"size":28,"weight":600,"lineHeight":1.4,"tracking":-0.56,"use":"Feature card heading, Pretendard SemiBold"},"quote":{"size":24,"weight":600,"lineHeight":1.5,"tracking":-0.24,"use":"Testimonial quote, Pretendard SemiBold"},"card-title":{"size":20,"weight":600,"lineHeight":1.5,"tracking":-0.4,"use":"Product card title, Pretendard SemiBold"},"label":{"size":16,"weight":600,"lineHeight":1,"tracking":-0.16,"use":"Eyebrow / badge H1-H2 labels, Pretendard SemiBold"},"numeral":{"size":175,"weight":400,"lineHeight":1,"tracking":-8.74,"use":"Big stat numeral 10,000+, Poppins"}},"spacing":{"xs":4,"sm":8,"base":12,"md":16,"lg":20,"xl":25,"xxl":48,"section":80},"rounded":{"sm":4,"md":8,"lg":16,"xl":30,"pill":50},"shadow":{"none":"none","card-inset":"rgba(255,255,255,0.12) 0px 0px 2px 0px inset"},"components":{"button-primary":{"type":"button","bg":"#1890ff","fg":"#ffffff","radius":"4px","padding":"5px 8px 5px 12px","height":"36px","font":"12px / 600 Pretendard","states":"hover #2c93f2","use":"Header 도입 문의 azure CTA"},"button-dark":{"type":"button","bg":"#0f0f0f","fg":"#ffffff","radius":"4px","padding":"14px 25px","height":"50px","font":"12px / 600 Pretendard","states":"hover #171717","use":"Primary dark CTA 도입 문의하기 / 견적 문의하기"},"button-white":{"type":"button","bg":"#ffffff","fg":"#171717","radius":"4px","padding":"14px 25px","height":"50px","border":"1px solid #e4e4e7","font":"12px / 600 Pretendard","use":"Secondary CTA 무료 체험하기 / 서비스 소개서 다운로드"},"badge-pill":{"type":"badge","bg":"#ffffff","fg":"#0f0f0f","radius":"50px","padding":"8px 20px","height":"32px","font":"12px / 600 Pretendard","use":"국내 1위 채용 관리 솔루션 eyebrow pill"},"badge-tag":{"type":"badge","bg":"#ffffff","fg":"#0f0f0f","radius":"6px","padding":"8px 10px","height":"30px","border":"1px solid #e4e4e7","font":"12px / 600 Pretendard","use":"Pricing feature tag 소규모 팀 추천 / 커뮤니케이션"},"card-product":{"type":"card","bg":"#fafafa","fg":"#27272a","radius":"16px","padding":"16px","use":"Hero product feature card 채용 홈페이지/다이렉트 소싱"},"card-zinc":{"type":"card","bg":"#f4f4f5","fg":"#27272a","radius":"8px","use":"Light zinc list / menu surface"},"card-pricing":{"type":"card","bg":"#001946","fg":"#ffffff","radius":"30px","shadow":"rgba(255,255,255,0.12) 0px 0px 2px 0px inset","use":"Pricing plan card on deep navy band"},"nav-link":{"type":"tab","fg":"#171717","font":"12px / 600 Pretendard","radius":"4px","padding":"18px 12px","active":"azure #1890ff text on active","use":"Top nav item 제품/솔루션/가격"}},"components_harvested":true} },
|
|
122
|
-
{ id: "grip", name: "Grip", displayName: "Grip", country: "KR", category: "ecommerce", homepage: "https://www.grip.show", primaryColor: "#eb2b51", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=grip.show&sz=256" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#eb2b51","hot-pink":"#ff3c78","purple":"#6456dc","canvas":"#0e1011","surface-1":"#17181a","surface-2":"#222327","surface-3":"#404149","surface-light":"#ffffff","surface-subtle":"#f3f3f3","text-primary":"#eff0f4","text-body":"#323232","text-muted":"#999999","text-subdued":"#666666","border":"#e5e5e5","border-subtle":"#d5d5d5","error":"#ef4343"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"discount":{"size":27,"weight":700,"lineHeight":1.35,"use":"Discount price, coupon amount"},"confirm":{"size":18,"weight":500,"lineHeight":1.4,"use":"Full-width confirm button"},"button":{"size":16,"weight":600,"lineHeight":1.4,"use":"Primary button label"},"body":{"size":15,"weight":400,"lineHeight":1.4,"use":"Body, product name"},"caption":{"size":13,"weight":400,"lineHeight":1.4,"use":"Caption, meta"},"badge":{"size":12,"weight":500,"lineHeight":1.4,"use":"Badge, tag"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"section":56},"rounded":{"sm":4,"md":6,"lg":8,"full":9999},"components":{"button-primary":{"type":"button","bg":"#eb2b51","fg":"#ffffff","radius":"8px","font":"16px / 600","use":"Primary CTA / cart checkout, 50px height"},"button-confirm":{"type":"button","bg":"#eb2b51","fg":"#ffffff","radius":"8px","font":"18px / 500","use":"Full-width drawer-bottom confirm, 56px height"},"button-secondary":{"type":"button","bg":"#323232","fg":"#ffffff","radius":"4px","font":"14px / 500","use":"Dark secondary buy-now inline, 34px height"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#323232","radius":"4px","font":"14px / 500","use":"Outline delete / cancel, 1px #e5e5e5 border, 34px height"},"button-discovery":{"type":"button","bg":"#17181a","fg":"#ffffff","radius":"6px","font":"15px / 600","use":"Shorts / discovery CTA, 40px height"},"card-coupon":{"type":"card","bg":"#fff5f8","fg":"#eb2b51","font":"27px / 700","use":"Active coupon card, rose-red amount"},"nudge-urgency":{"type":"toast","bg":"rgba(47,23,253,0.05)","fg":"#6456dc","radius":"4px","font":"14px / 500","use":"Urgency countdown nudge bar, 38px height"}},"components_harvested":true} },
|
|
123
|
-
{ id: "hahow", name: "Hahow", displayName: "Hahow", country: "TW", category: "education", homepage: "https://hahow.in", primaryColor: "#00CCB4", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=hahow.in&sz=128" }, verified: "2026-06-01", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#00ccb4","primary-100":"#a3ffe8","primary-400":"#23d9bd","primary-800":"#006166","primary-900":"#00444d","secondary":"#ffb940","canvas":"#f5f7f9","text":"#262626","promo-orange":"#fa8c16","coral":"#f65f55"},"typography":{"family":{"sans":"PingFang TC","mono":"PingFang TC"},"heading":{"size":24,"weight":600,"lineHeight":1.3,"use":"Section headings"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Primary body text"},"chip":{"size":14,"weight":400,"lineHeight":1.4,"use":"Tag / chip labels"}},"spacing":{"xs":4,"sm":8,"base":16,"lg":24,"xl":32,"section":48},"rounded":{"sm":8,"md":8,"lg":20,"full":9999},"components":{"button-primary":{"type":"button","bg":"transparent","fg":"#00ccb4","radius":"8px","font":"16px / 600","use":"Teal outline primary CTA, 2px #dcf9f3 border, 42px height"},"button-card":{"type":"button","bg":"#ffffff","fg":"#595959","radius":"8px","use":"Neutral white card-level action"},"chip-tag":{"type":"badge","bg":"rgba(0,0,0,0.04)","fg":"rgba(0,0,0,0.65)","radius":"20px","font":"14px / 400","use":"Metadata, category, filter tags, 33px height"}},"components_harvested":true}, ds: { name: "hahow-design", url: "https://github.com/hahow/hahow-design", type: "system", description: "Hahow's open-source design-system theme — Primary/Secondary token scales (Primary 500 #00ccb4)." } },
|
|
124
|
-
{ id: "hashicorp", name: "Hashicorp", displayName: "Hashicorp", country: "US", category: "backend-devops", homepage: "https://www.hashicorp.com", primaryColor: "#000000", logo: { type: "simpleicons", slug: "hashicorp" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"brand":"#000000","dark":"#15181e","dark-deep":"#0d0e12","canvas":"#ffffff","surface-light":"#f1f2f3","border":"#d5d7db","helper":"#656a76","body":"#3b3d45","on-dark":"#efeff1","link":"#2264d6","link-on-dark":"#1060ff","link-bright":"#2b89ff","terraform":"#7b42bc","vault":"#ffcf25","waypoint":"#14c6cb","waypoint-hover":"#12b6bb","vagrant":"#1868f2","badge-bg":"#42225b"},"typography":{"family":{"sans":"HashiCorp Sans","fallback":"system-ui, sans-serif"},"display-hero":{"size":82,"weight":600,"lineHeight":1.17,"use":"Hero headline, kern enabled"},"heading":{"size":26,"weight":700,"lineHeight":1.19,"use":"Card / product titles"},"body":{"size":16,"weight":400,"lineHeight":1.63,"use":"Standard reading text, system-ui"},"label":{"size":13,"weight":600,"tracking":1.3,"use":"Uppercase section labels, letter-spaced"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":2,"md":5,"lg":8,"full":9999},"shadow":{"micro":"rgba(97,104,117,0.05) 0px 1px 1px, rgba(97,104,117,0.05) 0px 2px 2px"},"components":{"button-primary":{"type":"button","bg":"#15181e","fg":"#d5d7db","radius":5,"padding":"9px 15px","use":"Primary dark CTA"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#3b3d45","radius":4,"padding":"8px 12px","use":"Secondary white button"},"button-terraform":{"type":"button","bg":"#7b42bc","fg":"#ffffff","radius":5,"use":"Terraform product button"},"button-waypoint":{"type":"button","bg":"#14c6cb","fg":"#0d0e12","radius":5,"use":"Waypoint product button"},"badge":{"type":"badge","bg":"#42225b","fg":"#efeff1","radius":5,"padding":"3px 7px","font":"16px","use":"Deep purple pill badge"},"input-dark":{"type":"input","bg":"#0d0e12","fg":"#efeff1","radius":5,"padding":"11px","use":"Dark-mode text input"},"card":{"type":"card","bg":"#ffffff","radius":8,"use":"Light card with micro-shadow elevation"},"nav-link":{"type":"tab","fg":"#3b3d45","font":"15px weight 500","use":"Horizontal nav link, system-ui"}},"components_harvested":true}, ds: { name: "Helios", url: "https://helios.hashicorp.design", type: "system", description: "HashiCorp's design system documenting components and foundations." } },
|
|
125
|
-
{ id: "hogangnono", name: "Hogangnono", displayName: "Hogangnono", country: "KR", category: "consumer-tech", homepage: "https://hogangnono.com", primaryColor: "#584de4", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=hogangnono.com&sz=256" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#584de4","primary-nav":"#4d55b2","primary-tint":"#f3f4fc","primary-light":"#eeedfc","price-accent":"#4337de","heading":"#333333","body":"#4f4f4f","caption":"#6e6e6e","muted":"#b3b3b3","border":"#e5e5e5","surface-chip":"#f3f3f3","canvas":"#f9f9f9","white":"#ffffff","info":"#3e8ce8","success":"#3dab6a","danger":"#ee3a3a"},"typography":{"family":{"sans":"Pretendard","fallback":"Apple SD Gothic Neo, NanumGothic, sans-serif"},"modal-heading":{"size":30,"weight":700,"lineHeight":1.33,"use":"Large modal heading"},"section":{"size":22,"weight":700,"use":"Section headings"},"list-title":{"size":17,"weight":600,"use":"List item titles"},"price":{"size":19,"weight":500,"use":"Apartment listing price display"},"body":{"size":16,"weight":400,"lineHeight":1.3,"use":"Base body text"},"caption":{"size":13,"weight":400,"use":"Caption / badge"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":6,"lg":12,"full":9999},"shadow":{"button":"rgba(89,99,217,0.3) 0px 4px 5px 0px"},"components":{"button-primary":{"type":"button","bg":"#584de4","fg":"#ffffff","radius":6,"font":"17px","use":"Primary fill action, 50px tall"},"button-tint":{"type":"button","bg":"#f3f4fc","fg":"#584de4","radius":6,"font":"17px","use":"Secondary tint button"},"button-disabled":{"type":"button","bg":"#f0f0f0","fg":"#dadada","radius":6,"use":"Disabled primary state"},"chip-info":{"type":"badge","bg":"#eeedfc","fg":"#584de4","use":"Info chip / subtle fill"},"badge-up":{"type":"badge","fg":"#3dab6a","use":"Positive up-trend price indicator"},"badge-down":{"type":"badge","fg":"#ee3a3a","use":"Negative down-trend price indicator"},"card":{"type":"card","bg":"#ffffff","radius":6,"use":"Card surface with gentle elevation"}},"components_harvested":true} },
|
|
126
|
-
{ id: "hp", name: "HP", displayName: "HP", country: "US", category: "consumer-tech", homepage: "https://www.hp.com", primaryColor: "#0096D6", logo: { type: "simpleicons", slug: "hp" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#0096d6","primary-hover":"#0073a8","primary-pressed":"#005c87","primary-light":"#e6f4fb","electric-blue":"#0278ab","ink":"#212121","canvas":"#ffffff","grey-50":"#f7f7f7","grey-100":"#eeeeee","border":"#e0e0e0","border-strong":"#cccccc","placeholder":"#9e9e9e","caption":"#767676","body":"#595959","emphasis":"#404040","success":"#0c7d2f","error":"#d32f2f","warning":"#f5a623"},"typography":{"family":{"sans":"Forma DJR UI","mono":"SF Mono"},"display-hero":{"size":48,"weight":700,"lineHeight":1.17,"tracking":-0.5,"use":"Marketing hero headlines"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text, inputs"},"button":{"size":16,"weight":600,"use":"Button label"},"label":{"size":13,"weight":600,"use":"Input labels, captions"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":4,"lg":8,"full":9999},"shadow":{"flat":"none"},"components":{"button-primary":{"type":"button","bg":"#0096d6","fg":"#ffffff","radius":4,"padding":"12px 24px","font":"16px weight 600","use":"Primary CTA, 44px min-height"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#0096d6","radius":4,"padding":"12px 24px","font":"16px weight 600","use":"Outlined secondary, 1.5px blue border"},"button-tertiary":{"type":"button","bg":"#ffffff","fg":"#0096d6","radius":4,"padding":"12px 8px","use":"Low-emphasis text action, underline on hover"},"button-dark":{"type":"button","bg":"#ffffff","fg":"#212121","radius":4,"padding":"12px 24px","use":"CTA on imagery / dark hero"},"button-danger":{"type":"button","bg":"#d32f2f","fg":"#ffffff","radius":4,"padding":"12px 24px","use":"Destructive confirmation"},"input-default":{"type":"input","bg":"#ffffff","fg":"#212121","radius":4,"padding":"12px 14px","font":"16px weight 400","use":"Standard form input, grey border"},"input-error":{"type":"input","bg":"#ffffff","fg":"#212121","radius":4,"padding":"12px 14px","use":"Validation failure, red border"},"input-search":{"type":"input","bg":"#f7f7f7","fg":"#212121","radius":8,"padding":"10px 16px","use":"Header product search, rounded"}},"components_harvested":true} },
|
|
127
|
-
{ id: "hyperconnect", name: "Hyperconnect", displayName: "Hyperconnect", country: "KR", category: "consumer-tech", homepage: "https://hyperconnect.com", primaryColor: "#00dd99", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=hyperconnect.com&sz=128" }, verified: "2026-06-09", added: "2026-06-09", tokens: {"source":"live-extract","extracted":"2026-06-09","components_harvested":true,"colors":{"primary":"#00dd99","primary-bright":"#18da9e","ink":"#222222","ink-soft":"#333333","canvas":"#ffffff","surface":"#f8f8f8","surface-alt":"#f4f4f4","dark":"#1c1c1c","heading-on-dark":"#ffffff","body":"#696969","label":"#858585","muted":"#b4b4b4","blue-accent":"#3860be","blue-tint":"#cddcf2","on-primary":"#ffffff","hairline":"#bbbbbb"},"typography":{"family":{"display":"Poppins","body":"noto-sans","ui":"Inter"},"hero":{"size":62,"weight":700,"lineHeight":1.17,"tracking":0,"use":"Mission hero headline on dark imagery"},"section":{"size":46,"weight":700,"lineHeight":1.2,"tracking":0,"use":"Section titles, e.g. Grow Rapidly & Expand Globally"},"body-lg":{"size":18,"weight":400,"lineHeight":1.45,"tracking":0,"use":"Intro and standard reading text"},"body":{"size":16,"weight":400,"lineHeight":1.5,"tracking":0,"use":"Paragraph copy, Inter UI text"},"nav":{"size":16,"weight":700,"lineHeight":1.63,"tracking":0,"use":"Primary nav item, Poppins bold"},"link":{"size":14,"weight":400,"lineHeight":1.86,"tracking":0,"use":"Secondary nav / footer links"},"eyebrow":{"size":13,"weight":400,"lineHeight":1.17,"tracking":0,"use":"Small eyebrow labels, e.g. Serviced in"},"button":{"size":14,"weight":700,"lineHeight":1,"tracking":0.144,"use":"Primary button label, uppercase-ish weight"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":30,"xxl":48,"section":64},"rounded":{"sm":2,"md":8,"lg":17,"full":9999},"shadow":{"none":"none","soft":"rgba(0,0,0,0.08) 0px 4px 16px","raised":"rgba(0,0,0,0.12) 0px 10px 30px"},"components":{"button-primary":{"type":"button","bg":"#222222","fg":"#ffffff","radius":"2px","padding":"12px 30px","font":"14px / 700","use":"Primary action — Apply, submit; near-black solid, 1px #222222 border"},"button-secondary":{"type":"button","bg":"#222222","fg":"#ffffff","radius":"2px","padding":"10px 30px","font":"13px / 600","use":"Dialog action — Confirm, Reject All"},"button-filter":{"type":"button","bg":"#3860be","fg":"#ffffff","radius":"17px","padding":"8px 16px","font":"14px / 600","use":"Pill filter toggle, 1px #bbbbbb border"},"nav-item":{"type":"tab","bg":"#ffffff","fg":"#222222","font":"16px / 700","use":"Top nav item, Poppins bold","active":"#00dd99 text on active/hover"},"link-footer":{"type":"badge","bg":"#ffffff","fg":"#858585","font":"14px / 400","use":"Footer / sub-nav link, gray #858585"},"card":{"type":"card","bg":"#ffffff","fg":"#222222","radius":"8px","use":"Content card on #f8f8f8 surface, soft shadow rgba(0,0,0,0.08)"},"card-tint":{"type":"card","bg":"#cddcf2","fg":"#222222","radius":"8px","use":"Tinted info/stat card, blue #cddcf2 wash"},"input-text":{"type":"input","bg":"#ffffff","fg":"#222222","radius":"2px","font":"16px / 400","use":"Form field, 1px #bbbbbb border, focus #00dd99"},"eyebrow-label":{"type":"badge","bg":"#ffffff","fg":"#b4b4b4","font":"13px / 400","use":"Small eyebrow / metadata label — Serviced in"},"dialog-cookie":{"type":"dialog","bg":"#ffffff","fg":"#333333","radius":"8px","use":"Cookie consent dialog with #222222 action buttons"}}} },
|
|
128
|
-
{ id: "hyundaicard", name: "Hyundai Card", displayName: "Hyundai Card", country: "KR", category: "fintech", homepage: "https://www.hyundaicard.com", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=hyundaicard.com&sz=128" }, verified: "2026-06-01", tokens: {"source":"prose-derived","extracted":"2026-06-09","note":"deliberately monochrome — black IS the brand color; the only accents are functional content tags on DIVE","colors":{"ink":"#000000","ground":"#ffffff","tag-red":"#f36464","tag-green":"#15a91f"},"typography":{"family":{"sans":"Youandi","fallback":"Noto Sans KR"},"heading":{"size":26,"weight":600,"use":"Section-level headings; pair with Youandi for brand moments"},"body":{"size":13,"weight":400,"use":"Running text, Noto Sans KR"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":24,"full":9999},"shadow":{"flat":"none"},"components":{"button-primary":{"type":"button","bg":"#ffffff","fg":"#000000","radius":24,"use":"Minimal monochrome pill, 48px tall, outline border"},"heading":{"type":"card","bg":"#ffffff","fg":"#000000","use":"Section heading, 26px/600, editorial spacing"},"page-surface":{"type":"card","bg":"#ffffff","fg":"#000000","use":"Base content canvas, white ground, generous whitespace"},"tag-red":{"type":"badge","fg":"#f36464","use":"Functional content category tag on DIVE only"},"tag-green":{"type":"badge","fg":"#15a91f","use":"Functional content category tag on DIVE only"}},"components_harvested":true}, ds: { name: "Hyundai Card Design Library", url: "https://newsroom.hyundaicard.com/front/board/Hyundai-Card-Design-Library?country=en", type: "brand", description: "Hyundai Card's official Design Library — the brand's design philosophy, the proprietary Youandi typeface, and visual identity." } },
|
|
129
|
-
{ id: "ibm", name: "IBM", displayName: "IBM", country: "US", category: "consumer-tech", homepage: "https://www.ibm.com", primaryColor: "#0f62fe", logo: { type: "github", slug: "IBM" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#0f62fe","primary-hover":"#0353e9","primary-active":"#002d9c","link-hover":"#0043ce","primary-tint":"#edf5ff","canvas":"#ffffff","text":"#161616","gray-90":"#262626","gray-80":"#393939","text-secondary":"#525252","placeholder":"#6f6f6f","disabled":"#8d8d8d","border":"#c6c6c6","border-subtle":"#e0e0e0","layer":"#f4f4f4","layer-hover":"#e8e8e8","error":"#da1e28","success":"#24a148","warning":"#f1c21b","interactive-dark":"#78a9ff"},"typography":{"family":{"sans":"IBM Plex Sans","mono":"IBM Plex Mono"},"display":{"size":60,"weight":300,"lineHeight":1.17,"use":"Maximum impact display, light weight"},"body":{"size":16,"weight":400,"use":"Standard reading text"},"caption":{"size":14,"weight":400,"tracking":0.16,"use":"Captions, micro-tracking"},"label":{"size":12,"weight":400,"tracking":0.32,"use":"Input labels, helper text"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":0,"md":0,"lg":0,"full":9999},"shadow":{"flat":"none"},"components":{"button-primary":{"type":"button","bg":"#0f62fe","fg":"#ffffff","radius":0,"padding":"14px 63px 14px 15px","use":"Primary blue button, 48px tall, sharp rectangle"},"button-secondary":{"type":"button","bg":"#393939","fg":"#ffffff","radius":0,"use":"Gray secondary button"},"button-tertiary":{"type":"button","bg":"#ffffff","fg":"#0f62fe","radius":0,"use":"Ghost blue, 1px blue border"},"button-ghost":{"type":"button","bg":"#ffffff","fg":"#0f62fe","radius":0,"padding":"14px 16px","use":"Borderless ghost, gray hover tint"},"button-danger":{"type":"button","bg":"#da1e28","fg":"#ffffff","radius":0,"use":"Danger button"},"card":{"type":"card","bg":"#f4f4f4","radius":0,"padding":"16px","use":"Flat tile, no border/shadow, bg-layered separation"},"input":{"type":"input","bg":"#f4f4f4","fg":"#161616","radius":0,"padding":"0px 16px","use":"Bottom-border field, 40px tall, sharp"},"nav":{"type":"tab","bg":"#161616","fg":"#c6c6c6","use":"Dark masthead nav, 48px tall","active":"white text + bottom-border indicator"}},"components_harvested":true}, ds: { name: "Carbon", url: "https://carbondesignsystem.com", type: "system", description: "IBM's open-source design system with React, Angular, Vue, and Web Components.", ogImage: "https://carbondesignsystem.com/ogimage.png" } },
|
|
130
|
-
{ id: "ichef", name: "iCHEF", displayName: "iCHEF", country: "TW", category: "saas", homepage: "https://www.ichefpos.com", primaryColor: "#E8552D", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=ichefpos.com&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#e8552d","primary-hover":"#d14a26","accent-tint":"#fdede7","canvas":"#ffffff","surface":"#f7f7f7","surface-hover":"#efefef","foreground":"#1f1f1f","body":"#555555","muted":"#888888","disabled":"#bcbcbc","hairline":"#e6e6e6","border":"#d4d4d4","success":"#1fa463","warning":"#f5a623","error":"#e0353b","info":"#2b82e0"},"typography":{"family":{"sans":"PingFang TC","mono":"SFMono-Regular"},"hero":{"size":34,"weight":700,"lineHeight":1.15,"use":"Marketing hero headline"},"heading":{"size":22,"weight":700,"lineHeight":1.25,"use":"Card / section headings"},"total":{"size":24,"weight":700,"lineHeight":1.2,"use":"Totals, table numbers (scannable)"},"pos-tile":{"size":17,"weight":600,"lineHeight":1.3,"use":"POS button / menu item, large tap text"},"body":{"size":15,"weight":400,"lineHeight":1.5,"use":"Body, descriptions"},"button":{"size":16,"weight":600,"lineHeight":1.2,"use":"Button labels"},"caption":{"size":12,"weight":400,"lineHeight":1.4,"use":"Caption, metadata"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":48,"xxl":80},"rounded":{"sm":4,"md":8,"lg":12,"full":9999},"shadow":{"card":"rgba(0,0,0,0.06) 0px 2px 8px","header":"rgba(0,0,0,0.06) 0px 1px 4px","modal":"rgba(0,0,0,0.18) 0px 8px 32px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#e8552d","fg":"#ffffff","radius":"8px","padding":"12px 24px","font":"16px / 600","hover":"bg #d14a26","use":"Primary CTA / key POS action"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#1f1f1f","border":"1px solid #d4d4d4","radius":"8px","padding":"12px 24px","font":"16px / 600","hover":"bg #f7f7f7","use":"Secondary actions"},"pos-tile":{"type":"card","bg":"#ffffff","fg":"#1f1f1f","radius":"8px","padding":"12px","font":"16px / 600","active":"bg #fdede7, 1px solid #e8552d","use":"Tappable menu-item grid in order screen"},"input":{"type":"input","bg":"#ffffff","fg":"#1f1f1f","border":"1px solid #d4d4d4","radius":"8px","padding":"12px 14px","font":"16px / 400","focus":"border #e8552d","states":"error border #e0353b","use":"Forms, menu editing, settings"},"card-feature":{"type":"card","bg":"#ffffff","border":"1px solid #e6e6e6","radius":"8px","padding":"24px","use":"Feature explainers, plan cards"},"card-order":{"type":"card","bg":"#ffffff","radius":"8px","padding":"12px","use":"Open-table / order tickets with status-tinted left border"},"badge-status":{"type":"badge","bg":"#1fa463","fg":"#ffffff","radius":"4px","padding":"2px 8px","font":"12px / 600","states":"pending #f5a623, void #e0353b","use":"Order/payment status"}}} },
|
|
131
|
-
{ id: "ikala", name: "iKala", displayName: "iKala", country: "TW", category: "developer-tools", homepage: "https://ikala.ai", primaryColor: "#061232", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=ikala.ai&sz=128" }, verified: "2026-06-08", added: "2026-06-08", tokens: {"source":"live-extract","extracted":"2026-06-08","components_harvested":true,"note":"primary = deep navy CTA fill #061232 (live getComputedStyle on 'Get in Touch'); brand-blue accent #3a82dd for links/nav; family Noto Sans TC (Taiwan-localized)","colors":{"primary":"#061232","primary-deep":"#031234","accent-blue":"#3a82dd","accent-blue-strong":"#4770df","accent-blue-deep":"#2168c2","link":"#2563eb","canvas":"#ffffff","heading":"#333333","body":"#525151","muted":"#6b7280","faint":"#999999","on-primary":"#ffffff","hairline":"#edf1f7","ink":"#000000"},"typography":{"family":{"sans":"Noto Sans TC","fallback":"Noto Sans, sans-serif"},"display-hero":{"size":84,"weight":800,"lineHeight":1.14,"tracking":-3.49,"use":"Hero headline, full-bleed over imagery, white on dark"},"section":{"size":36,"weight":600,"lineHeight":1.4,"tracking":-1.5,"use":"Section titles, e.g. solution headlines"},"subheading":{"size":24,"weight":600,"lineHeight":1,"tracking":-1,"use":"Card / sub-section heads, industry labels"},"body-lg":{"size":20,"weight":500,"lineHeight":1.4,"use":"Intro paragraphs, lead copy"},"body":{"size":18,"weight":400,"lineHeight":1.55,"use":"Standard reading text, nav links"},"button":{"size":18,"weight":500,"lineHeight":1,"use":"Primary button label"},"caption":{"size":15,"weight":400,"use":"Small labels, footer, metadata"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":30,"xxl":48,"section":80},"rounded":{"sm":4,"md":8,"lg":30,"full":9999},"shadow":{"ambient":"rgba(0,0,0,0.04) 0px 0px 10px 0px","standard":"rgba(0,0,0,0.10) 0px 0px 20px 0px","elevated":"rgba(0,0,0,0.19) 0px 0px 10px 0px"},"components":{"button-primary":{"type":"button","bg":"#061232","fg":"#ffffff","radius":"8px","padding":"20px 30px","height":"58px","font":"18px / 500","use":"Primary CTA (Get in Touch, Contact)"},"button-ghost":{"type":"button","bg":"#ffffff","fg":"#061232","radius":"8px","font":"20px / 500","use":"Secondary CTA over dark/imagery (Try it Now)"},"nav-link":{"type":"tab","fg":"#333333","font":"18px / 700","active":"#3a82dd brand-blue","use":"Horizontal nav links on white sticky header"},"card":{"type":"card","bg":"#ffffff","border":"1px solid #edf1f7","radius":"8px","shadow":"rgba(0,0,0,0.04) 0px 0px 10px 0px","hover":"rgba(0,0,0,0.19) 0px 0px 10px 0px","use":"Feature/industry surface cards"},"section-title":{"type":"badge","fg":"#333333","font":"36px / 600","use":"Section/feature titles, tight -1.5px tracking"},"link-inline":{"type":"badge","fg":"#2563eb","font":"18px / 400","use":"Inline body-copy hyperlinks, weight 400-700"}}} },
|
|
132
|
-
{ id: "imweb", name: "Imweb", displayName: "아임웹", country: "KR", category: "saas", homepage: "https://imweb.me", primaryColor: "#00b9ff", logo: { type: "favicon", slug: "https://vendor-cdn.imweb.me/images/main/imweb-2309-favicon-120x120.png?v1" }, verified: "2026-06-10", added: "2026-06-10", tokens: {"source":"live-extract","extracted":"2026-06-10","note":"Brand identity cyan (#00b9ff) is reserved for data viz / identity moments; interactive CTAs are near-black ink (#15181e). Magenta (#ff50da) is an editorial eyebrow accent on pricing. UI chrome uses the custom 'imweb Sans' font; content uses Pretendard.","colors":{"primary":"#00b9ff","primary-bright":"#2dc5ff","primary-soft":"#81dcff","primary-pale":"#dff6ff","link":"#0090d4","accent-magenta":"#ff50da","ink":"#15181e","ink-pure":"#000000","body-secondary":"#4b515b","muted":"#717680","faint":"#9fa3ab","faint-alt":"#bcc0c6","hairline":"#dbdee3","surface":"#f8f9fb","canvas":"#ffffff"},"typography":{"family":{"body":"Pretendard","ui":"imweb Sans"},"display-hero":{"size":80,"weight":700,"lineHeight":1,"use":"Hero rotating keyword (매출내기), Pretendard Bold"},"display-lg":{"size":48,"weight":700,"lineHeight":1.25,"use":"Pricing page headline"},"section":{"size":36,"weight":700,"lineHeight":1.48,"use":"Section titles"},"subsection":{"size":28,"weight":700,"lineHeight":1.48,"use":"Feature card heads (디자인이 쉬워요)"},"card-title":{"size":24,"weight":700,"lineHeight":1.33,"use":"Pricing group heads, story card titles"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text, Pretendard"},"button":{"size":16,"weight":600,"lineHeight":1.5,"use":"Primary CTA label, imweb Sans"},"button-sm":{"size":14,"weight":600,"lineHeight":1.5,"use":"Compact CTA / plan buttons, imweb Sans"},"caption":{"size":12,"weight":600,"use":"Discount tags, fine labels"}},"spacing":{"xs":6,"sm":8,"md":12,"base":16,"lg":28,"xl":32,"section":64},"rounded":{"sm":4,"md":8,"lg":12,"xl":16,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#15181e","fg":"#ffffff","radius":"8px","padding":"12px 16px","height":"48px","font":"16px / 600 imweb Sans","use":"Primary CTA (지금 무료로 시작하기) — near-black ink, not brand cyan"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#4b515b","border":"1px solid #dbdee3","radius":"8px","padding":"8px 12px","height":"40px","font":"14px / 600 imweb Sans","use":"Plan-card trial CTA (14일 무료 체험 시작하기), hairline outline"},"icon-button":{"type":"button","fg":"#bcc0c6","radius":"9999px","padding":"8px","height":"32px","font":"14px / 400 imweb Sans","use":"Header search icon pill, translucent grey bg rgba(113,118,128,0.05)"},"card-faq":{"type":"card","bg":"#f8f9fb","fg":"#15181e","radius":"8px","padding":"28px 32px","font":"16px / 400 Pretendard","use":"FAQ accordion row on pricing page"},"tab-feature":{"type":"tab","active":"text #15181e","disabled":"#717680 label","font":"16px / 400 Pretendard","use":"Pricing feature-group tabs (기본/사용자/쇼핑/예약)"},"badge-promo":{"type":"badge","fg":"#0090d4","radius":"8px 8px 0 0","padding":"8px 0","font":"14px / 600 Pretendard","use":"Plan-card promo strip (PG 가입비 면제), cyan tint bg rgba(0,185,255,0.1)"}},"components_harvested":true} },
|
|
133
|
-
{ id: "inflearn", name: "Inflearn", displayName: "Inflearn", country: "KR", category: "education", homepage: "https://www.inflearn.com", primaryColor: "#00c471", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=inflearn.com&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#00c471","primary-pressed":"#00a760","heading":"#212529","body":"#495057","muted":"#868e96","canvas":"#ffffff","surface-neutral":"#f8f9fa","border":"#dee2e6","disabled-bg":"#f1f3f5","disabled-fg":"#adb5bd","error":"#fa5252","info":"#228be6","warning":"#fcc419","teal-tag":"#1098ad"},"typography":{"family":{"sans":"Pretendard","mono":"ui-monospace, SFMono-Regular, monospace"},"h1":{"size":34,"weight":700,"lineHeight":1.3,"use":"Page hero phrase"},"h2":{"size":20,"weight":700,"lineHeight":1.35,"use":"Section title"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Default running text"},"nav":{"size":16,"weight":600,"lineHeight":1.5,"use":"Nav label, button label"},"caption":{"size":14,"weight":400,"lineHeight":1.4,"use":"Instructor name, view count, price subtext"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":32,"full":9999},"shadow":{"flat":"none"},"components":{"button-search":{"type":"button","bg":"#00c471","fg":"#ffffff","radius":9999,"font":"16px weight 400","use":"Signature green circle search-submit, 42px"},"button-primary":{"type":"button","bg":"#00c471","fg":"#ffffff","radius":8,"padding":"0 24px","font":"16px weight 600","use":"Filled label CTA, hover #00a760"},"nav-pill":{"type":"tab","bg":"#f8f9fa","fg":"#495057","radius":32,"font":"16px weight 600","use":"GNB nav pill, resting","active":"green tint bg, #00c471 text"},"button-ghost":{"type":"button","bg":"#ffffff","fg":"#495057","radius":32,"font":"16px weight 600","use":"Inline secondary GNB item, hover #f8f9fa"},"pagination-default":{"type":"button","bg":"#ffffff","fg":"#212529","radius":8,"font":"14px weight 400","use":"Page number button, gray border"},"pagination-active":{"type":"button","bg":"#00c471","fg":"#ffffff","radius":8,"font":"14px weight 400","use":"Selected page"},"button-disabled":{"type":"button","bg":"#f1f3f5","fg":"#adb5bd","radius":8,"use":"Form-incomplete state"}},"components_harvested":true} },
|
|
134
|
-
{ id: "intercom", name: "Intercom", displayName: "Intercom", country: "US", category: "productivity", homepage: "https://www.intercom.com", primaryColor: "#286efa", logo: { type: "simpleicons", slug: "intercom" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","note":"primary text/buttons are off-black #111111; Fin Orange #ff5600 is the singular brand accent","colors":{"off-black":"#111111","white":"#ffffff","canvas":"#faf9f6","fin-orange":"#ff5600","report-orange":"#fe4c02","report-blue":"#65b5ff","report-green":"#0bdf50","report-red":"#c41c1c","report-pink":"#ff2067","black-80":"#313130","black-60":"#626260","muted":"#7b7b78","tertiary":"#9c9fa5","border":"#dedbd6","warm-sand":"#d3cec6"},"typography":{"family":{"sans":"Saans","serif":"Serrif","mono":"SaansMono"},"display-hero":{"size":80,"weight":400,"lineHeight":1,"tracking":-2.4,"use":"Display hero, ultra-compressed"},"section":{"size":54,"weight":400,"lineHeight":1,"tracking":-1.6,"use":"Section heading"},"feature":{"size":24,"weight":400,"lineHeight":1,"tracking":-0.48,"use":"Feature title"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text"},"nav":{"size":18,"weight":400,"lineHeight":1,"use":"Nav / UI"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":6,"lg":8,"full":9999},"shadow":{"flat":"none"},"components":{"button-primary":{"type":"button","bg":"#111111","fg":"#ffffff","radius":4,"padding":"0px 14px","use":"Primary dark button, scale(1.1) hover"},"button-outlined":{"type":"button","bg":"#faf9f6","fg":"#111111","radius":4,"use":"Outlined button, 1px off-black border"},"button-warm":{"type":"button","bg":"#faf9f6","fg":"#111111","padding":"16px","use":"Warm card button"},"card":{"type":"card","bg":"#faf9f6","radius":8,"use":"Warm cream card, oat border, no shadow"},"nav-link":{"type":"tab","fg":"#111111","font":"16px Saans","use":"Nav link, off-black on white"}},"components_harvested":true} },
|
|
135
|
-
{ id: "jandi", name: "JANDI", displayName: "JANDI", country: "KR", category: "productivity", homepage: "https://www.jandi.com", primaryColor: "#00c473", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=www.jandi.com&sz=128" }, verified: "2026-06-09", added: "2026-06-09", tokens: {"source":"live-extract","extracted":"2026-06-09","components_harvested":true,"colors":{"primary":"#00c473","primary-border":"#00c473","ink-dark":"#333333","ink-deepest":"#041911","heading":"#000000","canvas":"#ffffff","canvas-soft":"#fafafc","tint-blue":"#eaf6fc","body":"#a2a2a2","subhead":"#c2c2c2","footer-bg":"#181818","on-primary":"#ffffff"},"typography":{"family":{"sans":"Noto Sans"},"display-hero":{"size":56,"weight":700,"lineHeight":1.43,"use":"Hero headline on dark/imagery, white text"},"section":{"size":42,"weight":700,"lineHeight":1.43,"use":"Feature section titles"},"subheading":{"size":24,"weight":700,"lineHeight":1.58,"use":"Card / sub-section heads"},"body":{"size":16,"weight":400,"lineHeight":1,"use":"Standard reading text"},"button":{"size":15,"weight":500,"lineHeight":1.33,"use":"Primary button label"},"nav":{"size":14,"weight":400,"lineHeight":1.43,"use":"Navigation links"},"caption":{"size":14,"weight":400,"lineHeight":1.43,"use":"Muted descriptions, metadata"},"eyebrow":{"size":13,"weight":700,"lineHeight":1.54,"use":"Green eyebrow labels above headings"}},"spacing":{"xs":4,"sm":7,"md":14,"base":16,"lg":30,"xl":36,"xxl":48,"section":64},"rounded":{"sm":4,"md":6,"lg":16,"full":9999},"shadow":{"card":"rgba(0,0,0,0.08) 0px 2px 16px 3px"},"components":{"button-login":{"type":"button","bg":"#00c473","fg":"#ffffff","radius":"6px","padding":"7px 14px","font":"14px / 500","use":"Top-nav green login CTA, 1px #00c473 border"},"button-cta-dark":{"type":"button","bg":"#333333","fg":"#ffffff","radius":"6px","padding":"5px 14px","font":"15px / 500","use":"Secondary dark action, 더 알아보기"},"button-signup":{"type":"button","bg":"#ffffff","fg":"#041911","radius":"6px","padding":"12px 30px","font":"15px / 500","use":"회원가입 / 도입문의 on dark hero, white pill on green"},"eyebrow-label":{"type":"badge","fg":"#00c473","radius":"4px","padding":"8px 16px","font":"13px / 700","use":"Green eyebrow above section headings"},"nav-link":{"type":"tab","fg":"#000000","font":"14px / 400","use":"Top-nav menu item","active":"green #00c473 text on hover/active"},"card":{"type":"card","bg":"#ffffff","radius":"16px","use":"Feature card, shadow rgba(0,0,0,0.08) 0px 2px 16px 3px"},"card-tint":{"type":"card","bg":"#eaf6fc","radius":"16px","use":"Tinted feature card on soft canvas"},"input-text":{"type":"input","fg":"#333333","radius":"6px","font":"15px / 400","use":"Form field, placeholder #a2a2a2"},"footer-link":{"type":"listItem","fg":"#a2a2a2","font":"14px / 400","use":"Footer nav link on #181818 background"}}} },
|
|
136
|
-
{ id: "jkopay", name: "JKOPay", displayName: "JKOPay", country: "TW", category: "fintech", homepage: "https://www.jkopay.com", primaryColor: "#C9191D", logo: { type: "favicon", slug: "https://www.jkopay.com/application/favicon.ico" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#c9191d","primary-hover":"#d51b1f","primary-dark":"#851113","body":"#42434a","dark-bg":"#171718","dark-nav":"#292f40","surface":"#f4f4f6","border":"#ededf1","placeholder":"#b7b8c4","blue-accent":"#2e7dd9","white":"#ffffff"},"typography":{"family":{"sans":"PingFang TC","fallback":"apple-system, source-han-sans-traditional, sans-serif"},"display":{"size":56,"weight":700,"lineHeight":1.5,"use":"Display / hero headline"},"heading":{"size":36,"weight":600,"lineHeight":1.5,"use":"Heading LG-3, section labels"},"body":{"size":18,"weight":400,"lineHeight":1.5,"use":"Body SM reading text"},"button":{"size":17,"weight":500,"use":"Button label, medium"},"caption":{"size":13,"weight":400,"use":"Caption / body SM-1"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":9,"md":12,"lg":16,"full":9999},"shadow":{"card":"rgba(0,0,0,0.12) 0px 15px 30px -25px"},"components":{"button-primary":{"type":"button","bg":"#c9191d","fg":"#ffffff","radius":12,"padding":"12px 29px","font":"17px weight 500","use":"Solid red primary CTA, hover #d51b1f"},"button-ghost":{"type":"button","bg":"#ffffff","fg":"#c9191d","radius":9,"padding":"12px 24px","font":"17px weight 500","use":"Ghost secondary, 1px red border"},"nav":{"type":"tab","bg":"#ffffff","fg":"#42434a","use":"Frosted-glass top nav, white at 0.80 alpha"},"card":{"type":"card","bg":"#f4f4f6","radius":12,"use":"Card surface, white-to-warm-gray gradient, subtle shadow"},"input":{"type":"input","bg":"#f4f4f6","fg":"#42434a","use":"Input fill, surface gray"},"link-blue":{"type":"badge","fg":"#2e7dd9","use":"Informational link / secondary highlight"}},"components_harvested":true} },
|
|
137
|
-
{ id: "jobkorea", name: "JobKorea", displayName: "JobKorea", country: "KR", category: "consumer-tech", homepage: "https://www.jobkorea.co.kr", primaryColor: "#083ccc", logo: { type: "favicon", slug: "https://www.jobkorea.co.kr/display/images/favicon.png" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#083ccc","primary-hover":"#012ca2","primary-500":"#1b55f6","primary-400":"#4c7afb","primary-50":"#f0f2fa","point-orange":"#ff6d12","text":"#1a1a1e","text-secondary":"#292c32","text-tertiary":"#575f6c","placeholder":"#949ba8","border":"#e6e8ea","canvas":"#f6f7f8","error":"#fc3b3b","success":"#0dbc7c","white":"#ffffff"},"typography":{"family":{"sans":"Pretendard","fallback":"Apple SD Gothic Neo, Malgun Gothic, sans-serif"},"display":{"size":48,"weight":700,"lineHeight":1.33,"tracking":-0.5,"use":"Display 1"},"h1":{"size":32,"weight":700,"lineHeight":1.31,"tracking":-0.5,"use":"H1 heading"},"h4":{"size":20,"weight":600,"lineHeight":1.4,"use":"H4 sub-heading"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Body 2 reading text"},"caption":{"size":13,"weight":400,"lineHeight":1.38,"use":"Caption 1"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":10,"lg":16,"full":9999},"shadow":{"card":"rgba(0,0,0,0.06) 0px 2px 8px"},"components":{"button-primary":{"type":"button","bg":"#083ccc","fg":"#ffffff","radius":10,"padding":"0 16px","font":"16px weight 700","use":"Primary CTA, 48px tall, hover #012ca2"},"chip-selected":{"type":"badge","bg":"#f0f2fa","fg":"#083ccc","use":"Selected chip / brand-tinted pill tag fill"},"badge-urgent":{"type":"badge","fg":"#ff6d12","use":"Urgency badge, deadline label"},"input":{"type":"input","bg":"#ffffff","fg":"#1a1a1e","border":"#e6e8ea","use":"Default input, gray border"},"card":{"type":"card","bg":"#ffffff","border":"#e6e8ea","use":"Job-listing card surface, subtle elevation"},"badge-error":{"type":"badge","fg":"#fc3b3b","use":"Form error / destructive indicator"},"badge-success":{"type":"badge","fg":"#0dbc7c","use":"Application success / offer received"}},"components_harvested":true} },
|
|
138
|
-
{ id: "jumpit", name: "Jumpit", displayName: "Jumpit", country: "KR", category: "productivity", homepage: "https://www.jumpit.co.kr", primaryColor: "#00dd6d", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=jumpit.co.kr&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"brand":"#00dd6d","heading":"#000000","heading-soft":"#222222","body":"#444444","muted":"#888888","inverse":"#ffffff","canvas":"#ffffff","footer-plate":"#fbfbfb"},"typography":{"family":{"sans":"Pretendard Variable","mono":"Pretendard Variable"},"hero-title":{"size":32,"weight":700,"lineHeight":1.3,"use":"Hero carousel card title over photo, white"},"section-h3":{"size":24,"weight":700,"lineHeight":1.3,"use":"Section heading titles"},"cta":{"size":15,"weight":700,"use":"Primary auth CTA label"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Body, link, chip rest state"},"chip-active":{"size":16,"weight":700,"use":"Active filter chip label"},"footer-link":{"size":14,"weight":400,"use":"Footer nav link"},"eyebrow":{"size":13,"weight":700,"use":"Brand Notice eyebrow, always green"}},"spacing":{"xs":8,"sm":16,"md":24,"base":32,"lg":40},"rounded":{"sm":8,"md":20,"lg":100,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#000000","fg":"#ffffff","radius":"8px","padding":"0px 16px","font":"15px / 700","use":"회원가입/로그인 auth CTA — black, never green"},"chip-role-active":{"type":"badge","bg":"#00dd6d","fg":"#ffffff","radius":"20px","padding":"7px 16px","font":"16px / 700","use":"Single-selected job-role filter chip"},"chip-role-rest":{"type":"badge","bg":"#ffffff","fg":"#444444","radius":"20px","padding":"7px 16px","font":"16px / 400","use":"Unselected role chips in 22-chip filter row"},"dropdown-filter":{"type":"tab","bg":"#ffffff","fg":"#000000","radius":"100px","padding":"8px 30px 8px 12px","font":"16px / 400","use":"Outlined multi-select filter dropdown trigger"},"card-hero":{"type":"card","bg":"#ffffff","fg":"#ffffff","radius":"0px","font":"32px / 700","use":"Hero carousel promo card, full-bleed photo, no shadow, 340px tall"},"card-job":{"type":"card","bg":"#ffffff","fg":"#444444","radius":"0px","use":"Result-grid JobCard on /positions, no shadow, hairline border"},"eyebrow-brand":{"type":"badge","bg":"#ffffff","fg":"#00dd6d","font":"13px / 700","use":"Notice eyebrow above announcement card"},"heading-section":{"type":"badge","bg":"#ffffff","fg":"#222222","font":"24px / 700","use":"Section H3 title on canvas"},"link-footer":{"type":"listItem","bg":"#ffffff","fg":"#444444","radius":"0px","font":"14px / 400","use":"Footer nav link"},"link-viewall":{"type":"listItem","bg":"#ffffff","fg":"#888888","font":"16px / 400","use":"전체 보기 inline affordance at section header edge"}},"components_harvested":true} },
|
|
139
|
-
{ id: "kakao", name: "Kakao", displayName: "Kakao", country: "KR", category: "consumer-tech", homepage: "https://www.kakao.com", primaryColor: "#fee500", logo: { type: "simpleicons", slug: "kakaotalk" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","components_harvested":true,"colors":{"primary":"#fee500","marketing-yellow":"#fae100","unread":"#faeb00","base":"#1e1e1e","canvas":"#ffffff","error":"#e02000","link":"#2196f3","success":"#47b881","warning":"#ff9800","text-primary":"#222222","text-standard":"#333333","text-secondary":"#666666","text-muted":"#808080","text-light":"#999999","text-lightest":"#bbbbbb","surface-elevated":"#f8f8f8","surface-fill":"#f0f0f0","border":"#e5e5e5","footer-fill":"#eeeeee","dark-pill":"#111111","on-primary":"#000000"},"typography":{"family":{"sans":"-apple-system","mono":"SF Mono"},"display-hero":{"size":36,"weight":800,"lineHeight":1.25,"use":"Splash screens, marketing — Kakao Big Sans"},"display-large":{"size":28,"weight":700,"lineHeight":1.3,"use":"Service section titles — Kakao Big Sans"},"heading-large":{"size":22,"weight":700,"lineHeight":1.36,"use":"Screen titles, major sections"},"heading":{"size":20,"weight":600,"lineHeight":1.4,"use":"Navigation titles, modal headers"},"title":{"size":18,"weight":600,"lineHeight":1.44,"use":"Friend names, chat room titles"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Chat messages, descriptions"},"body-small":{"size":14,"weight":400,"lineHeight":1.57,"use":"Secondary info, metadata"},"caption":{"size":13,"weight":400,"lineHeight":1.54,"use":"Timestamps, status text"},"caption-small":{"size":12,"weight":400,"lineHeight":1.5,"use":"Fine print, badges"},"micro":{"size":11,"weight":400,"lineHeight":1.45,"use":"Tab bar text, smallest labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32,"section":48},"rounded":{"sm":4,"md":12,"lg":20,"full":9999},"shadow":{"minimal":"0px 1px 3px rgba(0,0,0,0.04)","subtle":"0px 2px 6px rgba(0,0,0,0.08)","elevated":"0px 4px 12px rgba(0,0,0,0.12)"},"components":{"button-login":{"type":"button","bg":"#fee500","fg":"#000000","radius":12,"padding":"12px 20px","font":"16px/600","use":"Kakao Login compliance-mandated CTA"},"button-marketing-pill":{"type":"button","bg":"#fae100","fg":"#000000","radius":16,"padding":"7px 13px","font":"13px/700","use":"Brand marketing CTA, bordered yellow pill"},"button-dark-pill":{"type":"button","bg":"#111111","fg":"#ffffff","radius":16,"padding":"7px 8px","font":"13px/700","use":"Marketing CTA paired with yellow pill"},"button-nav-pill":{"type":"button","bg":"#ffffff","fg":"#000000","radius":9999,"padding":"3px 14px","font":"16px/700","use":"Top-nav active item"},"button-secondary":{"type":"button","bg":"transparent","fg":"#333333","radius":12,"padding":"12px 20px","font":"16px/600","use":"Secondary outline action"},"button-footer-pill":{"type":"button","bg":"#eeeeee","fg":"#000000","radius":24,"padding":"10px 20px","font":"12px/400","use":"Footer link pill"},"button-danger":{"type":"button","bg":"#e02000","fg":"#ffffff","radius":12,"padding":"12px 20px","font":"16px/600","use":"Destructive actions"},"input-default":{"type":"input","bg":"#ffffff","fg":"#222222","radius":12,"padding":"12px 16px","font":"16px/400","use":"Form fields"},"input-chat":{"type":"input","bg":"#f0f0f0","fg":"#222222","radius":20,"padding":"10px 16px","font":"16px/400","use":"Chat composer"},"input-search":{"type":"input","bg":"#f0f0f0","fg":"#222222","radius":20,"padding":"10px 16px 10px 40px","font":"14px/400","use":"Search bar"},"card-standard":{"type":"card","bg":"#ffffff","radius":12,"padding":"16px","use":"Most surfaces — barely-there shadow"},"card-bordered":{"type":"card","bg":"#ffffff","radius":12,"padding":"16px","use":"Inline content cards, 1px border"},"bubble-mine":{"type":"card","bg":"#fee500","fg":"#333333","radius":18,"padding":"8px 12px","font":"14px/400","use":"Outgoing chat bubble, asymmetric 9-patch"},"bubble-other":{"type":"card","bg":"#ffffff","fg":"#333333","radius":18,"padding":"8px 12px","font":"14px/400","use":"Incoming chat bubble"},"bubble-system":{"type":"card","bg":"#f0f0f0","fg":"#999999","radius":9999,"padding":"4px 12px","font":"12px/400","use":"System notice in chat"},"badge-notification":{"type":"badge","bg":"#e02000","fg":"#ffffff","radius":9999,"padding":"2px 6px","font":"11px/700","use":"Unread count"},"badge-tag":{"type":"badge","bg":"#f0f0f0","fg":"#666666","radius":4,"padding":"2px 6px","font":"11px/500","use":"Generic metadata tag"},"tab-top":{"type":"tab","bg":"#ffffff","fg":"#999999","padding":"12px 16px","font":"14px/600","active":"#333333 text + 2px bottom border #333333","use":"Top tab bar"},"listItem-friend":{"type":"listItem","fg":"#222222","padding":"0 16px","use":"Friend list row, 64px height, 48px rounded-square avatar"}}} },
|
|
140
|
-
{ id: "kakaobank", name: "KakaoBank", displayName: "KakaoBank", country: "KR", category: "fintech", homepage: "https://www.kakaobank.com", primaryColor: "#ffe300", logo: { type: "simpleicons", slug: "kakaotalk" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","components_harvested":true,"colors":{"primary":"#ffe300","base":"#1e1e1e","canvas":"#ffffff","gray":"#a3a3a3","light-gray":"#cccccc","surface-fill":"#f7f7f7","surface-subtle":"#f9f9f9","error":"#e02000","link":"#007aff","success":"#0fbe6c","warning":"#ff9800","inactive-tab":"#888888","border-subtle":"#e6e6e6","on-primary":"#1e1e1e"},"typography":{"family":{"sans":"Pretendard Variable","mono":"SF Mono"},"hero-mega":{"size":90,"weight":800,"lineHeight":1.1,"use":"Corporate hero"},"display":{"size":42,"weight":700,"lineHeight":1.25,"use":"Service page h1"},"section-title":{"size":32,"weight":700,"lineHeight":1.3,"use":"Mid-page h2"},"heading":{"size":20,"weight":600,"lineHeight":1.4,"use":"Footer column h3"},"title":{"size":18,"weight":600,"lineHeight":1.44,"use":"List section titles, modal headers"},"body-large":{"size":16,"weight":400,"lineHeight":1.5,"use":"Default body, card descriptions"},"body":{"size":14,"weight":400,"lineHeight":1.55,"use":"Sub-nav, dense list rows, button labels"},"caption":{"size":13,"weight":400,"lineHeight":1.55,"use":"Timestamps, helper text"},"micro":{"size":12,"weight":400,"lineHeight":1.5,"use":"Disclaimers, footer fine print"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32,"section":80},"rounded":{"sm":8,"md":12,"lg":16,"full":9999},"shadow":{"whisper":"0 1px 2px rgba(0,0,0,0.04)","subtle":"0 2px 8px rgba(0,0,0,0.06)","sheet":"0 -2px 16px rgba(0,0,0,0.08)"},"components":{"button-yellow-solid":{"type":"button","bg":"#ffe300","fg":"#1e1e1e","radius":12,"padding":"14px 20px","font":"16px/600","use":"Primary CTA in product flows"},"button-black-solid":{"type":"button","bg":"#1e1e1e","fg":"#ffffff","radius":12,"padding":"14px 20px","font":"16px/600","use":"Secondary high-emphasis CTA"},"button-outline":{"type":"button","bg":"transparent","fg":"#1e1e1e","radius":12,"padding":"14px 20px","font":"16px/600","use":"Tertiary actions"},"button-nav-link":{"type":"button","bg":"transparent","fg":"#1e1e1e","padding":"0 20px","font":"14px/600","use":"Top navigation items"},"button-critical":{"type":"button","bg":"#e02000","fg":"#ffffff","radius":12,"padding":"14px 20px","font":"16px/600","use":"Destructive actions"},"tab-subnav":{"type":"tab","bg":"transparent","fg":"#888888","padding":"20px 0","font":"14px/400","active":"#1e1e1e text","use":"Sub-section nav"},"tab-service":{"type":"tab","bg":"transparent","fg":"#1e1e1e","padding":"16px 0","font":"16px/400","use":"Product-category tabs"},"tab-segmented":{"type":"tab","bg":"transparent","fg":"#a3a3a3","radius":12,"font":"14px/600","active":"#ffffff bg + #1e1e1e text","use":"Segmented control"},"card-product":{"type":"card","bg":"#ffffff","radius":12,"padding":"24px","use":"Corporate product card"},"card-section-fill":{"type":"card","bg":"#f7f7f7","radius":16,"padding":"32px","use":"Mid-page promotional sections"},"card-debit":{"type":"card","bg":"#ffe300","radius":16,"use":"Debit/savings card visualization, CR-80 aspect"},"input-default":{"type":"input","bg":"#ffffff","fg":"#1e1e1e","radius":12,"padding":"14px 16px","font":"16px/400","use":"Form fields, amount entry"},"input-amount":{"type":"input","bg":"transparent","fg":"#1e1e1e","font":"32px/700","use":"Transfer amount hero numeral"},"badge-notification":{"type":"badge","bg":"#e02000","fg":"#ffffff","radius":9999,"padding":"2px 6px","font":"11px/700","use":"Unread notification dot"},"badge-status-positive":{"type":"badge","fg":"#0fbe6c","radius":9999,"padding":"4px 10px","font":"12px/600","use":"이체 완료, 적금 진행중"},"badge-status-critical":{"type":"badge","fg":"#e02000","radius":9999,"padding":"4px 10px","font":"12px/600","use":"이체 실패, 기한 만료"},"listItem-account":{"type":"listItem","bg":"#ffffff","padding":"16px 20px","use":"Account row, 64px min-height, 40px rounded-square avatar"}}}, ds: { name: "KakaoBank Brand Resource", url: "https://www.kakaobank.com/view/about/brand/resource", type: "brand", description: "KakaoBank Brand Identity Guidelines V2.0 — logo system, KakaoBank Yellow #FFE300, downloadable CI assets.", ogImage: "https://www.kakaobank.com/view/images/kkb_og_img.png" } },
|
|
141
|
-
{ id: "kakaopay", name: "KakaoPay", displayName: "KakaoPay", country: "KR", category: "fintech", homepage: "https://www.kakaopay.com", primaryColor: "#ffeb00", logo: { type: "favicon", slug: "https://t1.kakaocdn.net/kakaopay/icons/web/192-brand.png" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","components_harvested":true,"colors":{"primary":"#ffeb00","ink":"#060b11","canvas":"#ffffff","ivory":"#fefffa","wild-willow":"#c5c17a","olive":"#7f7600","surface-footer":"#f8f9fa","surface-soft":"#f2f4f6","border":"#e5e8eb","border-subtle":"#eef0f3","body-slate":"#374151","caption-grey":"#6b7684","placeholder":"#b0b8c1","success":"#03b26c","error":"#f04452","warning":"#ffa94d","info":"#3182f6","header-ink":"#1a1d24","brand-badge-bg":"#fffbcc","on-primary":"#060b11"},"typography":{"family":{"sans":"Noto Sans KR","mono":"Noto Sans KR"},"display-hero":{"size":44,"weight":700,"lineHeight":1.2,"tracking":-0.4,"use":"Marketing hero"},"display-large":{"size":32,"weight":700,"lineHeight":1.25,"tracking":-0.3,"use":"Secondary marketing headlines"},"section":{"size":22,"weight":500,"lineHeight":1.45,"tracking":-0.2,"use":"Workhorse heading, megamenu H2"},"subheading":{"size":18,"weight":500,"lineHeight":1.4,"tracking":-0.1,"use":"Card titles, group labels"},"body-strong":{"size":16,"weight":500,"lineHeight":1.5,"use":"Important paragraph copy"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Default body, Korean-web baseline"},"body-light":{"size":14,"weight":300,"lineHeight":1.57,"use":"Inactive nav, secondary text"},"caption":{"size":13,"weight":400,"lineHeight":1.5,"use":"Helper text, metadata"},"small":{"size":12,"weight":400,"lineHeight":1.4,"use":"Legal, fine print"},"amount":{"size":24,"weight":700,"lineHeight":1.2,"use":"Balance and amount display"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32,"section":64},"rounded":{"sm":8,"md":12,"lg":16,"full":9999},"shadow":{"subtle":"0px 1px 2px rgba(0,0,0,0.04)","soft":"0px 2px 8px rgba(0,0,0,0.04)","lifted":"0px 4px 12px rgba(0,0,0,0.08)","modal":"0px 8px 24px rgba(0,0,0,0.12)"},"components":{"button-primary":{"type":"button","bg":"#060b11","fg":"#ffffff","radius":12,"padding":"14px 20px","font":"16px/500","use":"Primary functional CTA on white"},"button-brand-yellow":{"type":"button","bg":"#ffeb00","fg":"#060b11","radius":12,"padding":"14px 20px","font":"16px/700","use":"Kakao ecosystem moment, on dark"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#060b11","radius":12,"padding":"14px 20px","font":"16px/500","use":"Secondary paired with primary, 1px border"},"button-tertiary":{"type":"button","bg":"#f2f4f6","fg":"#060b11","radius":12,"padding":"14px 20px","font":"16px/500","use":"Low-emphasis action"},"button-link":{"type":"button","bg":"transparent","fg":"#3182f6","font":"14px/500","use":"Inline text link"},"card-standard":{"type":"card","bg":"#ffffff","radius":16,"padding":"20px","use":"Service tile, summary panel"},"card-soft":{"type":"card","bg":"#f8f9fa","radius":16,"padding":"20px","use":"Grouped content, inset panel"},"card-brand":{"type":"card","bg":"#1a1d24","fg":"#ffffff","radius":20,"padding":"24px","use":"Yellow-on-dark brand moment"},"badge-neutral":{"type":"badge","bg":"#f2f4f6","fg":"#374151","radius":9999,"padding":"4px 10px","font":"12px/500","use":"Neutral metadata pill"},"badge-brand":{"type":"badge","bg":"#fffbcc","fg":"#7f7600","radius":9999,"padding":"4px 10px","font":"12px/500","use":"Brand-tinted badge"},"badge-success":{"type":"badge","fg":"#03b26c","radius":9999,"padding":"4px 10px","font":"12px/500","use":"Success badge"},"badge-error":{"type":"badge","fg":"#f04452","radius":9999,"padding":"4px 10px","font":"12px/500","use":"Error badge"},"input-default":{"type":"input","bg":"#ffffff","fg":"#060b11","radius":12,"padding":"14px 16px","font":"16px/400","use":"Form field, 52px height"},"tab-bar":{"type":"tab","bg":"#ffffff","fg":"#6b7684","font":"11px/400","active":"#060b11 icon + #060b11 label","use":"Mobile app tab bar"}}}, ds: { name: "KakaoPay Story", url: "https://story.kakaopay.com/", type: "brand", description: "KakaoPay's design narrative blog — 3 pillars (Color · Icon · Type), the 3:1 contrast accessibility policy, and the KPDS internal design system context.", ogImage: "https://i0.wp.com/story.kakaopay.com/wp-content/uploads/2024/03/kakaopay_thumb.png" } },
|
|
142
|
-
{ id: "kakaot", name: "Kakao T", displayName: "Kakao T", country: "KR", category: "consumer-tech", homepage: "https://www.kakaomobility.com", primaryColor: "#FEE500", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=kakaomobility.com&sz=128" }, verified: "2026-05-27", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#fee500","primary-hover":"#f2d900","brand":"#fee500","canvas":"#ffffff","foreground":"#191919","muted":"#76787a","on-primary":"#191919","surface":"#f5f6f7","hairline":"#e5e6e8","body":"#4b4f54","text-strong":"#26282b","text-tertiary":"#a2a4a6","success":"#0fb882","info":"#3478f6","warning":"#ff8a00","error":"#f5444c","black":"#000000"},"typography":{"family":{"sans":"Pretendard","mono":"SF Mono"},"display-hero":{"size":30,"weight":700,"lineHeight":1.3,"use":"Marketing hero, onboarding"},"heading-large":{"size":22,"weight":700,"lineHeight":1.35,"use":"Sheet headers"},"heading":{"size":18,"weight":600,"lineHeight":1.4,"use":"Card titles, vehicle-class headers"},"subtitle":{"size":16,"weight":600,"lineHeight":1.5,"use":"List headers, fare summary label"},"body-large":{"size":16,"weight":400,"lineHeight":1.5,"use":"Descriptions, address detail"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Standard reading text, trip metadata"},"label":{"size":16,"weight":600,"lineHeight":1.4,"use":"Button labels"},"caption":{"size":12,"weight":400,"lineHeight":1.4,"use":"Timestamps, fine print"},"fare-display":{"size":24,"weight":700,"use":"Estimated/final fare, tabular numerals"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32},"rounded":{"sm":8,"md":12,"lg":16,"full":9999},"shadow":{"card":"0px 2px 12px rgba(0,0,0,0.08)","sheet":"0px -4px 16px rgba(0,0,0,0.10)","floating":"0px 4px 16px rgba(0,0,0,0.16)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#fee500","fg":"#191919","radius":"12px","padding":"14px 20px","height":"52px","font":"16px / 600","states":"pressed #f2d900","disabled":"bg #f5f6f7 fg #a2a4a6","use":"Primary CTA 호출하기 / 결제하기"},"button-dark":{"type":"button","bg":"#191919","fg":"#ffffff","radius":"12px","padding":"14px 20px","font":"16px / 600","use":"Strong action where yellow too loud 로그인 / 다음"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#26282b","border":"1px solid #d1d3d5","radius":"12px","padding":"14px 20px","font":"16px / 600","use":"Secondary action 취소"},"button-danger":{"type":"button","bg":"#ffffff","fg":"#f5444c","border":"1px solid #f5444c","radius":"12px","padding":"14px 20px","font":"16px / 600","use":"Destructive 호출 취소"},"input-search":{"type":"input","bg":"#f5f6f7","fg":"#26282b","radius":"12px","padding":"14px 16px","font":"16px / 400","focus":"1px border #191919","use":"어디로 갈까요? destination search"},"input-error":{"type":"input","bg":"#ffffff","fg":"#26282b","border":"1px solid #f5444c","radius":"12px","padding":"14px 16px","font":"16px / 400","use":"Invalid input"},"card-vehicle":{"type":"card","bg":"#ffffff","border":"1px solid #e5e6e8","radius":"12px","padding":"16px","active":"2px border #191919 + yellow icon accent","use":"Vehicle-class selection rows"},"card-trip":{"type":"card","bg":"#ffffff","radius":"16px","padding":"20px","shadow":"0px 2px 12px rgba(0,0,0,0.08)","use":"Active-trip summary, ride receipt"},"badge-status":{"type":"badge","bg":"#f5f6f7","fg":"#4b4f54","radius":"999px","padding":"4px 12px","font":"12px / 600","use":"Filter chips, vehicle tags"},"badge-live":{"type":"badge","bg":"rgba(15,184,130,0.12)","fg":"#0fb882","radius":"999px","padding":"4px 10px","font":"12px / 700","use":"도착 / 운행 중 status pill"},"dialog-sheet":{"type":"dialog","bg":"#ffffff","fg":"#191919","radius":"20px","padding":"20px","shadow":"0px -4px 16px rgba(0,0,0,0.10)","use":"Persistent bottom sheet over the map, 36x4px handle"},"tab-bottom":{"type":"tab","bg":"#ffffff","fg":"#a2a4a6","border":"1px solid #e5e6e8","font":"11px / 500","active":"text/icon #191919","use":"홈 / 이용내역 / 결제 / 전체 nav"},"toast-snackbar":{"type":"toast","bg":"#26282b","fg":"#ffffff","radius":"12px","padding":"12px 16px","shadow":"0px 4px 12px rgba(0,0,0,0.16)","font":"14px / 500","use":"Transient feedback, 3s auto-dismiss"}}} },
|
|
143
|
-
{ id: "karrot", name: "Karrot", displayName: "Karrot", country: "KR", category: "consumer-tech", homepage: "https://www.karrotmarket.com", primaryColor: "#ff7e36", logo: { type: "github", slug: "daangn" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#ff6600","primary-hover":"#e14d00","brand":"#ff6600","canvas":"#ffffff","foreground":"#1a1c20","muted":"#868b94","on-primary":"#ffffff","surface":"#f7f8f9","surface-fill":"#f3f4f5","hairline":"#dcdee3","body":"#555d6d","placeholder":"#b0b3ba","brand-tint":"#fff2ec","error":"#fa342c","info":"#217cf9","success":"#079171","warning":"#9b7821","focus":"#5e98fe"},"typography":{"family":{"sans":"Pretendard Variable","mono":"SF Mono"},"display-xl":{"size":26,"weight":700,"lineHeight":35,"tracking":"0em","use":"Hero headlines, splash screens"},"display-large":{"size":24,"weight":700,"lineHeight":32,"tracking":"0em","use":"Section headers"},"heading-large":{"size":20,"weight":700,"lineHeight":27,"tracking":"0em","use":"Card headings, sub-sections"},"heading":{"size":18,"weight":700,"lineHeight":24,"tracking":"0em","use":"List section headers"},"title":{"size":16,"weight":500,"lineHeight":22,"tracking":"0em","use":"Navigation, standard titles"},"body":{"size":14,"weight":400,"lineHeight":19,"tracking":"0em","use":"Standard reading text, listings"},"body-small":{"size":13,"weight":400,"lineHeight":18,"tracking":"0em","use":"Secondary text, metadata"},"caption":{"size":12,"weight":400,"lineHeight":16,"tracking":"0em","use":"Timestamps, small labels"},"caption-small":{"size":11,"weight":400,"lineHeight":15,"tracking":"0em","use":"Fine print, badges"}},"spacing":{"xs":2,"sm":4,"md":8,"base":16,"lg":20,"xl":24,"xxl":32,"section":64},"rounded":{"sm":8,"md":12,"lg":16,"full":9999},"shadow":{"s1":"0px 1px 4px rgba(0,0,0,0.08)","s2":"0px 2px 10px rgba(0,0,0,0.10)","s3":"0px 4px 16px rgba(0,0,0,0.12)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#ff6600","fg":"#ffffff","radius":"12px","height":"52px","font":"16px / 700","states":"pressed #e14d00","disabled":"bg #f3f4f5 fg #d1d3d8","use":"Primary CTA 판매하기 / 채팅하기"},"button-neutral":{"type":"button","bg":"#f3f4f5","fg":"#1a1c20","radius":"8px","states":"pressed #eeeff1","use":"Tertiary actions, filters"},"button-outline":{"type":"button","bg":"transparent","fg":"#1a1c20","border":"1px solid #dcdee3","radius":"8px","states":"pressed #f7f8f9","use":"Cancel, dismiss, low-emphasis"},"button-critical":{"type":"button","bg":"#fa342c","fg":"#ffffff","radius":"8px","use":"Destructive 삭제 / 신고"},"card":{"type":"card","bg":"#ffffff","border":"1px solid rgba(0,0,0,0.08)","radius":"8px","shadow":"0px 2px 10px rgba(0,0,0,0.10)","use":"Standard listing card"},"chip":{"type":"badge","bg":"#f3f4f5","fg":"#1a1c20","radius":"9999px","height":"32px","padding":"0 12px","font":"13px / 500","active":"bg #1a1c20 fg #ffffff","use":"Filter chips, tags"},"input":{"type":"input","bg":"#f7f8f9","fg":"#1a1c20","border":"1px solid #dcdee3","radius":"8px","focus":"2px solid #5e98fe","states":"error border #fa342c","use":"Text input, placeholder #b0b3ba"},"tab-bottom":{"type":"tab","bg":"#ffffff","fg":"#868b94","border":"subtle top border","active":"Karrot Orange icon + label","use":"Bottom tab bar nav"}}}, ds: { name: "SEED Design", url: "https://seed-design.io", type: "system", description: "Karrot (Daangn)'s open-source design system for marketplace apps." } },
|
|
144
|
-
{ id: "kbank", name: "K bank", displayName: "K bank", country: "KR", category: "fintech", homepage: "https://www.kbanknow.com", primaryColor: "#0046ff", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=kbanknow.com&sz=256" }, verified: "2026-05-14", tokens: {"source":"prose-derived","extracted":"2026-06-09","note":"primary = signature K bank Navy #0114a7 (sole brand primary); lime #b6f23d is the sparing energetic accent","colors":{"primary":"#0114a7","brand":"#0114a7","accent-lime":"#b6f23d","accent-sell":"#047af1","canvas":"#ffffff","foreground":"#020616","muted":"#67748e","on-primary":"#ffffff","surface":"#f7f9fd","surface-strong":"#edf1f7","hairline":"#e0e6f1","body":"#252b37","info":"#066ae5","action":"#2539e9","error":"#e23a32","warning":"#e46f00","success":"#69a305"},"typography":{"family":{"sans":"Pretendard K Edition","mono":"SF Mono"},"body":{"size":14,"weight":400,"lineHeight":"normal","use":"Standard body text"},"cta":{"size":18,"weight":500,"use":"Button label, medium weight not bold"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32},"rounded":{"sm":0,"md":0,"lg":12,"full":9999},"shadow":{"none":"Elevation conveyed through 1px borders and g200/g300 fills, not Z-axis"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#0114a7","fg":"#ffffff","radius":"12px","height":"56px","font":"18px / 500","use":"Primary CTA, medium weight on navy fill"},"listItem-link":{"type":"listItem","fg":"#020616","use":"Nav/body links, underline on hover, dense 14px"},"card-tile":{"type":"card","bg":"#ffffff","border":"1px solid #e0e6f1","radius":"0px","shadow":"none","use":"Square-cornered product tiles separated by 1px borders"},"badge-info":{"type":"badge","bg":"#d1ecff","fg":"#066ae5","use":"Informational banner state"},"badge-action":{"type":"badge","bg":"#e6ebff","fg":"#2539e9","use":"Promo / opportunity callout"},"badge-neutral":{"type":"badge","bg":"#edf1f7","fg":"#4d596f","use":"Quiet badge / chip"},"badge-error":{"type":"badge","bg":"#ffe5e0","fg":"#e23a32","use":"Failure / fraud alert"}}} },
|
|
145
|
-
{ id: "kdan", name: "Kdan Mobile", displayName: "Kdan Mobile", country: "TW", category: "productivity", homepage: "https://www.kdan.com", primaryColor: "#00DC87", logo: { type: "favicon", slug: "https://www.kdan.com/apple-touch-icon-152x152.png" }, verified: "2026-06-01", tokens: {"source":"prose-derived","extracted":"2026-06-09","note":"brand = kdanGreen #00dc87 (catalog primary); structural surface + primary action = deep teal-black #002d37; #caff00 = single loud hero accent","colors":{"primary":"#002d37","brand":"#00dc87","accent-lime":"#caff00","canvas":"#ffffff","foreground":"#191919","muted":"#4b4b4b","on-primary":"#ffffff","surface":"#fafafa","body":"#191919","link":"#007aff","error":"#f25858","disabled":"#afafaf"},"typography":{"family":{"sans":"Clear Sans","mono":"SF Mono"},"hero":{"size":56,"weight":700,"use":"Hero heading, steep declarative top"},"hero-cta":{"size":22,"weight":500,"use":"Hero CTA label"},"body":{"size":16,"weight":400,"use":"Standard body, document-heavy reading"},"button":{"size":16,"weight":500,"use":"Standard button label, medium weight"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32},"rounded":{"sm":4,"md":4,"lg":4,"full":9999},"shadow":{"hover":"rgba(0,0,0,0.2) overlay token — darkens surface on hover; depth via contrast + borders, not Z-axis"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#002d37","fg":"#ffffff","border":"1.5px solid #002d37","radius":"4px","height":"38px","font":"16px / 500","hover":"rgba(0,0,0,0.2) overlay","use":"Primary action on live kdan.com"},"button-outline":{"type":"button","bg":"transparent","fg":"#002d37","border":"1.5px solid #002d37","radius":"4px","height":"38px","font":"16px / 500","use":"Secondary action paired with solid primary"},"button-hero":{"type":"button","bg":"#caff00","fg":"#000000","radius":"4px","height":"53px","font":"22px / 500","use":"Single loud high-emphasis hero CTA"},"button-disabled":{"type":"button","bg":"#afafaf","fg":"#4b4b4b","radius":"4px","disabled":"non-interactive","use":"Disabled state"}}}, ds: { name: "kdan-ui", url: "https://github.com/kdan-mobile-software-ltd/kdan-ui-revamp", type: "system", description: "Kdan's open-source UI token library (kdanGreen brand token + neutral scale + semantic colors)." } },
|
|
146
|
-
{ id: "kintone", name: "kintone", displayName: "kintone", country: "JP", category: "productivity", homepage: "https://kintone.cybozu.co.jp", primaryColor: "#ef3f24", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=kintone.cybozu.co.jp&sz=128" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#ef3f24","primary-hover":"#d63b22","brand":"#ef3f24","canvas":"#ffffff","foreground":"#333333","muted":"#666666","on-primary":"#ffffff","surface":"#f5f5f5","hairline":"#dddddd","body":"#555555","placeholder":"#999999","accent-green":"#3fa862","accent-cerulean":"#00afec","accent-aloe":"#00afaa","accent-sunshine":"#ffba00","error":"#e74c3c","success":"#3fa862","warning":"#ffba00","info":"#00afec"},"typography":{"family":{"sans":"Meiryo","mono":"SFMono-Regular"},"display-hero":{"size":40,"weight":700,"lineHeight":1.3,"tracking":"0.02em","use":"Marketing hero みんな、つくれる"},"display-large":{"size":32,"weight":700,"lineHeight":1.35,"tracking":"0.02em","use":"Section titles, landing headers"},"heading-1":{"size":24,"weight":700,"lineHeight":1.4,"use":"Page titles, app names"},"heading-2":{"size":20,"weight":700,"lineHeight":1.45,"use":"Card headers, form section titles"},"heading-3":{"size":18,"weight":700,"lineHeight":1.5,"use":"Sub-sections, field group labels"},"subtitle":{"size":16,"weight":700,"lineHeight":1.5,"use":"List headers, dialog titles"},"body-large":{"size":16,"weight":400,"lineHeight":1.7,"use":"Intro copy, descriptions"},"body":{"size":14,"weight":400,"lineHeight":1.7,"use":"Standard UI text, record fields"},"body-small":{"size":13,"weight":400,"lineHeight":1.65,"use":"Secondary info, table cells"},"caption":{"size":12,"weight":400,"lineHeight":1.6,"use":"Field hints, timestamps, fine print"},"label":{"size":13,"weight":700,"lineHeight":1.5,"use":"Form field labels above inputs"},"button":{"size":14,"weight":700,"lineHeight":1,"tracking":"0.02em","use":"CTA and action button text"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32,"section":64},"rounded":{"sm":4,"md":6,"lg":8,"full":9999},"shadow":{"subtle":"0 1px 3px rgba(0,0,0,0.08)","raised":"0 4px 12px rgba(0,0,0,0.12)","elevated":"0 4px 12px rgba(0,0,0,0.18)","modal":"0 8px 24px rgba(0,0,0,0.20)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#ef3f24","fg":"#ffffff","radius":"4px","padding":"10px 24px","font":"14px / 700","hover":"#d63b22","active":"#c0341e","disabled":"bg #f5b3aa fg #ffffff","use":"Primary CTA 無料ではじめる / 保存"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#ef3f24","border":"1px solid #ef3f24","radius":"4px","padding":"10px 24px","font":"14px / 700","hover":"#fff0ee","use":"Secondary action paired with primary"},"button-neutral":{"type":"button","bg":"#ffffff","fg":"#555555","border":"1px solid #dddddd","radius":"4px","padding":"10px 20px","font":"14px / 700","hover":"bg #f5f5f5 border #bbbbbb","use":"Cancel, close, back キャンセル"},"button-text":{"type":"button","bg":"transparent","fg":"#00afec","radius":"4px","padding":"8px 12px","font":"14px / 700","hover":"underline + #f5f5f5","use":"Inline link-style actions in tables/toolbars"},"button-danger":{"type":"button","bg":"#e74c3c","fg":"#ffffff","radius":"4px","padding":"10px 24px","font":"14px / 700","hover":"#d63b22","use":"Destructive confirmation 削除する"},"input-text":{"type":"input","bg":"#ffffff","fg":"#333333","border":"1px solid #dddddd","radius":"4px","padding":"8px 10px","font":"14px / 400","focus":"border #00afec + 0 0 0 2px rgba(0,175,236,0.15) ring","disabled":"bg #f5f5f5 fg #999999","use":"Single-line record fields, search"},"input-error":{"type":"input","bg":"#ffffff","fg":"#333333","border":"1px solid #e74c3c","radius":"4px","use":"Validation failure with inline message"},"card":{"type":"card","bg":"#ffffff","border":"1px solid #dddddd","radius":"6px","padding":"20px","shadow":"0 1px 3px rgba(0,0,0,0.08)","use":"Record cards, dashboard widgets, settings panels"},"card-tile":{"type":"card","bg":"#ffffff","radius":"8px","padding":"16px","shadow":"0 1px 3px rgba(0,0,0,0.08)","hover":"0 4px 12px rgba(0,0,0,0.12)","use":"Signature app launcher tile"},"badge-neutral":{"type":"badge","bg":"#f5f5f5","fg":"#555555","border":"1px solid #dddddd","radius":"12px","padding":"2px 10px","font":"12px / 700","use":"Neutral status / category tag"},"badge-success":{"type":"badge","bg":"#e7f5ed","fg":"#3fa862","radius":"12px","padding":"2px 10px","font":"12px / 700","use":"Success status pill"},"badge-info":{"type":"badge","bg":"#e6f7fd","fg":"#00afec","radius":"12px","padding":"2px 10px","font":"12px / 700","use":"Info status pill"},"badge-danger":{"type":"badge","bg":"#fdeeee","fg":"#e74c3c","radius":"12px","padding":"2px 10px","font":"12px / 700","use":"Danger status pill"},"tab-underline":{"type":"tab","fg":"#666666","border":"1px solid #dddddd bottom","font":"14px / 700","padding":"10px 16px","hover":"#333333","active":"#ef3f24 text + 2px bottom border #ef3f24","use":"Record detail tabs, settings nav"},"toast":{"type":"toast","bg":"#333333","fg":"#ffffff","radius":"4px","padding":"12px 16px","shadow":"0 4px 12px rgba(0,0,0,0.18)","font":"13px / 400","use":"Auto-dismissing confirmation 保存しました"},"dialog":{"type":"dialog","bg":"#ffffff","radius":"8px","padding":"24px","shadow":"0 8px 24px rgba(0,0,0,0.20)","use":"Confirmation dialogs, settings, backdrop rgba(0,0,0,0.5)"},"toggle":{"type":"toggle","bg":"#dddddd","radius":"9999px","active":"#3fa862 track white thumb","use":"Enable/disable settings 通知をオン"}}} },
|
|
147
|
-
{ id: "kkbox", name: "KKBOX", displayName: "KKBOX", country: "TW", category: "entertainment", homepage: "https://www.kkbox.com", primaryColor: "#00B6E1", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=kkbox.com&sz=128" }, verified: "2026-06-01", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#00b6e1","brand":"#00b6e1","canvas":"#111111","foreground":"#ffffff","on-primary":"#00b6e1","surface":"#f2f2f2"},"typography":{"family":{"sans":"Work Sans","mono":"SF Mono"},"display-hero":{"size":120,"weight":600,"use":"Hero headings, white on dark ground"},"body":{"size":14,"weight":400,"use":"Body copy, Helvetica Neue, quiet"},"button":{"size":18,"weight":500,"use":"Download CTA label"}},"spacing":{"sm":16,"base":48},"rounded":{"sm":30,"md":30,"lg":30,"full":9999},"shadow":{"none":"Depth via tonal contrast — bright pill on near-black ground, not drop shadow"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#f2f2f2","fg":"#00b6e1","radius":"30px","padding":"16px 48px","height":"57px","font":"18px / 500","use":"Primary download CTA, light pill floating on #111111 ground"}}} },
|
|
148
|
-
{ id: "kkday", name: "KKday", displayName: "KKday", country: "TW", category: "ecommerce", homepage: "https://www.kkday.com", primaryColor: "#FF5C00", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=kkday.com&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#ff5c00","primary-hover":"#e65300","brand":"#ff5c00","canvas":"#ffffff","foreground":"#1a1a1a","muted":"#888888","on-primary":"#ffffff","surface":"#f7f7f8","hairline":"#e5e5e6","border-mid":"#d9d9d9","body":"#4a4a4a","brand-tint":"#fff0e8","success":"#1fa463","warning":"#f5a623","error":"#e0353b","rating":"#ffb400"},"typography":{"family":{"sans":"-apple-system","mono":"SF Mono"},"hero":{"size":32,"weight":700,"use":"Hero headline"},"section-heading":{"size":23,"weight":700,"use":"Section heading"},"card-heading":{"size":19,"weight":700,"use":"Card heading"},"price":{"size":18,"weight":700,"use":"Price, prominent bold"},"body":{"size":15,"weight":400,"use":"Body, card title"},"body-small":{"size":13,"weight":400,"use":"Location label, secondary"},"caption":{"size":12,"weight":400,"use":"Caption, meta"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":40,"xxl":64},"rounded":{"sm":4,"md":8,"lg":8,"full":9999},"shadow":{"card":"0 2px 8px rgba(0,0,0,0.08)","header":"0 1px 4px rgba(0,0,0,0.06)","dropdown":"0 4px 16px rgba(0,0,0,0.12)","modal":"0 8px 32px rgba(0,0,0,0.2)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#ff5c00","fg":"#ffffff","radius":"8px","padding":"10px 20px","font":"16px / 600","hover":"#e65300","use":"Book Now, Add to Cart, primary conversion CTA"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#1a1a1a","border":"1px solid #d9d9d9","radius":"8px","padding":"10px 20px","font":"16px / 600","hover":"#f7f7f8","use":"View Details, secondary actions"},"button-ghost":{"type":"button","bg":"transparent","fg":"#ff5c00","radius":"8px","padding":"8px 12px","use":"Inline tertiary actions, See more"},"input":{"type":"input","bg":"#ffffff","fg":"#1a1a1a","border":"1px solid #d9d9d9","radius":"8px","padding":"10px 14px","font":"16px / 400","focus":"border #ff5c00","states":"error border #e0353b","use":"Search, traveler details, contact forms"},"card-experience":{"type":"card","bg":"#ffffff","border":"1px solid #e5e5e6","radius":"8px","padding":"0","use":"Grid product card, image-led with title/rating/price/trust chips"},"badge-sale":{"type":"badge","bg":"#ff5c00","fg":"#ffffff","radius":"4px","padding":"2px 6px","font":"12px / 700","use":"Discount/sale ribbon on product image"},"badge-trust":{"type":"badge","bg":"#fff0e8","fg":"#1fa463","radius":"4px","padding":"2px 8px","font":"12px / 500","use":"Instant confirmation, Free cancellation"},"badge-urgency":{"type":"badge","bg":"transparent","fg":"#f5a623","font":"12px / 600","use":"Only 2 left, Selling fast"},"tab-nav":{"type":"tab","fg":"#1a1a1a","font":"15px / 500","active":"orange #ff5c00 active/hover accent","use":"Sticky header nav links"}}} },
|
|
149
|
-
{ id: "kmong", name: "Kmong", displayName: "Kmong", country: "KR", category: "consumer-tech", homepage: "https://kmong.com", primaryColor: "#92fa72", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=kmong.com&sz=128" }, verified: "2026-06-09", added: "2026-06-09", tokens: {"source":"live-extract","extracted":"2026-06-09","components_harvested":true,"colors":{"primary":"#92fa72","primary-deep":"#5dd877","primary-tint":"#e1f5dc","mint":"#27e7b7","canvas":"#ffffff","heading":"#212224","ink":"#000000","label":"#303441","hairline":"#f2f3f7","border":"#c8cad2","border-card":"#e4e5ed","blue":"#4b94fa","blue-deep":"#116ad4","blue-tint":"#ebf4ff","red":"#ff402b","on-primary":"#212224"},"typography":{"family":{"sans":"Pretendard"},"display":{"size":40,"weight":700,"lineHeight":1.3,"tracking":0,"use":"Hero headline (40px / 52px)"},"section":{"size":28,"weight":700,"lineHeight":1.36,"tracking":0,"use":"Section titles (28px / 38px)"},"subheading":{"size":20,"weight":700,"lineHeight":1.4,"tracking":0,"use":"Card heads, search field text"},"body":{"size":16,"weight":400,"lineHeight":1.5,"tracking":0,"use":"Standard reading text, nav, links"},"button":{"size":16,"weight":500,"lineHeight":1,"tracking":0,"use":"Primary button label"},"caption":{"size":11,"weight":700,"lineHeight":1.4,"tracking":0,"use":"Badges, ranking labels"},"micro":{"size":10,"weight":700,"lineHeight":1.4,"tracking":0,"use":"Pill tags (기업용), metadata"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":40,"section":76},"rounded":{"sm":4,"md":11,"lg":27,"full":9999},"shadow":{"card":"rgba(0,0,0,0.08) 0px 4px 12px 0px","pop":"rgba(0,0,0,0.1) 0px 0px 20px 0px"},"components":{"button-primary":{"type":"button","bg":"#92fa72","fg":"#212224","radius":"4px","padding":"0px 24px","font":"16px / 500","use":"Primary CTA — 크몽 시작하기, dark ink label on signature green"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#000000","radius":"4px","padding":"0px 20px","font":"16px / 400","use":"Outlined action, 1px #c8cad2 border — category chips"},"button-pill":{"type":"button","bg":"#ffffff","fg":"#303441","radius":"9999px","padding":"0px","font":"16px / 400","use":"Round icon/control button, translucent white surface"},"input-search":{"type":"input","bg":"#ffffff","fg":"#212224","radius":"4px","padding":"16px 0px","font":"20px / 400","use":"Hero search — 어떤 전문가가 필요하세요?, underline-led, 1px #f2f3f7 hairline"},"card-gig":{"type":"card","bg":"#ffffff","fg":"#212224","radius":"4px","use":"Service/gig card, 1px #e4e5ed border, shadow rgba(0,0,0,0.08) 0px 4px 12px"},"badge-biz":{"type":"badge","bg":"#ebf4ff","fg":"#116ad4","radius":"11px","font":"10px / 700","use":"기업용 / Biz pill, blue-tinted"},"badge-best":{"type":"badge","bg":"#ffffff","fg":"#ff402b","radius":"27px","font":"11px / 700","use":"Best / ranking badge, red accent"},"badge-mint":{"type":"badge","bg":"#e1f5dc","fg":"#5dd877","radius":"11px","font":"10px / 700","use":"Promo / new tag, green-tint on deep green text"},"nav-bar":{"type":"tab","bg":"#ffffff","fg":"#212224","font":"16px / 400","use":"Top header 76px, white surface, category nav row","active":"2px bottom border #212224"},"avatar-pro":{"type":"avatar","bg":"#f2f3f7","radius":"9999px","use":"Expert/seller profile circle, hairline fill"}}} },
|
|
150
|
-
{ id: "krafton", name: "KRAFTON", displayName: "KRAFTON", country: "KR", category: "consumer-tech", homepage: "https://www.krafton.com", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=krafton.com&sz=256" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#000000","brand":"#000000","canvas":"#000000","foreground":"#ffffff","muted":"#777777","on-primary":"#ffffff","surface":"#0a0a0a","hairline":"#393939","body":"#555555","content":"#222222","placeholder":"#adadad","disabled":"#dddddd","error":"#ed2929","link":"#3d7fd9"},"typography":{"family":{"sans":"Poppins","mono":"SF Mono"},"hero-logotype":{"size":140,"weight":400,"use":"Hero logotype, KRAFTON custom font, display only"},"page-header":{"size":70,"weight":700,"use":"PageHeader title on light pages"},"article-body":{"size":16,"weight":400,"lineHeight":1.9,"use":"Article/single body copy"},"nav":{"size":18,"weight":600,"use":"Navigation, Poppins"},"body":{"size":14,"weight":400,"lineHeight":1.7,"use":"Base body text"},"selector":{"size":13,"weight":400,"use":"Language selector links"},"footer":{"size":12,"weight":400,"use":"Footer copyright, Poppins"}},"spacing":{"xs":15,"sm":20,"md":40,"base":60,"lg":80,"xl":100,"xxl":140},"rounded":{"sm":0,"md":0,"lg":0,"full":9999},"shadow":{"none":"No box-shadow in brand CSS; depth via dark background bleed and self-lit imagery"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#ffffff","fg":"#000000","border":"2px solid #000000","padding":"8px 43px 8px 15px","font":"14px / 700","radius":"0px","hover":"bg #000000 fg #ffffff (inverted)","use":"Download button on white surface"},"input-search":{"type":"input","bg":"#ffffff","fg":"#222222","border":"2px solid #000000","height":"46px","padding":"12px 20px","font":"15px / 500","radius":"0px","use":"Search input, placeholder #adadad"},"tab-third":{"type":"tab","bg":"#f7f7f7","fg":"#000000","font":"19px / 500","height":"2.4em","active":"bg #000000 fg #ffffff 19px/700","use":"ThirdDepthTab navigation"},"listItem-link":{"type":"listItem","fg":"#222222","font":"15px / 500","hover":"underline expands 0 to 100% 2px over 0.3s","use":"Download link, text + animated underline"}}} },
|
|
151
|
-
{ id: "kraken", name: "Kraken", displayName: "Kraken", country: "US", category: "fintech", homepage: "https://www.kraken.com", primaryColor: "#5741d9", logo: { type: "github", slug: "krakenfx" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#7132f5","primary-hover":"#5741d8","primary-deep":"#5b1ecf","brand":"#7132f5","canvas":"#ffffff","foreground":"#101114","muted":"#9497a9","on-primary":"#ffffff","hairline":"#dedee5","body":"#686b82","success":"#149e61","success-text":"#026b3f","error":"#d54848"},"typography":{"family":{"sans":"Kraken-Product","mono":"IBM Plex Sans"},"display-hero":{"size":48,"weight":700,"lineHeight":1.17,"tracking":"-1px","use":"Hero headline, Kraken-Brand"},"section-heading":{"size":36,"weight":700,"lineHeight":1.22,"tracking":"-0.5px","use":"Section heading, Kraken-Brand"},"sub-heading":{"size":28,"weight":700,"lineHeight":1.29,"tracking":"-0.5px","use":"Sub-heading, Kraken-Brand"},"feature-title":{"size":22,"weight":600,"lineHeight":1.2,"use":"Feature title, Kraken-Product"},"body":{"size":16,"weight":400,"lineHeight":1.38,"use":"Body text"},"button":{"size":16,"weight":500,"lineHeight":1.38,"use":"Button label"},"caption":{"size":14,"weight":400,"lineHeight":1.43,"use":"Caption"},"small":{"size":12,"weight":400,"lineHeight":1.33,"use":"Small text"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":25},"rounded":{"sm":6,"md":8,"lg":12,"full":9999},"shadow":{"micro":"rgba(16,24,40,0.04) 0px 1px 4px","subtle":"rgba(0,0,0,0.03) 0px 4px 24px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#7132f5","fg":"#ffffff","padding":"13px 16px","radius":"12px","font":"16px / 500","use":"Primary CTA, links"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#5741d8","border":"1px solid #5741d8","radius":"12px","use":"Outlined purple variant"},"button-subtle":{"type":"button","bg":"rgba(133,91,251,0.16)","fg":"#7132f5","padding":"8px","radius":"12px","use":"Subtle/ghost purple button"},"button-white":{"type":"button","bg":"#ffffff","fg":"#101114","radius":"10px","shadow":"rgba(0,0,0,0.03) 0px 4px 24px","use":"White button"},"button-secondary":{"type":"button","bg":"rgba(148,151,169,0.08)","fg":"#101114","radius":"12px","use":"Secondary gray button"},"badge-success":{"type":"badge","bg":"rgba(20,158,97,0.16)","fg":"#026b3f","radius":"6px","use":"Success/positive badge"},"badge-neutral":{"type":"badge","bg":"rgba(104,107,130,0.12)","fg":"#484b5e","radius":"8px","use":"Neutral badge"},"card":{"type":"card","bg":"#ffffff","border":"1px solid rgba(148,151,169,0.16)","radius":"12px","padding":"24px","shadow":"rgba(0,0,0,0.03) 0px 4px 24px","use":"Default card, subtle lift"},"card-stat":{"type":"card","bg":"#ffffff","radius":"16px","padding":"20px 24px","use":"Stat/metric card, value 28px/700, delta green/red"},"card-featured":{"type":"card","bg":"linear-gradient(135deg, #7132f5 0%, #5741d8 100%)","fg":"#ffffff","radius":"16px","padding":"32px","shadow":"inset 0 0 60px rgba(255,255,255,0.08)","use":"Featured/promotional card, used sparingly"}}} },
|
|
152
|
-
{ id: "krds", name: "KRDS", displayName: "KRDS", country: "KR", category: "government", homepage: "https://www.krds.go.kr/html/site/index.html", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.krds.go.kr/resources/img/guide/favicon_192.png" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#256ef4","primary-hover":"#0b50d0","primary-deep":"#083891","brand":"#256ef4","canvas":"#ffffff","foreground":"#1e2124","muted":"#6d7882","on-primary":"#ffffff","surface":"#f4f5f6","surface-primary":"#ecf2fe","hairline":"#b1b8be","border-strong":"#58616a","body":"#464c53","secondary":"#346fb2","point":"#d63d4a","danger":"#de3412","warning":"#ffb114","success":"#228738","information":"#0b78cb"},"typography":{"family":{"sans":"Pretendard GOV","mono":"SF Mono"},"display-large":{"size":60,"weight":700,"lineHeight":1.5,"tracking":"1px","use":"Marketing/banner display (no body use)"},"display-small":{"size":36,"weight":700,"lineHeight":1.5,"tracking":"1px","use":"Small display banner"},"heading-xlarge":{"size":40,"weight":700,"lineHeight":1.5,"tracking":"1px","use":"H1 page/section top title (28px mobile)"},"heading-large":{"size":32,"weight":700,"lineHeight":1.5,"tracking":"1px","use":"H1 narrow / H2"},"heading-medium":{"size":24,"weight":700,"lineHeight":1.5,"use":"H2 / H3"},"heading-small":{"size":19,"weight":700,"lineHeight":1.5,"use":"H3 / H4"},"heading-xsmall":{"size":17,"weight":700,"lineHeight":1.5,"use":"H4 / H5"},"body-large":{"size":19,"weight":400,"lineHeight":1.5,"use":"Emphasized body / key copy"},"body-medium":{"size":17,"weight":400,"lineHeight":1.5,"use":"Standard body (default)"},"body-small":{"size":15,"weight":400,"lineHeight":1.5,"use":"Caption / small label"},"body-xsmall":{"size":13,"weight":400,"lineHeight":1.5,"use":"Annotation / meta / footer"}},"spacing":{"xs":2,"sm":4,"md":8,"base":16,"lg":24,"xl":32,"xxl":40},"rounded":{"sm":4,"md":6,"lg":8,"full":1000},"shadow":{"focus":"0 0 0 0.4rem #256ef4","modal":"0 0.2rem 0 0 rgba(0,0,0,0.1), 0 0.4rem 0.8rem 0 rgba(0,0,0,0.1)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#256ef4","fg":"#ffffff","border":"1px solid #256ef4","radius":"6px","padding":"0 16px","height":"48px","font":"17px / 400","hover":"#0b50d0","active":"#083891","disabled":"bg #cdd1d5 fg #6d7882","use":"Core action 신청하기/확인 (1 per screen)"},"button-secondary":{"type":"button","bg":"#ecf2fe","fg":"#0b50d0","border":"1px solid #256ef4","radius":"6px","padding":"0 16px","height":"48px","font":"17px / 400","use":"Secondary action 자세히 보기/이전 단계"},"button-tertiary":{"type":"button","bg":"transparent","fg":"#1e2124","border":"1px solid #58616a","radius":"6px","padding":"0 16px","height":"48px","font":"17px / 400","hover":"#f4f5f6","use":"Cancel/reset 취소/초기화/닫기"},"button-floating":{"type":"button","bg":"#256ef4","fg":"#ffffff","radius":"1000px","shadow":"weak box-shadow","use":"Bottom-right floating action 맨 위로/챗봇"},"input-text":{"type":"input","bg":"#ffffff","fg":"#464c53","border":"1px solid #58616a","radius":"8px","padding":"0 16px","height":"56px","font":"19px / 400","focus":"0 0 0 4px #256ef4 halo","disabled":"bg #cdd1d5 fg #6d7882 border #b1b8be","states":"error border 2px solid #de3412","use":"Standard text input (large default)"},"select":{"type":"input","bg":"#ffffff","fg":"#1e2124","border":"1px solid #58616a","radius":"6px","padding":"0 48px 0 16px","height":"56px","font":"19px / 400","disabled":"bg #cdd1d5 border #b1b8be","states":"error border 2px solid #ab2b36","use":"Native select with chevron"},"toggle-checkbox":{"type":"toggle","bg":"#ffffff","border":"1px solid #58616a","radius":"4px","active":"bg #256ef4 + white check icon","use":"Multi-select checkbox"},"toggle-switch":{"type":"toggle","bg":"#b1b8be","fg":"#ffffff","radius":"1000px","active":"#256ef4 track, white thumb right","disabled":"bg #cdd1d5","use":"On/off toggle switch"},"card":{"type":"card","bg":"#ffffff","border":"1px solid #b1b8be","radius":"8px","padding":"24px","shadow":"none","use":"Standard content panel, border-defined"},"card-info":{"type":"card","bg":"#ecf2fe","fg":"#1e2124","radius":"8px","padding":"16px 24px","use":"Info/help panel 안내·도움말"},"card-critical":{"type":"card","bg":"#de3412","fg":"#ffffff","radius":"0","use":"Full-bleed urgent notice banner top of page"},"dialog":{"type":"dialog","bg":"#ffffff","fg":"#1e2124","radius":"12px","padding":"40px","shadow":"0 0.2rem 0 0 rgba(0,0,0,0.1), 0 0.4rem 0.8rem 0 rgba(0,0,0,0.1)","use":"Modal dialog, backdrop fade 0->0.5 black, min-height 264px"},"badge-primary":{"type":"badge","bg":"#256ef4","fg":"#ffffff","border":"1px solid #256ef4","radius":"4px","padding":"0 8px","height":"24px","font":"15px / 400","use":"Content classification, action emphasis"},"badge-point":{"type":"badge","bg":"#d63d4a","fg":"#ffffff","radius":"4px","padding":"0 8px","height":"24px","font":"15px / 400","use":"Emphasis/new/important (red point)"},"badge-success":{"type":"badge","bg":"#228738","fg":"#ffffff","radius":"4px","padding":"0 8px","height":"24px","font":"15px / 400","use":"Completed / success"},"badge-danger":{"type":"badge","bg":"#de3412","fg":"#ffffff","radius":"4px","padding":"0 8px","height":"24px","font":"15px / 400","use":"Error / rejected"},"badge-warning":{"type":"badge","bg":"#ffb114","fg":"#1e2124","radius":"4px","padding":"0 8px","height":"24px","font":"15px / 400","use":"Caution (black text on warning bg)"},"badge-tag":{"type":"badge","bg":"#ffffff","fg":"#1e2124","border":"1px solid #cdd1d5","radius":"1000px","padding":"8px 10px","font":"15px / 400","active":"bg #ecf2fe fg #0b50d0 border #256ef4","use":"Selectable filter chip with delete button"},"tab-horizontal":{"type":"tab","bg":"transparent","fg":"#464c53","font":"17px / 400","active":"fg #256ef4 700 + 2px bottom border #256ef4","use":"In-page section switch, keyboard L/R nav"},"toast":{"type":"toast","bg":"#1e2124","fg":"#ffffff","radius":"8px","padding":"16px","use":"Center/bottom card, 3s auto-dismiss"}}}, ds: { name: "KRDS — Korea Republic Design System", url: "https://www.krds.go.kr/html/site/index.html", type: "system", description: "행정안전부 주관 범정부 통합 디자인 시스템. Government Blue #256EF4, Pretendard GOV, WCAG/KWCAG 2.2 a11y-first tokens and components.", ogImage: "https://www.krds.go.kr/resources/img/guide/KRDS_Open_Graph.png" } },
|
|
153
|
-
{ id: "kream", name: "KREAM", displayName: "KREAM", country: "KR", category: "ecommerce", homepage: "https://kream.co.kr", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=kream.co.kr&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#222222","foreground":"#000000","canvas":"#ffffff","surface":"#f5f5f5","muted":"#787878","hairline":"#ebebeb","on-primary":"#ffffff"},"typography":{"family":{"sans":"Pretendard Variable","mono":"Pretendard Variable"},"display":{"size":32,"weight":700,"lineHeight":1.2,"use":"Page title / H1"},"search":{"size":24,"weight":700,"lineHeight":1.2,"use":"Search query input — typed keyword as headline"},"tab-active":{"size":16,"weight":700,"lineHeight":1.4,"use":"Active tab label"},"body":{"size":16,"weight":400,"lineHeight":1.4,"use":"Default copy, inactive tab, card title"},"chip":{"size":13,"weight":400,"lineHeight":1.4,"use":"Filter chip, category pill"},"ghost":{"size":13,"weight":300,"lineHeight":1.4,"use":"Ghost button label"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48},"rounded":{"sm":6,"md":8,"lg":16,"full":9999},"shadow":{"none":"none"},"components_harvested":true,"components":{"chip-filter":{"type":"badge","bg":"#f4f4f4","fg":"#222222","radius":"30px","height":"30px","padding":"0 12px","font":"13px / 400","use":"Search filter row chip (배송/카테고리/색상/사이즈/가격대)"},"pill-category":{"type":"badge","bg":"#ffffff","fg":"#222222","border":"1px solid #ebebeb","radius":"6px","height":"30px","font":"13px / 400","use":"Secondary category quick-row"},"shortcut-keyword":{"type":"listItem","bg":"#fafafa","fg":"#222222","radius":"6px","height":"48px","font":"16px / 400","use":"Popular keyword shortcut anchor"},"card-banner":{"type":"card","bg":"#f5f5f5","fg":"#222222","radius":"16px","padding":"0","font":"16px / 700","use":"Hero / merchandising banner tile (1188x475)"},"input-search":{"type":"input","bg":"transparent","fg":"#222222","radius":"0","font":"24px / 700","use":"Homepage hero search — typed keyword as headline"},"button-ghost":{"type":"button","bg":"transparent","fg":"#000000","border":"1px solid rgba(0,0,0,0.6)","radius":"8px","height":"36px","font":"13px / 300","use":"Fallback / secondary recovery action (홈으로 가기)"},"tab-strip":{"type":"tab","bg":"transparent","fg":"#222222","font":"16px / 700","active":"2px bottom border #222222","use":"Tab strip 상품/스타일/프로필 — weight + underline signals selection"}}} },
|
|
154
|
-
{ id: "kurly", name: "Kurly", displayName: "Kurly", country: "KR", category: "ecommerce", homepage: "https://www.kurly.com", primaryColor: "#5f0080", logo: { type: "favicon", slug: "https://res.kurly.com/icons/favicon-128x128.png" }, verified: "2026-05-15", tokens: {"source":"reconciled","extracted":"2026-06-08","components_harvested":true,"note":"deterministic picks (#bd76ff tint, #1a73e8 Google embed) rejected; canonical = Kurly Purple purple-900","colors":{"primary":"#5f0080","purple-800":"#672091","purple-700":"#7e3ab0","purple-500":"#9a60ca","purple-100":"#e8dbf3","purple-50":"#f5effa","canvas":"#ffffff","foreground":"#1c1c1c","body":"#393d41","muted":"#464c52","on-primary":"#ffffff"},"typography":{"family":{"sans":"Noto Sans KR"},"display-72":{"size":72,"weight":700,"use":"Hero magazine headlines (web)"},"display-44":{"size":44,"weight":700,"use":"Editorial section headers"},"headline-36":{"size":36,"weight":700,"use":"Page titles, category banners"},"headline-28":{"size":28,"weight":700,"use":"Subsection headers"},"title-24":{"size":24,"weight":600,"use":"Card-cluster / dialog titles"},"title-18":{"size":18,"weight":600,"use":"Standard product / modal titles"},"body-16":{"size":16,"weight":400,"use":"Default reading text, button labels"}},"spacing":{"xxs":2,"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":16,"full":9999},"shadow":{"subtle":"0px 2px 2px 0px rgba(0,0,0,0.03)","card-hover":"0px 0px 4px 0px rgba(0,0,0,0.15)","floating":"2px 2px 10px 0px rgba(0,0,0,0.10)"},"components":{"button-primary":{"type":"button","bg":"#5f0080","fg":"#ffffff","radius":"6px","padding":"16px 24px","font":"16px / 600","active":"#672091","disabled":"#dfe4eb bg, #848f9a text","use":"Primary commerce CTAs (구매하기, 장바구니 담기, 주문하기)"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#5f0080","border":"1px solid #5f0080","radius":"6px","padding":"12px 20px","font":"14px / 600","active":"#f5effa bg","use":"Secondary actions (바로 구매, 옵션 변경)"},"button-critical":{"type":"button","bg":"#e22d2e","fg":"#ffffff","radius":"6px","padding":"12px 20px","font":"14px / 600","active":"#d81b1c","use":"Last-chance sale CTAs, destructive confirms (삭제)"},"card":{"type":"card","bg":"#ffffff","radius":"4px","padding":"12px 4px","shadow":"none","hover":"0px 0px 4px rgba(0,0,0,0.15)","use":"Category list, search results, recommendation rails"}}} },
|
|
155
|
-
{ id: "laftel", name: "Laftel", displayName: "Laftel", country: "KR", category: "consumer-tech", homepage: "https://laftel.net", primaryColor: "#816BFF", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=laftel.net&sz=256" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#816bff","primary-hover":"#6e58ff","brand":"#816bff","canvas":"#ffffff","foreground":"#121212","muted":"#8a8a8a","surface":"#242537","hairline":"#eeeeee","accent-wash":"#f0edff","error":"#f16361","on-primary":"#ffffff"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"title-xxl":{"size":40,"weight":700,"lineHeight":1.5,"use":"Largest display title"},"title-xl":{"size":32,"weight":700,"lineHeight":1.5,"use":"Section title"},"title-l":{"size":28,"weight":700,"lineHeight":1.5,"use":"Sub-section title"},"title-m":{"size":24,"weight":700,"lineHeight":1.5,"use":"Card / block title"},"title-s":{"size":20,"weight":700,"lineHeight":1.5,"use":"Small title"},"text-l":{"size":18,"weight":700,"lineHeight":1.5,"use":"Large body / button label"},"text-m":{"size":16,"weight":400,"lineHeight":1.5,"use":"Default body"},"text-s":{"size":14,"weight":700,"lineHeight":1.5,"use":"Nav link, toast, small label"},"text-xs":{"size":13,"weight":400,"lineHeight":1.5,"use":"Metadata"},"text-xxs":{"size":12,"weight":400,"lineHeight":1.5,"use":"Fine print"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48},"rounded":{"sm":4,"md":4,"lg":8,"full":9999},"shadow":{"none":"none"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#816bff","fg":"#ffffff","radius":"4px","height":"56px","padding":"0 18px","font":"18px / 700","states":"hover #6e58ff","use":"Primary CTA (md)"},"button-primary-sm":{"type":"button","bg":"#816bff","fg":"#ffffff","radius":"4px","height":"48px","padding":"0 20px","font":"16px / 700","use":"Primary CTA (sm)"},"button-slight":{"type":"button","bg":"#f0edff","fg":"#816bff","radius":"4px","height":"56px","font":"18px / 700","states":"hover #d9d3ff","use":"Secondary action"},"button-disabled":{"type":"button","bg":"#eeeeee","fg":"#8a8a8a","radius":"4px","height":"56px","use":"Disabled action"},"nav-bar":{"type":"tab","bg":"#ffffff","fg":"#121212","height":"64px","padding":"0 50px","border":"1px solid #eeeeee","font":"14px / 700","active":"link color #816bff","use":"Desktop nav — active/hover link purple"},"badge-notification":{"type":"badge","bg":"#816bff","fg":"#ffffff","radius":"9999px","height":"17px","font":"10px / 700","use":"Notification count badge"},"toast":{"type":"toast","bg":"#242537","fg":"#ffffff","radius":"4px","padding":"16px 12px","height":"48px","font":"14px / 400","use":"Default toast (#000000 light / #242537 dark)"}}} },
|
|
156
|
-
{ id: "lamborghini", name: "Lamborghini", displayName: "Lamborghini", country: "IT", category: "automotive", homepage: "https://www.lamborghini.com", primaryColor: "#f4c01a", logo: { type: "simpleicons", slug: "lamborghini" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","components_harvested":true,"colors":{"primary":"#ffc000","primary-alt":"#f4c01a","canvas":"#000000","on-primary":"#000000","white":"#ffffff","gold-dark":"#917300","gold-text":"#ffce3e","cyan":"#29abe2","link":"#3860be","teal":"#1eaedb","charcoal":"#202020","dark-iron":"#181818","near-white":"#f8f8f8","mist":"#e6e6e6","smoke":"#f5f5f5","graphite":"#494949","ash":"#7d7d7d","steel":"#969696","slate":"#666666","iron":"#555555","shadow":"#313131"},"typography":{"family":{"sans":"LamboType","mono":"LamboType"},"hero-display":{"size":120,"weight":400,"lineHeight":0.92,"use":"Hero, uppercase, maximum impact"},"display-2":{"size":80,"weight":400,"lineHeight":1.13,"use":"Major section titles, uppercase"},"section":{"size":54,"weight":400,"lineHeight":1.19,"use":"Section title, uppercase"},"subsection":{"size":40,"weight":400,"lineHeight":1.15,"use":"Sub-section, uppercase"},"feature":{"size":27,"weight":400,"lineHeight":1.37,"use":"Feature heading, uppercase"},"card-title":{"size":24,"weight":400,"use":"Card title"},"body-large":{"size":18,"weight":400,"lineHeight":1.56,"use":"Body large"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Primary body / UI"},"button":{"size":14,"weight":400,"lineHeight":1,"tracking":0.2,"use":"Ghost buttons, uppercase"},"caption":{"size":14,"weight":700,"lineHeight":1.14,"tracking":-0.42,"use":"Caption, uppercase, negative tracking"},"label":{"size":12,"weight":400,"lineHeight":1.83,"tracking":0.96,"use":"Micro labels, badges, uppercase"},"micro":{"size":10,"weight":400,"lineHeight":1,"tracking":0.225,"use":"Smallest text, uppercase"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":56},"rounded":{"sm":0,"md":2,"lg":20,"full":9999},"shadow":{"overlay":"rgba(0,0,0,0.7)","fog":"rgba(0,0,0,0.5)","mist":"rgba(0,0,0,0.25)"},"components":{"button-gold":{"type":"button","bg":"#ffc000","fg":"#000000","radius":0,"padding":"24px","font":"16px/400","use":"Primary CTA — Discover More, Tickets"},"button-ghost":{"type":"button","bg":"transparent","fg":"#ffffff","radius":0,"padding":"16px","use":"Secondary CTA on dark, 1px white border 50% opacity"},"button-white":{"type":"button","bg":"#ffffff","fg":"#202020","radius":0,"use":"Light-mode primary CTA"},"button-black":{"type":"button","bg":"#000000","fg":"#202020","radius":0,"use":"Inverted CTA on light sections"},"button-gray":{"type":"button","bg":"#969696","fg":"#202020","radius":0,"use":"Subtle/tertiary action"},"card-standard":{"type":"card","bg":"#202020","radius":0,"use":"Card/panel on black canvas, full-bleed photo + white text"},"badge-tag":{"type":"badge","bg":"#969696","fg":"#ffffff","radius":2,"padding":"8px","font":"10px","use":"Metallic pill tag"}}} },
|
|
157
|
-
{ id: "laundrygo", name: "LaundryGo", displayName: "런드리고", country: "KR", category: "consumer-tech", homepage: "https://www.laundrygo.com", primaryColor: "#0ac290", logo: { type: "favicon", slug: "https://www.laundrygo.com/wp-content/uploads/2022/12/favicon_web.png" }, verified: "2026-06-11", added: "2026-06-11", tokens: {"source":"live-extract","extracted":"2026-06-11","note":"primary = live CTA + eyebrow-label green (#0ac290), a down-toned mint introduced in the 2022 rebrand for trustworthiness; blue accent (#0170b9) appears in stat/data text; warm-grey ladder (#dfdfdf muted button, #ecebdc beige surface) is the documented sub-color. Pretendard for web body/UI; '런드리고딕체' is the brand's proprietary display typeface.","colors":{"primary":"#0ac290","blue-accent":"#0170b9","ink":"#000000","ink-soft":"#3a3a3a","body":"#4b4b4b","muted":"#60646a","muted-alt":"#888c8e","faint":"#b5bcc0","canvas":"#ffffff","surface":"#f8f9fa","beige":"#ecebdc","hairline":"#dfdfdf","near-black":"#181b1e","on-primary":"#ffffff"},"typography":{"family":{"display":"런드리고딕체","body":"Pretendard"},"display-hero":{"size":62,"weight":600,"lineHeight":1,"use":"Dark-hero headline, Pretendard SemiBold"},"section":{"size":45,"weight":600,"lineHeight":1.44,"use":"Section titles, Pretendard SemiBold"},"subsection":{"size":35,"weight":700,"lineHeight":1,"use":"Sub-headline / statement, Pretendard Bold"},"eyebrow":{"size":18,"weight":700,"lineHeight":1,"use":"Green section eyebrow label (Vision, Growth, Quality)"},"card-title":{"size":24,"weight":600,"lineHeight":1.67,"use":"Service/card titles"},"nav":{"size":17,"weight":500,"lineHeight":1.4,"use":"Top-level nav item"},"nav-sub":{"size":14,"weight":400,"lineHeight":1.5,"use":"Sub-nav / footer link"},"body":{"size":16,"weight":400,"lineHeight":1.4,"use":"Standard reading text, Pretendard"},"button":{"size":17,"weight":700,"lineHeight":1.4,"use":"Primary CTA label"}},"spacing":{"xs":4,"sm":8,"md":15,"base":16,"lg":30,"xl":40,"xxl":72,"section":96},"rounded":{"sm":10,"md":14,"lg":20,"full":9999},"shadow":{"cta":"rgba(0,0,0,0.15) 0px 14px 29px 0px"},"components":{"button-primary":{"type":"button","bg":"#0ac290","fg":"#ffffff","radius":"10px","padding":"0 40px","font":"17px / 700 Pretendard","height":"52px","use":"Primary CTA (채용공고 보러가기, 문의하기)"},"button-emphasis":{"type":"button","bg":"#0ac290","fg":"#ffffff","radius":"14px","font":"24px / 700 Pretendard","height":"76px","shadow":"rgba(0,0,0,0.15) 0px 14px 29px 0px","use":"Large emphasis CTA (B2B·대량세탁 문의, 상담 문의하기)"},"button-muted":{"type":"button","bg":"#dfdfdf","fg":"#60646a","radius":"10px","padding":"15px 30px","font":"17px / 500 Pretendard","height":"52px","use":"Secondary / neutral action (웹사이트)"},"nav-link":{"type":"tab","fg":"#000000","font":"17px / 500 Pretendard","use":"Top nav item","active":"green #0ac290 text on active"},"eyebrow-badge":{"type":"badge","fg":"#0ac290","font":"18px / 700 Pretendard","use":"Green section eyebrow label above section heads"},"service-card":{"type":"card","bg":"#ffffff","fg":"#000000","radius":"20px","use":"Service summary card (런드리고 / 런드리24 / 호텔&비즈니스)"},"stat-block":{"type":"listItem","fg":"#ffffff","font":"23px / 700 Pretendard","use":"Growth metric block on dark band (회원 수, 누적 세탁량)"}},"components_harvested":true} },
|
|
158
|
-
{ id: "layerx", name: "LayerX", displayName: "LayerX", country: "JP", category: "fintech", homepage: "https://layerx.co.jp", primaryColor: "#534DFF", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=layerx.co.jp&sz=128" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","components_harvested":true,"colors":{"primary":"#534dff","primary-hover":"#403ae6","primary-tint":"#eeedff","canvas":"#ffffff","ink":"#152632","sky":"#8dbbff","gradient-end":"#7b6cff","error":"#e5484d","success":"#1fa971","warning":"#f5a623","info":"#3e63dd","grey-50":"#f7f8fa","grey-100":"#f0f2f5","grey-200":"#e3e6eb","grey-300":"#cbd1d9","grey-400":"#9aa4b2","grey-500":"#6b7585","grey-600":"#4a5360","grey-700":"#333b45","grey-800":"#1f2832","on-primary":"#ffffff"},"typography":{"family":{"sans":"Inter","mono":"SF Mono"},"display-hero":{"size":48,"weight":700,"lineHeight":1.25,"tracking":-0.02,"use":"Landing hero headline"},"display":{"size":36,"weight":700,"lineHeight":1.33,"tracking":-0.02,"use":"Section headers"},"heading-1":{"size":28,"weight":700,"lineHeight":1.43,"tracking":-0.01,"use":"Feature titles"},"heading-2":{"size":22,"weight":700,"lineHeight":1.45,"tracking":-0.01,"use":"Card/block headings"},"heading-3":{"size":18,"weight":600,"lineHeight":1.56,"use":"Sub-sections"},"subtitle":{"size":16,"weight":600,"lineHeight":1.63,"use":"List headers, labels"},"body-large":{"size":16,"weight":400,"lineHeight":1.75,"use":"Lead paragraphs"},"body":{"size":15,"weight":400,"lineHeight":1.73,"use":"Standard reading text"},"body-small":{"size":14,"weight":400,"lineHeight":1.57,"use":"Secondary text"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"tracking":0.01,"use":"Timestamps, fine print"},"amount":{"size":24,"weight":600,"use":"Invoice & financial figures, tabular nums"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":96},"rounded":{"sm":6,"md":8,"lg":16,"full":9999},"shadow":{"subtle":"0 1px 3px rgba(21,38,50,0.06)","standard":"0 4px 16px rgba(21,38,50,0.10)","elevated":"0 8px 24px rgba(21,38,50,0.12)","modal":"0 16px 48px rgba(21,38,50,0.20)"},"components":{"button-primary":{"type":"button","bg":"#534dff","fg":"#ffffff","radius":8,"padding":"0 24px","font":"15px/600","use":"Primary CTA, 44px height"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#534dff","radius":8,"padding":"0 24px","font":"15px/600","use":"Secondary paired action, 1px indigo border"},"button-ghost":{"type":"button","bg":"transparent","fg":"#333b45","radius":8,"padding":"0 16px","font":"15px/600","use":"Low-emphasis nav actions"},"button-danger":{"type":"button","bg":"#e5484d","fg":"#ffffff","radius":8,"padding":"0 24px","font":"15px/600","use":"Destructive confirmation"},"input-default":{"type":"input","bg":"#ffffff","fg":"#1f2832","radius":8,"padding":"11px 14px","font":"15px/400","use":"Standard form field"},"input-select":{"type":"input","bg":"#ffffff","radius":8,"padding":"11px 14px","use":"Single choice from list"},"card-standard":{"type":"card","bg":"#ffffff","radius":12,"padding":"24px","use":"Feature blocks, content panels"},"card-featured":{"type":"card","bg":"#ffffff","radius":16,"padding":"32px","use":"Hero/marketing cards, pricing highlight"},"card-compact":{"type":"card","bg":"#ffffff","radius":8,"padding":"16px","use":"List rows, dense cards"},"badge-brand":{"type":"badge","bg":"#534dff","fg":"#ffffff","radius":6,"padding":"2px 8px","font":"12px/600","use":"Primary emphasis NEW"},"badge-soft-brand":{"type":"badge","bg":"#eeedff","fg":"#403ae6","radius":6,"padding":"2px 8px","font":"12px/600","use":"Subtle category/status tag"},"badge-success":{"type":"badge","fg":"#1fa971","radius":6,"padding":"2px 8px","font":"12px/600","use":"Approved/completed"},"tab-underline":{"type":"tab","bg":"transparent","fg":"#6b7585","padding":"12px 16px","font":"15px/600","active":"#534dff text + 2px bottom border #534dff","use":"Section navigation"},"tab-segmented":{"type":"tab","bg":"#f0f2f5","fg":"#6b7585","radius":8,"padding":"8px 16px","font":"14px/600","active":"#ffffff bg + #152632 text","use":"View switching"},"toast-default":{"type":"toast","bg":"#152632","fg":"#ffffff","radius":8,"padding":"12px 16px","font":"14px/500","use":"Transient auto-dismiss notification"},"dialog-modal":{"type":"dialog","bg":"#ffffff","fg":"#152632","radius":16,"padding":"32px","use":"Confirmation, forms, detail overlays"},"dialog-drawer":{"type":"dialog","bg":"#ffffff","radius":0,"padding":"24px","use":"Side panel, detail view, filters"},"toggle-default":{"type":"toggle","bg":"#534dff","radius":9999,"use":"Boolean settings, feature flags (off #cbd1d9)"}}} },
|
|
159
|
-
{ id: "lezhin", name: "Lezhin Comics", displayName: "Lezhin Comics", country: "KR", category: "consumer-tech", homepage: "https://www.lezhin.com", primaryColor: "#eb0014", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=lezhin.com&sz=256" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","components_harvested":true,"colors":{"primary":"#eb0014","primary-hover":"#ff5254","primary-dark":"#c40017","ink":"#111115","deep-dark":"#09090b","charcoal":"#222225","text-soft":"#36363a","text-subtle":"#6f6f77","text-muted":"#a1a1a9","border-muted":"#e9e9ec","surface-muted":"#f4f4f5","canvas":"#ffffff","on-primary":"#ffffff"},"typography":{"family":{"sans":"Pretendard Variable","mono":"Pretendard Variable"},"section-header":{"size":24,"weight":700,"lineHeight":1.35,"tracking":-0.36,"use":"Section headers"},"title":{"size":18,"weight":700,"lineHeight":1.4,"use":"Smaller section headers"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Body default"},"label":{"size":14,"weight":600,"lineHeight":1.4,"use":"Label / UI text, button labels"},"label-medium":{"size":14,"weight":500,"lineHeight":1.4,"use":"Medium UI text"},"caption":{"size":13,"weight":400,"lineHeight":1.4,"use":"Caption / metadata"},"caption-small":{"size":12,"weight":400,"lineHeight":1.4,"use":"Smallest metadata"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32,"section":56},"rounded":{"sm":4,"md":8,"lg":12,"full":9999},"shadow":{"subtle":"0 0 0 rgba(17,17,21,0.06)","soft":"0 2px 12px 0 rgba(17,17,21,0.08)","medium":"0 0 0 rgba(17,17,21,0.25)","strong":"0 0 0 rgba(17,17,21,0.30)"},"components":{"button-primary":{"type":"button","bg":"#eb0014","fg":"#ffffff","radius":4,"padding":"0 12px","font":"14px/600","use":"Primary CTA, 48px height"},"button-primary-large":{"type":"button","bg":"#eb0014","fg":"#ffffff","radius":4,"padding":"0 16px","font":"16px/600","use":"Large primary CTA, 56px height"},"button-secondary":{"type":"button","bg":"#222225","fg":"#ffffff","radius":4,"padding":"0 12px","font":"14px/600","use":"Secondary, 48px height"},"button-tertiary":{"type":"button","bg":"#f4f4f5","fg":"#36363a","radius":4,"padding":"0 12px","font":"14px/600","use":"Tertiary, 48px height"},"button-outlined":{"type":"button","bg":"transparent","fg":"#36363a","radius":4,"padding":"0 20px","font":"14px/600","use":"Outlined, 1px #a1a1a9 border, 40px height"},"card-thumbnail":{"type":"card","bg":"#f4f4f5","radius":4,"use":"Comic thumbnail card, 2/3 portrait aspect"},"card-circle":{"type":"card","radius":9999,"use":"Circle thumb card, tracked ring"},"badge-chip":{"type":"badge","bg":"transparent","fg":"#6f6f77","radius":9999,"padding":"0 12px","use":"Default genre/tag chip, 1px #e9e9ec border, 32px height"},"badge-chip-selected":{"type":"badge","fg":"#c40017","radius":9999,"use":"Selected chip"},"tab-default":{"type":"tab","fg":"#111115","radius":4,"padding":"0 12px","use":"Default tab, 36px height"},"tab-selected":{"type":"tab","fg":"#ffffff","radius":4,"use":"Selected tab"},"dialog-dropdown":{"type":"dialog","bg":"#ffffff","radius":4,"padding":"12px 0","use":"Dropdown/select container, 1px #f4f4f5 border"}}} },
|
|
160
|
-
{ id: "line", name: "LINE", displayName: "LINE", country: "JP", category: "consumer-tech", homepage: "https://line.me", primaryColor: "#06c755", logo: { type: "simpleicons", slug: "line" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","components_harvested":true,"colors":{"primary":"#07b53b","primary-hover":"#069030","canvas":"#ffffff","ink":"#1e1e1e","body":"#000000","swiper-blue":"#007aff","on-primary":"#ffffff"},"typography":{"family":{"sans":"SFPro","mono":"SFPro"},"hero":{"size":70,"weight":700,"use":"Hero headline, Life on LINE"},"service":{"size":40,"weight":700,"use":"Service names, section heads"},"title":{"size":20,"weight":700,"use":"Page title H1"},"body":{"size":20,"weight":400,"lineHeight":1.5,"use":"Body default, editorial scale"},"button":{"size":16,"weight":700,"lineHeight":1,"use":"Button / pill / nav labels"},"caption":{"size":14,"weight":400,"use":"Card descriptions, supporting copy"},"badge":{"size":12,"weight":700,"use":"Pill badge label"}},"spacing":{"xs":4,"sm":8,"md":15,"base":16,"lg":24,"xl":32,"xxl":48,"section":100},"rounded":{"sm":12,"md":12,"lg":12,"full":9999},"shadow":{"header":"0 1px 0 rgba(0,0,0,0.1)","card":"0 2px 8px rgba(0,0,0,0.04)","modal":"0 4px 24px rgba(0,0,0,0.15)"},"components":{"button-pill-active":{"type":"button","bg":"#07b53b","fg":"#ffffff","radius":9999,"padding":"8px 15px","font":"16px/700","use":"Active category pill, primary CTA"},"button-pill-inactive":{"type":"button","bg":"transparent","fg":"#1e1e1e","radius":9999,"padding":"8px 15px","font":"16px/700","use":"Unselected category pill"},"button-pill-pressed":{"type":"button","bg":"#069030","fg":"#ffffff","radius":9999,"padding":"8px 15px","use":"Hover/pressed primary pill"},"input-default":{"type":"input","bg":"#ffffff","fg":"#1e1e1e","radius":12,"padding":"12px 16px","font":"16px/400","use":"Form field, green focus border"},"card-service":{"type":"card","bg":"#ffffff","fg":"#1e1e1e","radius":12,"padding":"24px","use":"Service/feature card with icon + title"},"card-image":{"type":"card","bg":"#ffffff","radius":12,"use":"Image-dominant tile, STICKERS/WEBTOON"},"card-download":{"type":"card","bg":"#ffffff","radius":12,"padding":"12px","use":"App download tile, 56px touch target"},"badge-pill":{"type":"badge","bg":"#07b53b","fg":"#ffffff","radius":9999,"padding":"4px 10px","font":"12px/700","use":"Pill-style badge"}}}, ds: { name: "LINE Design System", url: "https://designsystem.line.me", type: "system", description: "LINE's shared design system for products across the LINE family.", ogImage: "https://designsystem.line.me/static/36a4ead41b7b972b1130287e849a14b1/73f08/SEO_IMG_1741574443.png" } },
|
|
161
|
-
{ id: "linear.app", name: "Linear", displayName: "Linear", country: "US", category: "productivity", homepage: "https://linear.app", primaryColor: "#5e6ad2", logo: { type: "simpleicons", slug: "linear" }, verified: "2026-05-15", tokens: {"source":"reconciled","extracted":"2026-06-08","components_harvested":true,"note":"freq×sat picked link color #828fff; CSS var --color-brand-bg=#5e6ad2 is the canonical primary. TIER 2 multi-route harvest (home/pricing/customers/now) 2026-06-09 — no public DS; app behind auth.","colors":{"primary":"#5e6ad2","accent":"#7170ff","accent-hover":"#828fff","background":"#0f1011","canvas":"#08090a","surface":"#191a1b","surface-2":"#28282c","foreground":"#f7f8f8","text-secondary":"#d0d6e0","muted":"#8a8f98","text-quaternary":"#62666d"},"typography":{"family":{"sans":"Inter","mono":"Berkeley Mono"},"display-xl":{"size":72,"weight":510,"lineHeight":1,"tracking":-1.584,"use":"Hero headlines, maximum impact"},"display-lg":{"size":64,"weight":510,"lineHeight":1,"tracking":-1.408,"use":"Secondary hero text"},"display":{"size":48,"weight":510,"lineHeight":1,"tracking":-1.056,"use":"Section headlines"},"heading-1":{"size":32,"weight":400,"lineHeight":1.13,"tracking":-0.704,"use":"Major section titles"},"heading-2":{"size":24,"weight":400,"lineHeight":1.33,"tracking":-0.288,"use":"Sub-section headings"},"heading-3":{"size":20,"weight":590,"lineHeight":1.33,"tracking":-0.24,"use":"Feature titles, card headers"},"body-lg":{"size":18,"weight":400,"lineHeight":1.6,"use":"Introduction text, feature descriptions"},"body":{"size":17,"weight":400,"lineHeight":1.6,"use":"Body, emphasized content"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32},"rounded":{"sm":4,"md":8,"lg":12,"full":9999},"shadow":{"subtle":"rgba(0,0,0,0.03) 0px 1.2px 0px","inset":"rgba(0,0,0,0.2) 0px 0px 12px 0px inset"},"components":{"primary-cta":{"type":"button","bg":"#e5e5e6","fg":"#08090a","border":"1px solid #e5e5e6","radius":"9999px","height":"32px","padding":"0 12px","font":"13px / 510","shadow":"layered drop stack rgba(0,0,0,0.08) 0px 0px 1px · rgba(0,0,0,0.07) 0px 1px 1px · rgba(0,0,0,0.04) 0px 3px 2px","use":"Highest-priority CTA on dark surfaces (Sign up / Open app); 44px hero variant at 16px/510, 0 20px"},"secondary-cta":{"type":"button","bg":"rgba(255,255,255,0.05)","fg":"#f7f8f8","radius":"9999px","height":"40px","padding":"0 14px","font":"13px / 510","shadow":"inset hairline + ring rgba(255,255,255,0.03) 0px 0px 0px 1px inset · rgba(0,0,0,0.6) 0px 0px 0px 1px · rgba(0,0,0,0.1) 0px 4px 4px","use":"Paired alternative beside the primary CTA (Contact sales next to Get started); 44px hero variant"},"brand-cta-lime":{"type":"button","bg":"#e4f222","fg":"#08090a","radius":"6px","padding":"24px 32px","font":"15px / 590","use":"High-emphasis marketing conversion banner (Build now) — Linear's loudest single accent; 8px live banner variant"},"brand-fill-button":{"type":"button","bg":"#5e6ad2","fg":"#ffffff","radius":"6px","height":"32px","padding":"0 16px","font":"14px / 510","hover":"#828fff","use":"Brand-accent fills; reserved indigo, surfaces on skip-link and in-product accents"},"ghost-button":{"type":"button","bg":"rgba(255,255,255,0.02)","fg":"#e2e4e7","border":"1px solid #24282c","radius":"6px","focus":"rgba(0,0,0,0.1) 0px 4px 12px","use":"Tertiary actions, low-emphasis secondary CTAs"},"nav-link":{"type":"tab","active":"text #f7f8f8 idle #8a8f98","radius":"9999px","height":"32px","padding":"0 12px","font":"13px / 400","use":"Top nav bar links (Product / Resources)"},"dropdown-popover":{"type":"dialog","bg":"#101112","border":"1px solid rgba(255,255,255,0.08)","radius":"12px","use":"Product / Resources navigation flyouts; nested submenu #161718, 8px radius, 1px solid rgba(255,255,255,0.05)"},"search-input":{"type":"input","bg":"#141516","fg":"#8a8f98","radius":"9999px","height":"40px","padding":"0 16px","font":"14px / 400","shadow":"inset+ring stack rgba(255,255,255,0.03) 0px 0px 0px 1px inset · rgba(0,0,0,0.1) 0px 4px 4px","use":"Changelog / docs search field; in-app triggers Cmd+K palette"},"filter-pill":{"type":"badge","bg":"transparent","fg":"#d0d6e0","border":"1px solid #23252a","radius":"9999px","height":"26px","padding":"0 10px 0 5px","font":"12px / 510","use":"Tags, filter chips, category labels (Performance, iOS)"},"pagination-button":{"type":"button","bg":"rgba(255,255,255,0.05)","fg":"#f7f8f8","radius":"9999px","height":"40px","padding":"0 16px","font":"15px / 510","shadow":"inset+ring stack (matches secondary CTA)","use":"Changelog Load more pagination"},"card":{"type":"card","bg":"rgba(255,255,255,0.02)","border":"1px solid rgba(255,255,255,0.08)","radius":"8px","shadow":"rgba(0,0,0,0.2) 0px 0px 0px 1px ring","hover":"subtle background-opacity increase","use":"Translucent surface (never solid); 12px featured, 22px large panels"},"default-card-refero":{"type":"card","bg":"#0f1011","radius":"6px","use":"Refero-captured in-product card surface"},"command-palette":{"type":"dialog","bg":"#191a1b","border":"1px solid rgba(255,255,255,0.08)","radius":"12px","shadow":"multi-layer Dialog stack rgba(0,0,0,0.08) 0px 0px 1px … rgba(0,0,0,0) 0px 8px 2px","use":"Cmd+K command palette, modals; backdrop rgba(0,0,0,0.85)"},"filter-pill-success":{"type":"badge","bg":"#10b981","fg":"#f7f8f8","radius":"50%","font":"10px / 510","use":"Status dots, completion indicators; 9999px chip variant"}}}, ds: { name: "Linear Brand", url: "https://linear.app/brand", type: "brand", description: "Linear's brand guidelines with wordmark, logomark, and color specifications.", ogImage: "https://linear.app/api/og/generic?title=Brand&v=3" } },
|
|
162
|
-
{ id: "loom", name: "Loom", displayName: "Loom", country: "US", category: "productivity", homepage: "https://www.loom.com", primaryColor: "#1868db", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=loom.com&sz=128" }, verified: "2026-06-08", added: "2026-06-08", tokens: {"source":"live-extract","extracted":"2026-06-08","components_harvested":true,"note":"primary = live Loom blue #1868db (pill CTA, white text); brand accents (coral #ff613d, purple #bf63f3, deep purple #48245d) appear in marketing illustration gradients","colors":{"primary":"#1868db","primary-hover":"#0052cc","brand":"#1868db","canvas":"#ffffff","surface-blue":"#e9f2fe","foreground":"#101214","body":"#292a2e","muted":"#7d818a","on-primary":"#ffffff","ink":"#101214","accent-coral":"#ff613d","accent-purple":"#bf63f3","accent-deep":"#48245d"},"typography":{"family":{"display":"Charlie Display","text":"Charlie Text"},"display-hero":{"size":63,"weight":700,"lineHeight":1.03,"tracking":0,"use":"Hero headline, bold confident statement"},"display-lg":{"size":44,"weight":700,"lineHeight":1.14,"tracking":0,"use":"Section headlines"},"heading":{"size":33,"weight":700,"lineHeight":1.27,"tracking":0,"use":"Sub-section / card headings"},"lead":{"size":27,"weight":400,"lineHeight":1.52,"use":"Lead paragraph, intro copy"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text, nav links"},"button":{"size":16,"weight":700,"lineHeight":1,"use":"Primary button label"},"button-light":{"size":16,"weight":400,"lineHeight":1,"use":"Header CTA label"}},"spacing":{"xs":4,"sm":8,"md":16,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":8,"md":16,"lg":24,"full":9999},"shadow":{"soft":"rgba(0,0,0,0.03) 0px 4px 6.4px 0px","standard":"rgba(0,0,0,0.05) 0px 3px 9.6px 0px"},"components":{"button-primary":{"type":"button","bg":"#1868db","fg":"#ffffff","radius":"9999px","padding":"16px 23px","height":"58px","font":"16px / 700","hover":"bg #0052cc","use":"Primary CTA (Get Loom for free, Download now, Learn more)"},"button-light":{"type":"button","bg":"#e9f2fe","fg":"#101214","radius":"9999px","padding":"16px 23px","height":"58px","font":"16px / 700","use":"Secondary actions (Contact Sales, Install Chrome Extension, See all use cases)"},"button-dark":{"type":"button","bg":"#101214","fg":"#ffffff","radius":"9999px","padding":"16px 23px","height":"58px","font":"16px / 700","use":"Alternate emphasis CTA (Learn more, Explore our blog)"},"icon-button":{"type":"button","bg":"#ffffff","fg":"#292a2e","radius":"9999px","height":"56px","shadow":"rgba(0,0,0,0.03) 0px 4px 6.4px 0px, rgba(0,0,0,0.05) 0px 3px 9.6px 0px","use":"Testimonial carousel previous/next controls"},"footer":{"type":"card","bg":"#e9f2fe","fg":"#292a2e","use":"Footer background, links hover toward #1868db"}}} },
|
|
163
|
-
{ id: "lovable", name: "Lovable", displayName: "Lovable", country: "US", category: "developer-tools", homepage: "https://lovable.dev", primaryColor: "#ff6f61", logo: { type: "favicon", slug: "https://lovable.dev/favicon-192x192.png" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","components_harvested":true,"colors":{"primary":"#ff6f61","cream":"#f7f4ed","charcoal":"#1c1c1c","off-white":"#fcfbf8","muted":"#5f5f5d","border":"#eceae4","ring":"#3b82f6","on-primary":"#fcfbf8"},"typography":{"family":{"sans":"Camera Plain Variable","mono":"ui-monospace"},"display-hero":{"size":60,"weight":600,"lineHeight":1.1,"tracking":-1.5,"use":"Maximum impact, editorial"},"display-alt":{"size":60,"weight":480,"lineHeight":1,"use":"Lighter hero variant"},"section":{"size":48,"weight":600,"lineHeight":1,"tracking":-1.2,"use":"Feature section titles"},"subheading":{"size":36,"weight":600,"lineHeight":1.1,"tracking":-0.9,"use":"Sub-sections"},"card-title":{"size":20,"weight":400,"lineHeight":1.25,"use":"Card headings"},"body-large":{"size":18,"weight":400,"lineHeight":1.38,"use":"Introductions"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text"},"button":{"size":16,"weight":400,"lineHeight":1.5,"use":"Button labels"},"button-small":{"size":14,"weight":400,"lineHeight":1.5,"use":"Compact buttons"},"caption":{"size":14,"weight":400,"lineHeight":1.5,"use":"Metadata, small text"}},"spacing":{"xs":8,"sm":10,"md":12,"base":16,"lg":24,"xl":32,"xxl":56,"section":80},"rounded":{"sm":4,"md":6,"lg":16,"full":9999},"shadow":{"inset":"rgba(255,255,255,0.2) 0px 0.5px 0px 0px inset, rgba(0,0,0,0.2) 0px 0px 0px 0.5px inset, rgba(0,0,0,0.05) 0px 1px 2px 0px","focus":"rgba(0,0,0,0.1) 0px 4px 12px"},"components":{"button-primary":{"type":"button","bg":"#1c1c1c","fg":"#fcfbf8","radius":6,"padding":"8px 16px","use":"Primary CTA with inset shadow"},"button-ghost":{"type":"button","bg":"transparent","fg":"#1c1c1c","radius":6,"padding":"8px 16px","use":"Secondary actions, 1px interactive border"},"button-cream":{"type":"button","bg":"#f7f4ed","fg":"#1c1c1c","radius":6,"padding":"8px 16px","use":"Tertiary/toolbar actions"},"button-pill":{"type":"button","bg":"#f7f4ed","fg":"#1c1c1c","radius":9999,"use":"Icon button, plan mode toggle, voice record"},"card-standard":{"type":"card","bg":"#f7f4ed","radius":12,"use":"Standard card, 1px border, no shadow"},"input-default":{"type":"input","bg":"#f7f4ed","fg":"#1c1c1c","radius":6,"use":"Form field, 1px border, ring-blue focus"},"badge-pill":{"type":"badge","bg":"#f7f4ed","fg":"#1c1c1c","radius":9999,"use":"Suggestion pill with eceae4 border"}}} },
|
|
164
|
-
{ id: "lunit", name: "Lunit", displayName: "Lunit", country: "KR", category: "healthcare", homepage: "https://www.lunit.io", primaryColor: "#1032cf", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=lunit.io&sz=256" }, verified: "2026-05-14", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"hero-ink":"#151515","body-ink":"#232f32","signature-blue":"#1032cf","bright-blue":"#2a4eef","canvas":"#ffffff","dark":"#000000","footer":"#eff0f4","on-dark":"#ffffff"},"typography":{"family":{"sans":"Lexend","mono":"Lexend"},"hero":{"size":78,"weight":400,"lineHeight":1.08,"use":"Hero H1, ClashGrotesk"},"section":{"size":52,"weight":400,"lineHeight":1.1,"use":"Section H2, ClashGrotesk"},"body-lg":{"size":20,"weight":300,"lineHeight":1.4,"use":"Lead body, Lexend"},"body":{"size":18,"weight":300,"lineHeight":1.4,"use":"Standard body, Lexend"},"body-sm":{"size":15,"weight":400,"use":"Small body, Lexend"},"nav":{"size":13,"weight":400,"use":"Uppercase nav, tracked, Lexend"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":4,"lg":4,"full":9999},"shadow":{"none":"none"},"components":{"cta-pill":{"type":"button","bg":"#000000","fg":"#ffffff","radius":9999,"use":"Primary marketing CTA Contact Us, the single pill"},"surface":{"type":"card","bg":"#ffffff","fg":"#232f32","radius":0,"use":"Square-cornered section/card/image surface"},"blue-band":{"type":"badge","bg":"#1032cf","fg":"#ffffff","radius":0,"use":"Signature blue system-affordance band"}},"components_harvested":true} },
|
|
165
|
-
{ id: "mastercard", name: "Mastercard", displayName: "Mastercard", country: "US", category: "fintech", homepage: "https://www.mastercard.com", primaryColor: "#EB001B", logo: { type: "simpleicons", slug: "mastercard" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#141413","primary-hover":"#333333","brand":"#EB001B","brand-hover":"#C8001A","accent-yellow":"#F79E1B","accent-orange":"#FF5F00","canvas":"#FFFFFF","surface":"#F7F7F7","foreground":"#141413","body":"#5A5A5A","muted":"#767676","placeholder":"#999999","hairline":"#E0E0E0","border-strong":"#CCCCCC","on-primary":"#FFFFFF","success":"#008A00","error":"#EB001B","info":"#1A73E8"},"typography":{"family":{"sans":"Mark","mono":"SF Mono"},"display-hero":{"size":56,"weight":700,"lineHeight":1.14,"tracking":-0.02,"use":"Marketing hero headlines"},"display-large":{"size":40,"weight":700,"lineHeight":1.2,"tracking":-0.01,"use":"Page titles, key statements"},"heading-1":{"size":32,"weight":700,"lineHeight":1.25,"tracking":-0.01,"use":"Section headers"},"heading-2":{"size":24,"weight":600,"lineHeight":1.33,"use":"Sub-sections, card headers"},"heading-3":{"size":20,"weight":600,"lineHeight":1.4,"use":"Feature titles, list headers"},"subtitle":{"size":18,"weight":500,"lineHeight":1.44,"use":"Lead paragraphs, intros"},"body-large":{"size":16,"weight":400,"lineHeight":1.63,"use":"Primary reading text"},"body":{"size":14,"weight":400,"lineHeight":1.57,"use":"Standard UI text"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"tracking":0.01,"use":"Legal, fine print, metadata"},"button":{"size":16,"weight":600,"lineHeight":1,"tracking":0.01,"use":"CTA labels"},"eyebrow":{"size":12,"weight":700,"lineHeight":1.33,"tracking":0.08,"use":"UPPERCASE section kickers"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64,"hero":96},"rounded":{"sm":4,"md":8,"lg":16,"full":9999},"shadow":{"subtle":"0 1px 3px rgba(0,0,0,0.08)","raised":"0 2px 8px rgba(0,0,0,0.08)","elevated":"0 4px 16px rgba(0,0,0,0.10)","overlay":"0 16px 48px rgba(0,0,0,0.20)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#141413","fg":"#FFFFFF","radius":"24px","height":"48px","padding":"0 28px","font":"16px / 600","hover":"#333333","active":"#000000","disabled":"#CCCCCC bg, #767676 text","use":"Primary CTA across most surfaces"},"button-red":{"type":"button","bg":"#EB001B","fg":"#FFFFFF","radius":"24px","height":"48px","padding":"0 28px","font":"16px / 600","hover":"#C8001A","active":"#A30016","use":"High-emphasis brand-forward CTA, hero action"},"button-secondary":{"type":"button","bg":"transparent","fg":"#141413","border":"1.5px solid #141413","radius":"24px","height":"48px","padding":"0 28px","font":"16px / 600","hover":"#F7F7F7 bg","use":"Secondary action paired with primary"},"button-tertiary":{"type":"button","bg":"none","fg":"#EB001B","font":"16px / 600","hover":"underline + #C8001A","use":"Inline navigation, Read more, low-emphasis"},"input":{"type":"input","bg":"#FFFFFF","fg":"#141413","border":"1px solid #CCCCCC","radius":"8px","padding":"14px 16px","font":"16px / 400","focus":"2px #141413 border + outer ring","use":"Standard form input"},"input-error":{"type":"input","border":"2px solid #EB001B","font":"12px / 400 #EB001B helper","use":"Validation failure"},"search":{"type":"input","bg":"#F7F7F7","border":"1px solid transparent","radius":"9999px","focus":"#CCCCCC border","use":"Global site/product search, leading magnifier"},"card":{"type":"card","bg":"#FFFFFF","border":"1px solid #E0E0E0","radius":"12px","padding":"24px","shadow":"0 1px 3px rgba(0,0,0,0.08)","use":"Content modules, feature tiles"},"card-elevated":{"type":"card","bg":"#FFFFFF","radius":"16px","padding":"32px","shadow":"0 4px 16px rgba(0,0,0,0.10)","use":"Promotional / hero cards"},"card-stat":{"type":"card","bg":"#F7F7F7","radius":"12px","padding":"24px","use":"Metrics, data highlights — number 40px / 700, brand-gradient top bar"},"badge-brand":{"type":"badge","bg":"#EB001B","fg":"#FFFFFF","radius":"4px","padding":"4px 8px","font":"12px / 700","use":"NEW, FEATURED uppercase 0.04em"},"badge-neutral":{"type":"badge","bg":"#F0F0F0","fg":"#333333","radius":"9999px","padding":"4px 12px","font":"13px / 500","use":"Category, filter chips"},"badge-success":{"type":"badge","bg":"rgba(0,138,0,0.12)","fg":"#008A00","radius":"4px","font":"12px / 700","use":"Approved, Completed"},"tab":{"type":"tab","fg":"#5A5A5A","font":"16px / 500","active":"#141413 16px / 600, 3px bottom border #EB001B","use":"Section navigation within a page"},"alert":{"type":"toast","bg":"#F7F7F7","border":"4px left semantic color","radius":"8px","padding":"16px","font":"14px / 400 #333333","use":"Form-level and page-level messaging"},"dialog":{"type":"dialog","bg":"#FFFFFF","radius":"16px","padding":"32px","shadow":"0 16px 48px rgba(0,0,0,0.20)","use":"Confirmations, focused tasks; backdrop rgba(20,20,19,0.6)"},"toggle":{"type":"toggle","bg":"#CCCCCC track off, #141413 track on","radius":"9999px","use":"Settings, preferences; thumb #FFFFFF 20px"}}} },
|
|
166
|
-
{ id: "meituan", name: "Meituan", displayName: "Meituan", country: "CN", category: "local-services", homepage: "https://www.meituan.com", primaryColor: "#FFC300", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=meituan.com&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"brand":"#ffc300","brand-alt":"#ffd100","brand-pressed":"#f5b800","brand-tint":"#fff8e0","on-brand":"#222222","price":"#ff4b10","price-alt":"#ff5722","coupon":"#ff2d55","rating-gold":"#ffb000","page-ground":"#f5f5f5","card":"#ffffff","text-secondary":"#888888","text-hint":"#bbbbbb","border":"#eeeeee","divider":"#f2f2f2","success":"#52c41a","error":"#ff4d4f","warning":"#faad14"},"typography":{"family":{"sans":"PingFang SC","mono":"PingFang SC"},"header":{"size":18,"weight":600,"use":"Section/page titles, merchant detail name"},"merchant":{"size":16,"weight":500,"use":"Merchant name on card, one-line ellipsized"},"price":{"size":18,"weight":700,"use":"Price, the loud number"},"body":{"size":14,"weight":400,"use":"Body, category, deal description"},"meta":{"size":13,"weight":400,"use":"Distance, delivery time, rating count"},"badge":{"size":11,"weight":500,"use":"Deal tags, coupon chips"}},"spacing":{"xs":2,"sm":6,"md":8,"base":10,"lg":16,"xl":20,"xxl":32,"section":48},"rounded":{"sm":4,"md":8,"lg":20,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#ffc300","fg":"#222222","radius":8,"padding":"10px 20px","font":"15px/500","use":"Primary CTA Order/Pay, dark text on yellow"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#222222","radius":8,"padding":"10px 20px","font":"15px/500","use":"Ghost/outline secondary action"},"coupon-chip":{"type":"badge","bg":"#fff8e0","fg":"#ff4b10","radius":4,"padding":"2px 8px","font":"12px/500","use":"Discount/coupon flag"},"search-input":{"type":"input","bg":"#ffffff","fg":"#222222","radius":20,"padding":"8px 16px","font":"14px/400","use":"Top pill search bar"},"merchant-card":{"type":"card","bg":"#ffffff","radius":8,"padding":"10px","use":"Merchant feed card unit"},"deal-tag":{"type":"badge","bg":"#ff4b10","fg":"#ffffff","radius":4,"padding":"2px 6px","font":"11px/500","use":"Deal/activity flag"}},"components_harvested":true} },
|
|
167
|
-
{ id: "melon", name: "Melon", displayName: "Melon", country: "KR", category: "entertainment", homepage: "https://www.melon.com", primaryColor: "#00CD3C", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=melon.com&sz=128" }, verified: "2026-06-01", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"signature-green":"#00cd3c","green-dark":"#00b523","green-login":"#00d344","text-primary":"#1a1a1a","text-body":"#666666","text-muted":"#999999","red-accent":"#df2607","canvas":"#ffffff"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"heading":{"size":14,"weight":400,"use":"Headings/primary text, near-black #1a1a1a"},"control":{"size":13,"weight":400,"use":"Interactive controls and inputs"},"body":{"size":12,"weight":400,"use":"Dense list rows and metadata, muted gray"}},"spacing":{"xs":2,"sm":4,"md":8,"base":12,"lg":16,"xl":24,"xxl":32,"section":48},"rounded":{"sm":0,"md":0,"lg":0,"full":9999},"shadow":{"none":"none"},"components":{"login-button":{"type":"button","bg":"#00d344","fg":"#ffffff","radius":0,"font":"14px/400","use":"Primary login, sharp-cornered green"},"search-input":{"type":"input","bg":"#ffffff","fg":"#999999","radius":0,"font":"13px/400","use":"Search field, light-gray text"},"list-row":{"type":"listItem","bg":"#ffffff","fg":"#666666","radius":0,"font":"12px/400","use":"Dense chart/list row text"}},"components_harvested":true} },
|
|
168
|
-
{ id: "mercari", name: "Mercari", displayName: "Mercari", country: "JP", category: "consumer-tech", homepage: "https://www.mercari.com", primaryColor: "#ff0211", logo: { type: "github", slug: "mercari" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"brand-red":"#ff333f","red-highlight":"#ff6574","red-active":"#e32b36","red-thin":"#fdf1f3","accent-blue":"#0095ee","link":"#0073cc","success":"#0aa466","success-thin":"#e4ffec","decorative-yellow":"#ffb818","text-primary":"#333333","text-secondary":"#666666","text-disabled":"#cccccc","placeholder":"#999999","canvas":"#ffffff","surface-secondary":"#f5f5f5","surface-dark":"#333333","border":"#cccccc","on-dark":"#ffffff"},"typography":{"family":{"sans":"Helvetica Neue","mono":"Helvetica Neue"},"heading":{"size":20,"weight":700,"lineHeight":1.4,"use":"H1/H2 headlines"},"cta":{"size":15,"weight":700,"lineHeight":1.4,"use":"Primary CTAs, prices, badges"},"body":{"size":15,"weight":400,"lineHeight":1.4,"use":"Default body, nav links, secondary CTAs"}},"spacing":{"xs":4,"sm":6,"md":8,"base":12,"lg":16,"xl":20,"xxl":28,"section":64},"rounded":{"sm":4,"md":4,"lg":8,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#ff333f","fg":"#ffffff","radius":4,"padding":"11px 15px","font":"15px/700","use":"Primary attention CTA"},"button-accent":{"type":"button","bg":"#ffffff","fg":"#0095ee","radius":4,"padding":"8px 12px","font":"15px/700","use":"Accent CTA Shop Now"},"button-neutral":{"type":"button","bg":"#ffffff","fg":"#333333","radius":4,"padding":"8px","font":"15px/400","use":"Login/Signup secondary"},"search-input":{"type":"input","bg":"#f5f5f5","fg":"#999999","radius":4,"use":"Full-width top search bar"},"product-card":{"type":"card","bg":"#ffffff","radius":4,"use":"Product/brand card, image-led"},"tab":{"type":"tab","bg":"#ffffff","fg":"#333333","active":"#ff333f text with 2px red underline","use":"Underline-driven section tabs"},"snackbar":{"type":"toast","bg":"#333333","fg":"#ffffff","use":"Dark snackbar/toast"},"modal":{"type":"dialog","bg":"#ffffff","radius":8,"use":"Centered modal, strong scrim backdrop"}},"components_harvested":true} },
|
|
169
|
-
{ id: "mercury", name: "Mercury", displayName: "Mercury", country: "US", category: "fintech", homepage: "https://mercury.com", primaryColor: "#5266eb", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=mercury.com&sz=128" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#5266eb","primary-hover":"#4354c8","primary-active":"#3442a6","periwinkle":"#9cb4e8","mist":"#cdddff","canvas":"#171721","canvas-elevated":"#1e1e2a","canvas-light":"#fbfcfd","surface":"#ededf3","surface-secondary":"#f4f5f9","surface-hover":"#dddde5","ink-subdued":"#c3c3cc","ink-disabled":"#70707d","on-primary":"#ffffff","error":"#d03275","hairline":"#272735"},"typography":{"family":{"sans":"Arcadia","mono":"Arcadia Mono"},"display-hero":{"size":65,"weight":360,"lineHeight":1.05,"tracking":0.42,"use":"Marketing hero, Arcadia Display"},"display-lg":{"size":48,"weight":360,"lineHeight":1.1,"tracking":0.42,"use":"Section openers"},"heading-lg":{"size":28,"weight":480,"lineHeight":1.25,"use":"Feature titles, modal headers"},"heading":{"size":22,"weight":480,"lineHeight":1.3,"use":"Card headings, sub-sections"},"subtitle":{"size":18,"weight":420,"lineHeight":1.4,"use":"List headers, nav titles"},"body-lg":{"size":17,"weight":400,"lineHeight":1.625,"use":"Lead paragraphs"},"body":{"size":15,"weight":400,"lineHeight":1.625,"use":"Standard reading text"},"body-sm":{"size":13,"weight":400,"lineHeight":1.5,"use":"Secondary info, dense tables"},"caption":{"size":12,"weight":420,"lineHeight":1.4,"use":"Metadata, timestamps, labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":18,"xl":24,"xxl":28,"section":48},"rounded":{"sm":4,"md":4,"lg":12,"full":9999},"shadow":{"card":"0px 1px 2px rgba(23,23,33,0.06)","elevated":"0px 8px 32px rgba(0,0,0,0.4)","dialog":"0px 16px 48px rgba(23,23,33,0.24)"},"components":{"button-primary":{"type":"button","bg":"#5266eb","fg":"#ffffff","radius":4,"padding":"10px 18px","font":"15px/480","use":"Single primary action Open Account"},"button-secondary":{"type":"button","bg":"#ededf3","fg":"#1e1e2a","radius":4,"padding":"10px 18px","font":"15px/480","use":"Secondary action"},"button-ghost":{"type":"button","bg":"transparent","fg":"#5266eb","radius":4,"padding":"10px 14px","font":"15px/420","use":"Inline low-emphasis Learn more"},"email-pill":{"type":"button","bg":"#5266eb","fg":"#ffffff","radius":9999,"padding":"0 20px","font":"15px/480","use":"Signature hero email-capture pill"},"input":{"type":"input","bg":"#fbfcfd","fg":"#1e1e2a","radius":4,"padding":"10px 12px","font":"15px/400","use":"Standard dashboard field"},"badge-neutral":{"type":"badge","bg":"#f4f5f9","fg":"#70707d","radius":4,"padding":"2px 8px","font":"12px/480","use":"Category/status metadata"},"badge-accent":{"type":"badge","fg":"#5266eb","radius":4,"padding":"2px 8px","font":"12px/480","use":"Highlighted status New/Active"},"card":{"type":"card","bg":"#ffffff","radius":12,"padding":"24px","use":"Dashboard panels, balance cards"},"tab":{"type":"tab","bg":"transparent","fg":"#70707d","active":"2px bottom border #5266eb","font":"15px/480","use":"Dashboard section switching"},"toast":{"type":"toast","bg":"#1e1e2a","fg":"#ededf3","radius":12,"padding":"12px 16px","use":"Transient confirmation"},"dialog":{"type":"dialog","bg":"#ffffff","radius":12,"padding":"28px","use":"Confirmation/form modal"},"toggle":{"type":"toggle","bg":"#5266eb","radius":9999,"use":"Boolean settings, on=indigo off=#c3c3cc"}},"components_harvested":true} },
|
|
170
|
-
{ id: "meta", name: "Meta", displayName: "Meta", country: "US", category: "consumer-tech", homepage: "https://about.meta.com", primaryColor: "#0064E0", logo: { type: "simpleicons", slug: "meta" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#0064e0","primary-light":"#0082fb","primary-bright":"#0080fb","primary-pressed":"#0058c4","canvas":"#ffffff","ink":"#1c2b33","ink-800":"#2d3a42","gray-700":"#465a69","gray-600":"#65676b","gray-500":"#8a8d91","gray-400":"#bcc0c4","border":"#e4e6eb","border-strong":"#ced0d4","canvas-gray":"#f0f2f5","surface-tint":"#f7f8fa","success":"#42b72a","success-text":"#2e8b1e","error":"#fa383e","warning":"#f5a623"},"typography":{"family":{"sans":"Optimistic Text","mono":"SF Mono"},"display-hero":{"size":56,"weight":700,"lineHeight":1.07,"tracking":-0.02,"use":"Marketing hero, Optimistic Display"},"display-lg":{"size":40,"weight":700,"lineHeight":1.2,"tracking":-0.01,"use":"Section headers"},"display":{"size":32,"weight":600,"lineHeight":1.25,"tracking":-0.01,"use":"Feature titles"},"heading":{"size":24,"weight":600,"lineHeight":1.33,"use":"Card headings, modal titles"},"subtitle":{"size":20,"weight":600,"lineHeight":1.4,"use":"Sub-section, list headers"},"body-lg":{"size":17,"weight":400,"lineHeight":1.53,"use":"Lead paragraphs"},"body":{"size":15,"weight":400,"lineHeight":1.47,"use":"Standard reading text"},"body-sm":{"size":13,"weight":400,"lineHeight":1.38,"use":"Secondary info"},"caption":{"size":12,"weight":400,"lineHeight":1.33,"use":"Timestamps, fine print"},"button":{"size":15,"weight":600,"lineHeight":1.33,"use":"CTA labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":28,"xxl":32,"section":48},"rounded":{"sm":6,"md":8,"lg":16,"full":9999},"shadow":{"standard":"0 1px 2px rgba(28,43,51,0.10)","featured":"0 4px 16px rgba(28,43,51,0.12)","gradient":"0 8px 32px rgba(0,100,224,0.30)","dialog":"0 12px 28px rgba(28,43,51,0.20)"},"components":{"button-primary":{"type":"button","bg":"#0064e0","fg":"#ffffff","radius":8,"padding":"12px 20px","font":"15px/600","use":"Product-surface primary action"},"button-secondary":{"type":"button","bg":"#e4e6eb","fg":"#1c2b33","radius":8,"padding":"12px 20px","font":"15px/600","use":"Neutral secondary"},"button-outline":{"type":"button","bg":"transparent","fg":"#0064e0","radius":8,"padding":"12px 24px","font":"15px/600","use":"Tertiary CTA Sign up"},"input":{"type":"input","bg":"#ffffff","fg":"#1c2b33","radius":8,"padding":"12px 14px","font":"15px/400","use":"Standard form input"},"input-filled":{"type":"input","bg":"#f0f2f5","fg":"#1c2b33","radius":8,"padding":"12px 14px","font":"15px/400","use":"Search bars, dense forms"},"card":{"type":"card","bg":"#ffffff","radius":12,"padding":"16px","use":"Feed cards, content panels"},"badge-notif":{"type":"badge","bg":"#fa383e","fg":"#ffffff","radius":9999,"padding":"2px 6px","font":"12px/700","use":"Unread count red dot"},"badge-status":{"type":"badge","fg":"#0064e0","radius":9999,"padding":"4px 10px","font":"12px/600","use":"Soft informational label New"},"tab":{"type":"tab","bg":"transparent","fg":"#65676b","active":"3px bottom border #0064e0 with #0064e0 text","font":"15px/600","use":"In-page section nav"},"segmented":{"type":"tab","bg":"#f0f2f5","fg":"#65676b","radius":8,"padding":"8px 16px","active":"#ffffff bg with #1c2b33 text","font":"14px/600","use":"Mode switching"},"toast":{"type":"toast","bg":"#1c2b33","fg":"#ffffff","radius":8,"padding":"12px 16px","font":"14px/500","use":"Transient confirmation Link copied"},"dialog":{"type":"dialog","bg":"#ffffff","fg":"#1c2b33","radius":12,"padding":"24px","use":"Confirmations, composer dialogs"},"toggle":{"type":"toggle","bg":"#0064e0","radius":9999,"use":"Boolean settings, on=blue off=#bcc0c4"}},"components_harvested":true} },
|
|
171
|
-
{ id: "microsoft", name: "Microsoft", displayName: "Microsoft", country: "US", category: "consumer-tech", homepage: "https://www.microsoft.com", primaryColor: "#0078d4", logo: { type: "github", slug: "microsoft" }, verified: "2026-06-11", added: "2026-06-11", tokens: {"source":"reconciled","extracted":"2026-06-11","note":"primary = live microsoft.com CTA Communication Blue (#0078d4); legacy nav-era blue (#0067b8) persists on hero chips; Fluent 2 web brand-80 (#0f6cbd) is the DS-documented brand anchor.","colors":{"primary":"#0078d4","primary-legacy":"#0067b8","fluent-brand":"#0f6cbd","secondary":"#b3daf0","ink":"#0e1726","body":"#17253d","nav-ink":"#262626","muted":"#616161","on-dark":"#f4fafd","canvas":"#ffffff","card":"#fefefe","surface":"#f2f2f2","tint-blue":"#dceef8","chip-tint":"#e6effd","chip-ink":"#2a446f","accent-yellow":"#ffb900","on-primary":"#ffffff"},"typography":{"family":{"sans":"Segoe UI Variable Text","ds":"Segoe UI"},"display-hero":{"size":48,"weight":500,"lineHeight":1.17,"tracking":-0.48,"use":"Homepage hero H1/H2, medium weight"},"title":{"size":32,"weight":600,"lineHeight":1.25,"tracking":-0.48,"use":"Large section heads, support panel"},"section":{"size":20,"weight":600,"lineHeight":1.4,"tracking":-0.48,"use":"Card titles, product names"},"body":{"size":16,"weight":400,"lineHeight":1.5,"tracking":-0.48,"use":"Standard reading text"},"cta":{"size":15,"weight":600,"lineHeight":1.33,"use":"Button labels"},"nav":{"size":13,"weight":400,"use":"Global header nav links"},"footer":{"size":11,"weight":400,"use":"Footer legal links"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":16,"xl":24,"full":9999},"shadow":{"cta":"rgba(0,0,0,0.12) layered button shadow","card":"rgba(0,0,0,0.13) 0px 3px 7px 0px, rgba(0,0,0,0.11) 0px 1px 2px 0px"},"components":{"button-primary":{"type":"button","bg":"#0078d4","fg":"#ffffff","radius":"8px","padding":"8px 16px","height":"40px","font":"15px / 600 Segoe UI","use":"Primary CTA — Shop now, Learn more, Sign up now"},"button-secondary":{"type":"button","bg":"#b3daf0","fg":"#0e1726","radius":"8px","padding":"12px 17px","height":"48px","font":"15px / 600 Segoe UI","use":"Hero secondary CTA on photography"},"button-outline":{"type":"button","fg":"#f4fafd","border":"2px solid #b3daf0","radius":"8px","padding":"7px 12px","height":"40px","font":"15px / 600 Segoe UI","use":"Ghost action on dark/photo surfaces (No thanks)"},"chip-suggestion":{"type":"badge","bg":"#e6effd","fg":"#2a446f","border":"1px solid #2a446f","radius":"16px","height":"32px","padding":"4px 12px","font":"15px / 400 Segoe UI","use":"AI/search suggestion pill chips"},"card-product":{"type":"card","bg":"#fefefe","radius":"16px","use":"Product/feature card, near-white on white canvas"},"nav-link":{"type":"tab","fg":"#262626","font":"13px / 400 Segoe UI","active":"text #0067b8 underline on hover/active","use":"Global header navigation"}},"components_harvested":true}, ds: { name: "Fluent 2", url: "https://fluent2.microsoft.design", type: "system", description: "Microsoft's cross-platform design system — Segoe UI type ramp, brand color ramps, motion/curve tokens, and component guidance for web, Windows, iOS, and Android." } },
|
|
172
|
-
{ id: "millie", name: "Millie", displayName: "밀리의서재", country: "KR", category: "education", homepage: "https://www.millie.co.kr", primaryColor: "#1b6dda", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=millie.co.kr&sz=128" }, verified: "2026-05-27", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#1b6dda","primary-hover":"#1860c2","primary-pressed":"#1554ad","primary-tint":"#f2f6fd","canvas":"#ffffff","ink":"#242424","purple":"#a451f7","coral":"#ff5b4f","yellow":"#ffc004","system-blue":"#007aff","gray-800":"#333333","gray-700":"#555555","gray-600":"#6f6f6f","gray-500":"#8b8b8b","gray-400":"#c1c1c1","border":"#ececec","surface":"#f2f2f2","surface-tint":"#f7f7f7"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"display":{"size":28,"weight":700,"lineHeight":1.36,"tracking":-0.4,"use":"Editorial banner / original-content title"},"heading-lg":{"size":22,"weight":700,"lineHeight":1.36,"tracking":-0.4,"use":"Feed section title"},"heading":{"size":18,"weight":700,"lineHeight":1.44,"tracking":-0.3,"use":"Sub-section header, shelf label"},"title":{"size":16,"weight":600,"lineHeight":1.5,"tracking":-0.3,"use":"Book detail title, modal header"},"body-lg":{"size":16,"weight":400,"lineHeight":1.5,"tracking":-0.2,"use":"Book description, reading text"},"body":{"size":14,"weight":400,"lineHeight":1.57,"tracking":-0.2,"use":"Default body, listing metadata"},"tab":{"size":14,"weight":600,"lineHeight":1.43,"tracking":-0.2,"use":"Category tab label"},"caption":{"size":13,"weight":400,"lineHeight":1.38,"tracking":-0.2,"use":"Author/publisher, review counts"},"micro":{"size":12,"weight":500,"lineHeight":1.33,"tracking":-0.2,"use":"Fine print, control labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32,"section":48},"rounded":{"sm":4,"md":8,"lg":12,"full":9999},"shadow":{"card":"0px 2px 8px rgba(0,0,0,0.08)"},"components":{"button-primary":{"type":"button","bg":"#1b6dda","fg":"#ffffff","radius":8,"padding":"14px 20px","font":"16px/700","use":"Primary subscription CTA"},"button-dark":{"type":"button","bg":"#333333","fg":"#ffffff","radius":4,"padding":"0px 12px","font":"12px/400","use":"Compact chrome action, login"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#1b6dda","radius":8,"padding":"14px 20px","font":"16px/600","use":"Secondary CTA"},"button-neutral":{"type":"button","bg":"#f2f2f2","fg":"#333333","radius":8,"padding":"12px 16px","font":"14px/500","use":"Tertiary action"},"input":{"type":"input","bg":"#ffffff","fg":"#242424","radius":8,"padding":"12px 14px","font":"14px/400","use":"Default text input"},"search":{"type":"input","bg":"#f2f2f2","fg":"#242424","radius":8,"padding":"12px 16px","font":"14px/400","use":"Header/discovery search bar"},"book-tile":{"type":"card","bg":"#f2f2f2","radius":6,"use":"Default book unit in feed grid"},"feed-card":{"type":"card","bg":"#ffffff","radius":12,"use":"Curated feed promotion, banner"},"tab-active":{"type":"tab","bg":"#333333","fg":"#ffffff","radius":10,"padding":"0px 10px","font":"14px/600","active":"#333333 fill","use":"Active genre/category filter"},"tag-original":{"type":"badge","bg":"#a451f7","fg":"#ffffff","radius":4,"padding":"3px 6px","font":"11px/700","use":"밀리 오리지널 flag"},"tag-promo":{"type":"badge","bg":"#ff5b4f","fg":"#ffffff","radius":4,"padding":"3px 6px","font":"11px/700","use":"Time-limited promotion flag"},"pill-scrim":{"type":"toggle","fg":"#ffffff","radius":9999,"padding":"4px 10px","font":"16px/400","use":"Floating carousel control over imagery"}},"components_harvested":true} },
|
|
173
|
-
{ id: "minimax", name: "Minimax", displayName: "Minimax", country: "US", category: "ai", homepage: "https://www.minimaxi.com", primaryColor: "#000000", logo: { type: "simpleicons", slug: "minimax" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"brand-blue":"#1456f0","sky-blue":"#3daeff","brand-pink":"#ea5ec1","primary-200":"#bfdbfe","primary-light":"#60a5fa","primary-500":"#3b82f6","primary-600":"#2563eb","primary-700":"#1d4ed8","brand-deep":"#17437d","text-primary":"#222222","button-text":"#18181b","charcoal":"#181e25","text-secondary":"#45515e","text-muted":"#8e8e93","helper":"#5f5f5f","canvas":"#ffffff","surface":"#f0f0f0","border-light":"#f2f3f5","border":"#e5e7eb","success-bg":"#e8ffea","dark":"#333333"},"typography":{"family":{"sans":"DM Sans","mono":"Roboto"},"display-hero":{"size":80,"weight":500,"lineHeight":1.1,"use":"Hero headlines, DM Sans/Outfit"},"section":{"size":31,"weight":600,"lineHeight":1.5,"use":"Feature section titles, Outfit"},"card-title":{"size":28,"weight":500,"lineHeight":1.71,"use":"Product card headings, Outfit"},"subheading":{"size":24,"weight":500,"lineHeight":1.5,"use":"Mid-tier headings, Poppins"},"feature":{"size":18,"weight":500,"lineHeight":1.5,"use":"Feature names, Poppins"},"body-lg":{"size":20,"weight":500,"lineHeight":1.5,"use":"Emphasized body, DM Sans"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard body, DM Sans"},"nav":{"size":14,"weight":500,"lineHeight":1.5,"use":"Navigation, links, DM Sans"},"button-sm":{"size":13,"weight":600,"lineHeight":1.5,"use":"Compact buttons, DM Sans"},"caption":{"size":13,"weight":400,"lineHeight":1.7,"use":"Metadata, DM Sans/Poppins"},"label":{"size":12,"weight":500,"lineHeight":1.5,"use":"Tags, badges, DM Sans"}},"spacing":{"xs":4,"sm":8,"md":11,"base":16,"lg":20,"xl":24,"xxl":32,"section":48},"rounded":{"sm":8,"md":13,"lg":20,"full":9999},"shadow":{"standard":"rgba(0,0,0,0.08) 0px 4px 6px","soft-glow":"rgba(0,0,0,0.08) 0px 0px 22.576px","brand-glow":"rgba(44,30,116,0.16) 0px 0px 15px","card-elevation":"rgba(36,36,36,0.08) 0px 12px 16px -4px"},"components":{"button-primary":{"type":"button","bg":"#181e25","fg":"#ffffff","radius":8,"padding":"11px 20px","use":"Primary CTA Get Started/Learn More"},"button-nav":{"type":"button","fg":"#18181b","radius":9999,"use":"Navigation tabs, filter toggles"},"button-white":{"type":"button","bg":"#ffffff","radius":9999,"use":"Secondary nav, inactive tabs"},"button-secondary":{"type":"button","bg":"#f0f0f0","fg":"#333333","radius":8,"padding":"11px 20px","use":"Secondary actions"},"product-card":{"type":"card","radius":20,"use":"Vibrant gradient product card with brand glow"},"matrix-card":{"type":"card","bg":"#ffffff","radius":13,"use":"AI product card, white with subtle shadow"}},"components_harvested":true} },
|
|
174
|
-
{ id: "mintlify", name: "Mintlify", displayName: "Mintlify", country: "US", category: "productivity", homepage: "https://mintlify.com", primaryColor: "#0d9373", logo: { type: "simpleicons", slug: "mintlify" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"ink":"#0d0d0d","canvas":"#ffffff","brand":"#18e299","brand-light":"#d4fae8","brand-deep":"#0fa76e","amber":"#c37d0d","blue":"#3772cf","error":"#d45656","gray-700":"#333333","gray-500":"#666666","gray-400":"#888888","border":"#e5e5e5","surface":"#f5f5f5","surface-tint":"#fafafa"},"typography":{"family":{"sans":"Inter","mono":"Geist Mono"},"display-hero":{"size":64,"weight":600,"lineHeight":1.15,"tracking":-1.28,"use":"Hero headlines"},"section":{"size":40,"weight":600,"lineHeight":1.1,"tracking":-0.8,"use":"Feature section titles"},"subheading":{"size":24,"weight":500,"lineHeight":1.3,"tracking":-0.24,"use":"Card headings, sub-sections"},"card-title":{"size":20,"weight":600,"lineHeight":1.3,"tracking":-0.2,"use":"Feature card titles"},"body-lg":{"size":18,"weight":400,"lineHeight":1.5,"use":"Hero descriptions, intros"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text"},"body-medium":{"size":16,"weight":500,"lineHeight":1.5,"use":"Navigation, emphasized text"},"button":{"size":15,"weight":500,"lineHeight":1.5,"use":"Button labels"},"link":{"size":14,"weight":500,"lineHeight":1.5,"use":"Navigation links, small CTAs"},"label":{"size":13,"weight":500,"lineHeight":1.5,"tracking":0.65,"use":"Uppercase section labels"},"mono-code":{"size":12,"weight":500,"lineHeight":1.5,"tracking":0.6,"use":"Uppercase technical labels, Geist Mono"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":8,"md":16,"lg":24,"full":9999},"shadow":{"card":"rgba(0,0,0,0.03) 0px 2px 4px","button":"rgba(0,0,0,0.06) 0px 1px 2px"},"components":{"button-primary":{"type":"button","bg":"#0d0d0d","fg":"#ffffff","radius":9999,"padding":"8px 24px","font":"15px/500","use":"Primary CTA Get Started"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#0d0d0d","radius":9999,"padding":"4.5px 12px","font":"15px/500","use":"Secondary action Request Demo"},"button-nav":{"type":"button","bg":"transparent","fg":"#0d0d0d","radius":8,"padding":"5px 6px","use":"Navigation items, icon buttons"},"button-accent":{"type":"button","bg":"#18e299","fg":"#0d0d0d","radius":9999,"padding":"8px 24px","use":"Special promotional CTAs"},"card":{"type":"card","bg":"#ffffff","radius":16,"padding":"24px","use":"Standard card, border-led"},"card-featured":{"type":"card","bg":"#ffffff","radius":24,"padding":"32px","use":"Featured card"},"input":{"type":"input","bg":"#ffffff","fg":"#0d0d0d","radius":9999,"padding":"0px 12px","use":"Email input, pill matching buttons"}},"components_harvested":true} },
|
|
175
|
-
{ id: "miricanvas", name: "MiriCanvas", displayName: "미리캔버스", country: "KR", category: "design-tools", homepage: "https://www.miricanvas.com", primaryColor: "#21afbf", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=miricanvas.com&sz=128" }, verified: "2026-06-10", added: "2026-06-10", tokens: {"source":"live-extract","extracted":"2026-06-10","note":"primary = live CTA teal (#21afbf); deep teal (#1c95a2) is the text-link/ghost companion. Ink near-black (#16181d) headings; Pretendard Variable + Figtree latin.","colors":{"primary":"#21afbf","primary-deep":"#1c95a2","accent-bright":"#26c7d9","tint":"#e7f9fb","ink":"#16181d","ink-soft":"#23242a","body":"#434956","muted":"#626677","muted-blue":"#70798f","faint":"#8d94a5","canvas":"#ffffff","surface":"#f1f2f4","on-primary":"#ffffff"},"typography":{"family":{"sans":"Pretendard Variable","latin":"Figtree"},"display-hero":{"size":64,"weight":700,"lineHeight":1.5,"use":"Hero headline, generous 96px line-height"},"page-title":{"size":40,"weight":700,"lineHeight":1.2,"use":"Page-level titles (pricing hero)"},"subsection":{"size":28,"weight":600,"lineHeight":1.29,"use":"Feature sub-heads (pricing H2)"},"section":{"size":24,"weight":600,"lineHeight":1.33,"use":"Section titles (homepage H2)"},"card-title":{"size":20,"weight":600,"lineHeight":1.4,"use":"Template category / card titles"},"plan-title":{"size":18,"weight":600,"lineHeight":1.44,"use":"Pricing tier names"},"cta-lg":{"size":18,"weight":500,"use":"Hero CTA labels"},"body":{"size":16,"weight":400,"use":"Body copy, search input text"},"ui":{"size":14,"weight":500,"use":"Nav items, standard buttons"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"section":64},"rounded":{"sm":8,"md":10,"lg":12,"xl":16,"full":9999},"shadow":{"card":"rgba(0, 0, 0, 0.15) 0px 2px 8px 0px","floating":"rgba(0, 0, 0, 0.16) 0px 2px 6px 0px"},"components":{"button-primary":{"type":"button","bg":"#21afbf","fg":"#ffffff","radius":"8px","padding":"8px 16px","height":"40px","font":"14px / 500","use":"Header/inline CTA — 회원가입, 지금 써보기"},"button-hero":{"type":"button","bg":"#21afbf","fg":"#ffffff","radius":"12px","padding":"14px 24px","height":"56px","font":"18px / 500","use":"Hero primary CTA — 바로 시작하기"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#1c95a2","radius":"12px","padding":"14px 24px","height":"56px","font":"18px / 500","use":"Hero secondary CTA — 템플릿 보러가기"},"button-ghost":{"type":"button","fg":"#1c95a2","radius":"8px","padding":"8px 16px","height":"40px","font":"14px / 500","use":"Text-teal tertiary action — 무료로 시작하기, 요금제 알아보기"},"nav-item":{"type":"tab","fg":"#23242a","radius":"8px","padding":"8px 16px","font":"14px / 500","use":"GNB items — 템플릿, 추천 기능, 요금제"},"input-search":{"type":"input","fg":"#16181d","radius":"10px","height":"46px","font":"16px / 400","use":"Template hub natural-language search"},"card-template":{"type":"card","bg":"#ffffff","radius":"12px","shadow":"rgba(0,0,0,0.15) 0px 2px 8px 0px","use":"Template thumbnail card on homepage rail"},"avatar-social":{"type":"avatar","radius":"9999px","height":"40px","use":"Footer social circles (Facebook/Instagram/YouTube), subtle grey fill"}},"components_harvested":true} },
|
|
176
|
-
{ id: "miro", name: "Miro", displayName: "Miro", country: "US", category: "design-tools", homepage: "https://miro.com", primaryColor: "#ffd02f", logo: { type: "simpleicons", slug: "miro" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"brand-yellow":"#ffd02f","ink":"#1c1c1e","canvas":"#ffffff","blue":"#5b76fe","blue-pressed":"#2a41b6","coral":"#ffc6c6","teal":"#c3faf5","teal-dark":"#187574","orange":"#ffe6cd","rose":"#ffd8f4","pink":"#fde0f0","red":"#fbd4d4","success":"#00b473","slate":"#555a6a","placeholder":"#a5a8b5","border":"#c7cad5","border-input":"#e9eaef"},"typography":{"family":{"sans":"Roobert PRO","mono":"Roobert PRO"},"display-hero":{"size":56,"weight":400,"lineHeight":1.15,"tracking":-1.68,"use":"Hero, Roobert PRO Medium"},"section":{"size":48,"weight":400,"lineHeight":1.15,"tracking":-1.44,"use":"Section heading, Roobert PRO Medium"},"card-title":{"size":24,"weight":400,"lineHeight":1.15,"tracking":-0.72,"use":"Card title, Roobert PRO Medium"},"subheading":{"size":22,"weight":400,"lineHeight":1.35,"tracking":-0.44,"use":"Sub-heading, Noto Sans"},"feature":{"size":18,"weight":600,"lineHeight":1.35,"use":"Feature, Roobert PRO Medium"},"body":{"size":18,"weight":400,"lineHeight":1.45,"use":"Body, Noto Sans"},"body-std":{"size":16,"weight":400,"lineHeight":1.5,"tracking":-0.16,"use":"Standard body, Noto Sans"},"button":{"size":17.5,"weight":700,"lineHeight":1.29,"tracking":0.175,"use":"Button, Roobert PRO Medium"},"caption":{"size":14,"weight":400,"lineHeight":1.71,"use":"Caption, Roobert PRO Medium"},"micro":{"size":10.5,"weight":400,"lineHeight":0.9,"use":"Uppercase micro label, Roobert PRO"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":8,"md":12,"lg":24,"full":9999},"shadow":{"ring":"rgb(224,226,232) 0px 0px 0px 1px"},"components":{"button-primary":{"type":"button","bg":"#5b76fe","fg":"#ffffff","radius":8,"padding":"7px 12px","font":"17.5px/700","use":"Primary CTA, blue"},"button-outline":{"type":"button","bg":"transparent","fg":"#1c1c1e","radius":8,"padding":"7px 12px","font":"17.5px/700","use":"Secondary outlined button"},"button-circle":{"type":"button","bg":"#ffffff","radius":9999,"padding":"12px","use":"Circular icon button, ring shadow"},"input":{"type":"input","bg":"#ffffff","fg":"#1c1c1e","radius":8,"padding":"16px","font":"16px/400","use":"Standard input"},"card":{"type":"card","bg":"#ffffff","radius":12,"padding":"16px","use":"Default card with ring-shadow border"},"card-pastel":{"type":"card","bg":"#ffc6c6","fg":"#1c1c1e","radius":12,"padding":"24px","use":"Feature card with pastel surface"},"badge":{"type":"badge","bg":"#5b76fe","fg":"#ffffff","radius":8,"padding":"4px 8px","font":"12px/400","use":"Default badge"},"badge-success":{"type":"badge","bg":"#00b473","fg":"#ffffff","radius":8,"padding":"4px 8px","use":"Success badge"}},"components_harvested":true}, ds: { name: "Mirotone", url: "https://mirotone.xyz", type: "system", description: "Miro's CSS component library for apps built on the Miro platform.", ogImage: "https://www.mirotone.xyz/cover.png" } },
|
|
177
|
-
{ id: "mistral.ai", name: "Mistral AI", displayName: "Mistral AI", country: "FR", category: "ai", homepage: "https://mistral.ai", primaryColor: "#ff7000", logo: { type: "simpleicons", slug: "mistralai" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#fa520f","primary-hover":"#fb6424","brand":"#ff8105","canvas":"#fffaeb","surface":"#fff0c2","foreground":"#1f1f1f","on-primary":"#ffffff","accent-sunshine":"#ffa110","accent-gold":"#ffd900","accent-block-gold":"#ffe295"},"typography":{"family":{"sans":"Arial","mono":"Arial"},"display":{"size":82,"weight":400,"lineHeight":1,"tracking":-2.05,"use":"Hero headlines, billboard scale"},"section":{"size":56,"weight":400,"lineHeight":0.95,"use":"Feature section anchors"},"subheading-lg":{"size":48,"weight":400,"lineHeight":0.95,"use":"Secondary section titles"},"subheading":{"size":32,"weight":400,"lineHeight":1.15,"use":"Card headings, feature names"},"card-title":{"size":30,"weight":400,"lineHeight":1.2,"use":"Mid-level headings"},"feature":{"size":24,"weight":400,"lineHeight":1.33,"use":"Small headings"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard body, button text"},"caption":{"size":14,"weight":400,"lineHeight":1.43,"use":"Metadata, secondary links"}},"spacing":[2,4,8,10,12,16,20,24,32,40,48,64,80,98,100],"rounded":{"sm":0,"md":0,"lg":0,"full":9999},"shadow":{"golden":"rgba(127,99,21,0.12) -8px 16px 39px, rgba(127,99,21,0.1) -33px 64px 72px, rgba(127,99,21,0.06) -73px 144px 97px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#1f1f1f","fg":"#ffffff","padding":"12px","radius":"0px","font":"16px / 400","use":"Primary action, dark on warm"},"button-secondary":{"type":"button","bg":"#fff0c2","fg":"#1f1f1f","radius":"0px","font":"16px / 400","use":"Warm inviting secondary CTA"},"button-ghost":{"type":"button","bg":"transparent","fg":"#1f1f1f","radius":"0px","states":"opacity 0.4","use":"Secondary/de-emphasized actions"},"button-text":{"type":"button","bg":"transparent","fg":"#1f1f1f","padding":"8px 0px 0px","use":"Tertiary navigation links"},"card":{"type":"card","bg":"#fffaeb","radius":"0px","shadow":"golden amber 5-layer cascade","use":"Feature cards, golden-hour float"},"input":{"type":"input","border":"1px solid hsl(240,5.9%,90%)","radius":"0px","focus":"accent color ring","use":"Form fields"},"block-identity":{"type":"badge","bg":"gradient #ffd900 to #fa520f","radius":"0px","use":"Mistral block gradient brand mark"}}}, ds: { name: "Mistral Brand", url: "https://mistral.ai/brand", type: "brand", description: "Mistral AI's logo, colors, typography, and brand asset kit.", ogImage: "https://mistral.ai/-/brand/opengraph-image-1robrb.png" } },
|
|
178
|
-
{ id: "modusign", name: "Modusign", displayName: "모두싸인", country: "KR", category: "saas", homepage: "https://www.modusign.co.kr", primaryColor: "#fed05f", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=modusign.co.kr&sz=128" }, verified: "2026-06-10", added: "2026-06-10", tokens: {"source":"live-extract","extracted":"2026-06-10","note":"primary = signature CTA yellow (#fed05f) with darker yellow border (#ffc533); pricing surface runs a parallel blue system (#217aff CTA, #4b75e7 check marks, #e2e9fe column tint). Flat shadowless chrome, 6/8/12px radius ladder.","colors":{"primary":"#fed05f","primary-border":"#ffc533","primary-deep":"#ffb90a","primary-tint":"#fff8e6","plan-blue":"#217aff","check-blue":"#4b75e7","blue-tint":"#e2e9fe","gov-navy":"#08236d","ink":"#212121","ink-alt":"#222222","body":"#333333","secondary":"#474747","muted":"#707070","faint":"#999999","canvas":"#ffffff","surface":"#fafafa","surface-alt":"#f5f5f5","hairline-faint":"#f0f0f0","hairline":"#e6e6e6","hairline-strong":"#cccccc","table-line":"#dddddd","black":"#000000","link":"#0000ee","error":"#ff4d4f"},"typography":{"family":{"sans":"Pretendard"},"display-hero":{"size":68,"weight":700,"lineHeight":1.4,"tracking":-1.2,"use":"Homepage hero headline"},"display":{"size":56,"weight":700,"lineHeight":1.4,"tracking":-0.4,"use":"Page/section H1"},"section":{"size":45,"weight":700,"lineHeight":1.4,"tracking":-0.4,"use":"Section H2"},"subsection":{"size":36,"weight":700,"lineHeight":1.4,"tracking":-0.4,"use":"Feature block H3"},"tab-label":{"size":24,"weight":700,"tracking":-0.4,"use":"Industry/department section tabs"},"sub-tab":{"size":18,"weight":500,"tracking":-0.4,"use":"Feature sub-tabs"},"body":{"size":16,"weight":400,"lineHeight":1.6,"tracking":-0.4,"use":"Standard reading text"},"button":{"size":16,"weight":700,"tracking":-0.4,"use":"Hero/section CTA label"},"button-sm":{"size":14,"weight":700,"tracking":-0.4,"use":"Header compact CTA label"},"caption":{"size":14,"weight":400,"tracking":-0.4,"use":"Footer links, fine print"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":30,"xxl":36},"rounded":{"sm":6,"md":8,"lg":12,"xl":16,"full":100},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#fed05f","fg":"#000000","border":"1px solid #ffc533","radius":"8px","padding":"12px 24px","height":"52px","font":"16px / 700 Pretendard","use":"무료 체험 시작 — the signature yellow primary CTA"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#000000","border":"1px solid #cccccc","radius":"8px","padding":"12px 24px","height":"52px","font":"16px / 700 Pretendard","use":"도입 문의 — outlined secondary CTA, always paired with primary"},"button-dark":{"type":"button","bg":"#000000","fg":"#ffffff","radius":"8px","padding":"12px 24px","height":"52px","font":"16px / 700 Pretendard","use":"Enterprise plan / 고급 기능 문의 emphasis CTA"},"button-plan-blue":{"type":"button","bg":"#217aff","fg":"#ffffff","radius":"8px","padding":"12px 24px","height":"52px","font":"16px / 700 Pretendard","use":"Highlighted pricing plan CTA (무료체험 신청)"},"button-gov-navy":{"type":"button","bg":"#08236d","fg":"#ffffff","radius":"8px","padding":"8px 24px","height":"44px","font":"16px / 700 Pretendard","use":"공공기관(GOV) 도입 문의하기 in comparison table"},"input-stepper":{"type":"input","bg":"#ffffff","fg":"#222222","border":"1px solid #e6e6e6","radius":"6px","height":"38px","font":"16px / 400 Pretendard","use":"Pricing seat/document count input"},"card-step":{"type":"card","bg":"#f5f5f5","fg":"#222222","border":"1px solid #e6e6e6","radius":"8px","padding":"24px 24px 36px","use":"How-it-works step card (active); inactive twin is #ffffff"},"banner-cta":{"type":"card","bg":"#fed05f","fg":"#212121","border":"1px solid #ffb90a","radius":"12px","padding":"30px 36px","use":"Footer conversion banner — yellow + grey twin pair"},"toggle-billing":{"type":"tab","active":"bg #ffffff + text #333333 700 + 1px #f0f0f0 border, 8px radius","disabled":"#999999 inactive label on 100px pill","use":"Pricing 월 결제 / 1년 약정 billing toggle"},"tab-industry":{"type":"tab","active":"text #ffffff + 700 weight","disabled":"#474747 inactive label","use":"산업별/부서별 tabs on dark customer band"}},"components_harvested":true} },
|
|
179
|
-
{ id: "momoshop", name: "momo購物網", displayName: "momo購物網", country: "TW", category: "ecommerce", homepage: "https://www.momoshop.com.tw", primaryColor: "#D62872", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=momoshop.com.tw&sz=256" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#d62872","primary-hover":"#d9006c","brand":"#e5047e","canvas":"#f2f2f2","surface":"#fafafa","foreground":"#404040","muted":"#727272","on-primary":"#ffffff","accent-link":"#027bff","error":"#dd2222","error-delete":"#ea3323","accent-rank":"#ffaa3b","hairline":"#ededed","border-medium":"#b3b3b3"},"typography":{"family":{"sans":"Microsoft JhengHei UI","mono":"Oxygen"},"heading":{"size":17,"weight":700,"lineHeight":1.41,"use":"Search suggest titles, headings"},"body":{"size":15,"weight":400,"lineHeight":1.33,"use":"Product list items, UI labels"},"caption":{"size":13,"weight":400,"lineHeight":1.38,"use":"Captions, metadata"},"badge":{"size":12,"weight":400,"use":"Badges"},"micro":{"size":11,"weight":400,"use":"Heat/rank metadata labels"}},"spacing":[3,5,6,8,10,12,16,20,24],"rounded":{"sm":4,"md":8,"lg":16,"full":9999},"shadow":{"card":"0 1px 2px 0 rgba(0,0,0,.05)","panel":"0 1px 3px rgba(0,0,0,.1)","modal":"0 4px 6px -1px rgba(0,0,0,.1)"},"components_harvested":true,"components":{"header-bar":{"type":"card","bg":"#d62872","fg":"#ffffff","height":"44px","font":"26px / 700","use":"Primary header bar"},"cart-badge":{"type":"badge","bg":"#e5047e","fg":"#ffffff","radius":"8px","font":"12px / 400","use":"Cart notification badge"},"input":{"type":"input","bg":"#ffffff","border":"1px solid #b3b3b3","height":"36px","padding":"8px 8px 8px 10px","radius":"4px","font":"15px / 400","use":"Search input desktop"},"chip":{"type":"badge","bg":"#f2f2f2","fg":"#404040","height":"32px","radius":"16px","padding":"6px 8px","font":"13px / 400","use":"Recent/suggest search chip"},"button-primary":{"type":"button","bg":"#d62872","fg":"#ffffff","height":"38px","radius":"4px","font":"16px / 700","states":"hover #d9006c","use":"Primary CTA"},"button-destructive":{"type":"button","bg":"#ea3323","fg":"#ffffff","height":"44px","radius":"22px","font":"17px / 400","use":"Delete all action"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#999999","border":"1px solid #b3b3b3","radius":"13px","padding":"3px 5px 3px 8px","font":"13px / 400","use":"Secondary rules button"},"trend-card":{"type":"card","bg":"linear-gradient(180deg,#fff5f9,#f9f9f9)","border":"1px solid #fbe9f1","radius":"15px","use":"Search trend card"},"rank-badge":{"type":"badge","bg":"linear-gradient(0.34deg,#ffaa3b,#ff9203)","fg":"#ffffff","radius":"4px","font":"15px / 400","use":"Top rank number badge"},"tooltip":{"type":"card","bg":"rgba(0,0,0,.8)","fg":"#ffffff","radius":"8px","padding":"12px","font":"15px / 700","use":"Search dialog tooltip"}}} },
|
|
180
|
-
{ id: "money-forward", name: "Money Forward", displayName: "Money Forward", country: "JP", category: "fintech", homepage: "https://moneyforward.com", primaryColor: "#3B7DE9", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=moneyforward.com&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#3b7de9","primary-hover":"#0054ac","brand":"#3b7de9","canvas":"#ffffff","surface":"#ecf2fd","foreground":"#333333","muted":"#999999","on-primary":"#ffffff","hairline":"#d4d8dd","error":"#d0021b","success":"#65ab51","warning-bg":"#fcf8e3","warning-text":"#8a6d3b","error-bg":"#ffeeeb"},"typography":{"family":{"sans":"Noto Sans JP","mono":"Noto Sans JP"},"xSmall":{"size":10,"use":"Fine print, dense table footnotes"},"small":{"size":12,"use":"Captions, helper text"},"middle":{"size":13,"use":"Secondary labels, table cells"},"large":{"size":14,"weight":400,"use":"Body / button default"},"xlarge":{"size":16,"use":"Emphasized body"},"xxlarge":{"size":18,"weight":700,"use":"Subheadings"},"xxxLarge":{"size":20,"weight":700,"use":"Section headings"},"xxxxLarge":{"size":24,"weight":700,"use":"Page headings"}},"spacing":[12,16,52],"rounded":{"sm":4,"md":4,"lg":4,"full":9999},"shadow":{"active":"0 0 2px rgba(212,216,221,0.3)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"linear-gradient(to bottom,#3b7de9,#0054ac)","fg":"#ffffff","border":"1px solid rgba(0,0,0,0.15)","radius":"4px","height":"32px","padding":"0 12px","font":"14px / 400","states":"hover gradient flips, active 0 0 2px rgba(212,216,221,0.3)","use":"Single primary action per screen"},"button-default":{"type":"button","bg":"linear-gradient(to bottom,#ffffff,#ecf2fd)","fg":"#333333","border":"1px solid #d4d8dd","radius":"4px","font":"14px / 400","states":"hover gradient flips","use":"Secondary / cancel actions"},"button-danger":{"type":"button","bg":"linear-gradient(to bottom,#ffffff,#ecf2fd)","fg":"#d0021b","border":"1px solid #d4d8dd","radius":"4px","use":"Destructive actions, danger in text not fill"},"button-disabled":{"type":"button","bg":"#d4d8dd","fg":"#999999","border":"1px solid rgba(0,0,0,0.1)","radius":"4px","use":"Unavailable actions"},"block":{"type":"card","bg":"#ffffff","border":"1px solid #d4d8dd","radius":"4px","use":"Content panel / card container"},"input":{"type":"input","bg":"#ffffff","fg":"#333333","border":"1px solid #d4d8dd","radius":"4px","focus":"border #3b7de9","use":"Form fields"},"notice-error":{"type":"card","bg":"#ffeeeb","fg":"#d0021b","radius":"4px","use":"Error / danger banner"},"notice-warning":{"type":"card","bg":"#fcf8e3","fg":"#8a6d3b","use":"Caution banner"}}}, ds: { name: "Money Forward Cloud UI", url: "https://github.com/moneyforward/cloud-react-ui", type: "system", description: "Money Forward's open-source React component library and theme tokens for the Money Forward Cloud business suite — buttons, forms, and a typed styled-components theme published on GitHub." } },
|
|
181
|
-
{ id: "mongodb", name: "Mongodb", displayName: "Mongodb", country: "US", category: "backend-devops", homepage: "https://www.mongodb.com", primaryColor: "#00ed64", logo: { type: "simpleicons", slug: "mongodb" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#00ed64","brand":"#00ed64","primary-dark":"#00684a","canvas":"#001e2b","foreground":"#ffffff","on-primary":"#000000","accent-blue":"#006cfa","accent-blue-hover":"#3860be","accent-teal":"#1eaedb","surface":"#1c2d38","hairline":"#b8c4c2","border-dark":"#3d4f58","muted":"#5c6c75"},"typography":{"family":{"sans":"Euclid Circular A","mono":"Source Code Pro"},"display-hero":{"size":96,"weight":400,"lineHeight":1.2,"use":"Serif authority hero (MongoDB Value Serif)"},"display-secondary":{"size":64,"weight":400,"lineHeight":1,"use":"Serif sub-hero (MongoDB Value Serif)"},"section":{"size":36,"weight":500,"lineHeight":1.33,"use":"Section heading"},"subheading":{"size":24,"weight":500,"lineHeight":1.33,"use":"Feature titles"},"body-lg":{"size":20,"weight":400,"lineHeight":1.6,"use":"Introductions"},"body":{"size":18,"weight":400,"lineHeight":1.33,"use":"Standard body"},"body-light":{"size":16,"weight":300,"lineHeight":1.5,"use":"Light-weight reading text"},"nav":{"size":16,"weight":500,"tracking":0.16,"use":"Navigation, emphasized"},"caption":{"size":14,"weight":400,"lineHeight":1.71,"use":"Metadata"},"code-label":{"size":14,"weight":500,"lineHeight":1.14,"tracking":1,"use":"Uppercase Source Code Pro labels"}},"spacing":[4,7,8,10,12,14,16,18,20,24,32],"rounded":{"sm":4,"md":16,"lg":24,"full":9999},"shadow":{"subtle":"rgba(0,0,0,0.1) 0px 2px 4px","standard":"rgba(0,0,0,0.15) 0px 3px 20px","forest":"rgba(0,30,43,0.12) 0px 26px 44px, rgba(0,0,0,0.13) 0px 7px 13px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#00684a","fg":"#000000","border":"1px solid #00684a","radius":"100px","shadow":"rgba(0,0,0,0.06) 0px 1px 6px","states":"hover scale 1.1, active scale 0.85","use":"Primary green button on dark surface"},"button-dark-teal":{"type":"button","bg":"#1c2d38","fg":"#5c6c75","border":"1px solid #3d4f58","radius":"100px","states":"hover bg #1eaedb, text white, translateX(5px)","use":"Dark teal pill button"},"button-outlined":{"type":"button","bg":"transparent","fg":"#001e2b","border":"1px solid #b8c4c2","radius":"8px","states":"hover background tint","use":"Outlined button on light surface"},"card":{"type":"card","bg":"#ffffff","border":"1px solid #b8c4c2","radius":"16px","shadow":"rgba(0,30,43,0.12) 0px 26px 44px","use":"Light-mode card"},"card-dark":{"type":"card","bg":"#001e2b","border":"1px solid #3d4f58","radius":"16px","use":"Dark-mode card"},"input":{"type":"input","fg":"#e8edeb","border":"1px solid #b8c4c2","padding":"12px 12px 12px 8px","radius":"4px","use":"Textarea / form field"},"code-label":{"type":"badge","fg":"#00ed64","font":"14px / 500","use":"Uppercase Source Code Pro section label, 1-2px tracking"}}}, ds: { name: "LeafyGreen", url: "https://www.mongodb.design", type: "system", description: "MongoDB's open-source design system with an extensive React component library." } },
|
|
182
|
-
{ id: "muji", name: "MUJI", displayName: "MUJI", country: "JP", category: "ecommerce", homepage: "https://www.muji.com", primaryColor: "#7f0019", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=muji.com&sz=128" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#333333","primary-hover":"#000000","brand":"#7f0019","brand-hover":"#6b0015","canvas":"#ffffff","surface":"#f7f7f7","foreground":"#333333","muted":"#666666","on-primary":"#ffffff","hairline":"#dddddd","border-strong":"#cccccc","error":"#c0392b","success":"#4a7c59"},"typography":{"family":{"sans":"Helvetica Neue","mono":"Helvetica Neue"},"page-title":{"size":28,"weight":300,"lineHeight":1.4,"tracking":0.02,"use":"Quiet authority page title"},"section":{"size":22,"weight":400,"lineHeight":1.4,"tracking":0.02,"use":"Category / section titles"},"subheading":{"size":18,"weight":400,"lineHeight":1.5,"tracking":0.02,"use":"Card titles, group labels"},"lead":{"size":16,"weight":300,"lineHeight":1.7,"tracking":0.02,"use":"Editorial intro paragraphs"},"body":{"size":14,"weight":400,"lineHeight":1.7,"tracking":0.02,"use":"Standard reading text"},"body-small":{"size":13,"weight":400,"lineHeight":1.6,"tracking":0.02,"use":"Product descriptions, dense copy"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"tracking":0.04,"use":"Metadata, legal, breadcrumbs"},"price":{"size":16,"weight":400,"lineHeight":1.3,"use":"Product price"},"button":{"size":14,"weight":400,"lineHeight":1,"tracking":0.04,"use":"Add to cart, primary actions"}},"spacing":[4,8,12,16,24,32,48,64,96],"rounded":{"sm":2,"md":2,"lg":2,"full":9999},"shadow":{"subtle":"0 2px 8px rgba(0,0,0,0.08)","modal":"0 4px 24px rgba(0,0,0,0.16)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#333333","fg":"#ffffff","radius":"2px","padding":"14px 24px","font":"14px / 400","states":"hover #000000","use":"Single primary action (add to cart / checkout)"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#333333","border":"1px solid #333333","radius":"2px","padding":"13px 24px","font":"14px / 400","states":"hover bg #f7f7f7","use":"Secondary actions"},"button-tertiary":{"type":"button","bg":"transparent","fg":"#666666","border":"1px solid #dddddd","radius":"2px","padding":"10px 16px","font":"13px / 400","use":"Low-priority actions, filters"},"button-brand":{"type":"button","bg":"#7f0019","fg":"#ffffff","radius":"2px","padding":"14px 24px","font":"14px / 400","states":"hover #6b0015","use":"Sale / campaign CTAs only"},"button-disabled":{"type":"button","bg":"#eeeeee","fg":"#999999","radius":"2px","use":"Out-of-stock, unavailable"},"input":{"type":"input","bg":"#ffffff","fg":"#333333","border":"1px solid #cccccc","radius":"2px","padding":"12px 14px","font":"14px / 400","focus":"border #333333, no glow","use":"Standard form field"},"input-error":{"type":"input","bg":"#ffffff","border":"1px solid #c0392b","radius":"2px","use":"Validation failure, help text #c0392b"},"card-product":{"type":"card","bg":"#ffffff","radius":"0px","padding":"0","shadow":"none","use":"Catalog grid card, photo is the card"},"card-editorial":{"type":"card","bg":"#ffffff","border":"1px solid #eeeeee","radius":"2px","padding":"20px","shadow":"none","use":"Story modules, info panels"},"tag-sale":{"type":"badge","bg":"#7f0019","fg":"#ffffff","radius":"0px","padding":"2px 8px","font":"11px / 400","use":"Sale indicator, printed-label feel"},"tag-neutral":{"type":"badge","bg":"#eeeeee","fg":"#666666","radius":"0px","padding":"2px 8px","font":"11px / 400","use":"NEW, category labels"},"tab":{"type":"tab","fg":"#999999","font":"14px / 400","active":"text #333333, 2px bottom border #333333","use":"PDP detail tabs, category switching"},"segmented":{"type":"tab","bg":"#eeeeee","radius":"2px","font":"13px / 400","active":"bg #ffffff, text #333333","use":"View toggles, sort modes"},"toast":{"type":"toast","bg":"#333333","fg":"#ffffff","radius":"2px","padding":"12px 16px","shadow":"0 2px 8px rgba(0,0,0,0.12)","font":"13px / 400","use":"Transient confirmation"},"notice-inline":{"type":"card","bg":"#f7f7f7","fg":"#333333","border":"2px solid #7f0019","radius":"0px","padding":"12px 16px","use":"Shipping info, stock notices"},"dialog":{"type":"dialog","bg":"#ffffff","fg":"#333333","radius":"2px","padding":"32px","shadow":"0 4px 24px rgba(0,0,0,0.16)","use":"Confirmation, size guide, login"},"checkbox":{"type":"toggle","border":"1px solid #cccccc","radius":"2px","active":"#333333 fill, white check","use":"Filters, terms agreement, square"},"toggle":{"type":"toggle","bg":"#cccccc","radius":"9999px","active":"track #333333, white thumb","use":"Newsletter / setting switches"}}} },
|
|
183
|
-
{ id: "musinsa", name: "Musinsa", displayName: "Musinsa", country: "KR", category: "ecommerce", homepage: "https://www.musinsa.com", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=musinsa.com&sz=128" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#000000","primary-hover":"#222222","brand":"#000000","canvas":"#ffffff","surface":"#f5f5f5","foreground":"#333333","muted":"#999999","on-primary":"#ffffff","hairline":"#eeeeee","border-mid":"#dddddd","error":"#ff003b","accent-star":"#ffb900"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"display":{"size":28,"weight":700,"lineHeight":1.29,"tracking":-0.4,"use":"Editorial banner / event title"},"heading-lg":{"size":22,"weight":700,"lineHeight":1.36,"tracking":-0.4,"use":"Category page title"},"heading":{"size":18,"weight":700,"lineHeight":1.44,"tracking":-0.4,"use":"Section header"},"title":{"size":15,"weight":700,"lineHeight":1.47,"tracking":-0.3,"use":"Product detail page title"},"body-lg":{"size":14,"weight":400,"lineHeight":1.43,"tracking":-0.3,"use":"Standard product card title"},"body":{"size":13,"weight":400,"lineHeight":1.38,"tracking":-0.3,"use":"Default body, listings text"},"body-bold":{"size":13,"weight":700,"lineHeight":1.38,"tracking":-0.3,"use":"Brand name above product title"},"caption":{"size":12,"weight":400,"lineHeight":1.33,"tracking":-0.3,"use":"Metadata, review counts"},"micro":{"size":11,"weight":500,"lineHeight":1.27,"tracking":-0.2,"use":"Badge text, fine print"}},"spacing":[2,4,8,12,16,20,24,32,40,56,80],"rounded":{"sm":2,"md":4,"lg":4,"full":9999},"shadow":{"soft":"0px 2px 8px rgba(0,0,0,0.06)","floating":"0px 4px 16px rgba(0,0,0,0.10)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#000000","fg":"#ffffff","radius":"4px","padding":"14px 20px","font":"15px / 700","states":"hover #222222, pressed #333333, disabled #cccccc","use":"Primary CTA"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#000000","border":"1px solid #000000","radius":"4px","padding":"14px 20px","font":"15px / 700","states":"hover #f5f5f5","use":"Secondary CTA"},"button-neutral":{"type":"button","bg":"#f5f5f5","fg":"#222222","border":"1px solid #eeeeee","radius":"4px","padding":"12px 16px","font":"14px / 500","states":"hover #eeeeee","use":"Tertiary actions"},"button-sale":{"type":"button","bg":"#ff003b","fg":"#ffffff","radius":"4px","padding":"12px 18px","font":"14px / 700","use":"Time-limited sale CTA, scarce"},"input":{"type":"input","bg":"#ffffff","fg":"#222222","border":"1px solid #dddddd","radius":"4px","padding":"12px 14px","font":"14px / 400","focus":"1px solid #000000","use":"Default text input"},"input-search":{"type":"input","bg":"#f5f5f5","radius":"4px","padding":"12px 16px 12px 40px","font":"14px / 400","focus":"bg #ffffff, 1px solid #000000","use":"Header search bar"},"card-product":{"type":"card","bg":"#ffffff","radius":"0px","shadow":"none","use":"Default product listing card, image edge is card edge"},"card-brand":{"type":"card","bg":"#fafafa","border":"1px solid #eeeeee","radius":"4px","padding":"16px","use":"Brand-of-the-day entry"},"badge-sale":{"type":"badge","bg":"transparent","fg":"#ff003b","font":"13px / 700","radius":"0px","use":"Inline sale percentage on product cards"},"badge-exclusive":{"type":"badge","bg":"#000000","fg":"#ffffff","font":"11px / 700","padding":"3px 6px","radius":"2px","use":"무신사 단독 / 선발매 exclusive flags"},"badge-outline":{"type":"badge","bg":"#ffffff","fg":"#000000","border":"1px solid #000000","font":"11px / 700","padding":"3px 6px","radius":"2px","use":"NEW, 무료배송 minor flags"},"chip":{"type":"badge","bg":"#ffffff","fg":"#222222","border":"1px solid #dddddd","font":"13px / 500","padding":"8px 14px","radius":"999px","active":"bg #000000, fg #ffffff, 13px / 700","use":"Category / size / color filter pills"},"tab":{"type":"tab","font":"14px / 700","active":"2px black bottom border, fg #000000","use":"Category nav, active item underline"},"toast":{"type":"toast","bg":"#000000","fg":"#ffffff","radius":"4px","font":"14px / 500","use":"Error / add-to-cart snackbar, 3s auto-dismiss"}}} },
|
|
184
|
-
{ id: "mustit", name: "MUSTIT", displayName: "MUSTIT", country: "KR", category: "ecommerce", homepage: "https://www.mustit.co.kr", primaryColor: "#D00000", logo: { type: "favicon", slug: "https://static-ux.mustit.co.kr/img/front/favicon.ico" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#d00000","brand":"#1f1f2c","canvas":"#ffffff","surface":"#fafafa","foreground":"#222222","muted":"#888888","on-primary":"#ffffff","accent-info":"#3083e4","accent-outlet":"#8c1e46","surface-mid":"#f5f5f5","hairline":"#e6e6e6","border-subtle":"#f0f0f0","disabled":"#cccccc"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"display":{"size":28,"weight":700,"lineHeight":1.35,"use":"Section hero titles"},"title-l":{"size":24,"weight":700,"lineHeight":1.33,"use":"Modal, page headers"},"title-m":{"size":20,"weight":700,"lineHeight":1.35,"use":"Section headers"},"title-s":{"size":18,"weight":600,"lineHeight":1.5,"use":"Card group titles"},"body-l":{"size":16,"weight":500,"lineHeight":1.5,"use":"Navigation links"},"body-m":{"size":15,"weight":600,"lineHeight":1.47,"use":"Button labels, product name"},"body-s":{"size":14,"weight":700,"lineHeight":1.43,"use":"Product price, form labels"},"caption-l":{"size":13,"weight":700,"lineHeight":1.38,"use":"Search keyword, chips"},"caption-s":{"size":12,"weight":700,"lineHeight":1.33,"use":"Metadata, sizes"},"label":{"size":11,"weight":700,"lineHeight":1.45,"use":"Badges, micro-copy"},"fine":{"size":10,"weight":400,"lineHeight":1.6,"use":"Legal, cart count"}},"spacing":[8,10,12,16],"rounded":{"sm":2,"md":4,"lg":8,"full":9999},"shadow":{"level1":"0 2px 4px 0 rgba(0,0,0,.03)","level2":"0 2px 8px 0 rgba(0,0,0,.05)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#333333","fg":"#ffffff","radius":"4px","height":"48px","padding":"0 16px","font":"15px / 600","use":"Primary black CTA"},"button-confirm":{"type":"button","bg":"#d00000","fg":"#ffffff","border":"1px solid #d00000","radius":"4px","height":"48px","font":"18px / 500","use":"Red confirm CTA"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#222222","border":"1px solid #333333","radius":"4px","height":"32px","font":"13px / 600","use":"Secondary action"},"button-disabled":{"type":"button","bg":"#ffffff","fg":"#888888","border":"1px solid #dddddd","radius":"4px","use":"Disabled action"},"tab":{"type":"tab","fg":"#aaaaaa","font":"16px / 500","active":"2px solid #222222 bottom border, fg #222222, 16px / 700","use":"Section tabs"},"badge-outlet":{"type":"badge","bg":"#8c1e46","fg":"#ffffff","radius":"2px","height":"22px","padding":"0 8px","font":"11px / 700","use":"Outlet badge"},"badge-info":{"type":"badge","fg":"#3083e4","border":"1px solid #3083e4","radius":"2px","height":"24px","font":"12px / 400","use":"Info tag"},"chip":{"type":"badge","border":"1px solid #cccccc","radius":"17px","height":"34px","active":"1px solid #d00000","use":"Filter chip"},"input-search":{"type":"input","bg":"#ffffff","fg":"#222222","radius":"4px","height":"40px","padding":"0 12px","font":"15px / 600","use":"Search input, placeholder #aaaaaa"}}} },
|
|
185
|
-
{ id: "myrealtrip", name: "MyRealTrip", displayName: "MyRealTrip", country: "KR", category: "travel", homepage: "https://www.myrealtrip.com", primaryColor: "#2B96ED", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=myrealtrip.com&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#2b96ed","primary-hover":"#1583db","brand":"#0250cb","accent":"#8238fa","canvas":"#ffffff","surface":"#f8f8f8","foreground":"#0f0f0f","body":"#333333","muted":"#767676","on-primary":"#ffffff","hairline":"#e5e5e5","border-strong":"#d1d1d1","success":"#22c55e","error":"#ff4d4f","warning":"#faad14"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"hero":{"size":32,"weight":700,"lineHeight":1.25,"use":"Home hero, campaign titles"},"section":{"size":24,"weight":700,"lineHeight":1.35,"use":"Row headers"},"card-title":{"size":16,"weight":600,"lineHeight":1.4,"use":"Tour/accommodation card titles"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Descriptions, list copy"},"cta":{"size":14,"weight":600,"lineHeight":1.4,"use":"Buttons, nav"},"price":{"size":18,"weight":700,"lineHeight":1.3,"use":"Price emphasis on cards"},"caption":{"size":12,"weight":400,"lineHeight":1.4,"use":"Metadata, badges, fine print"}},"spacing":[4,8,12,16,24,32,40],"rounded":{"sm":6,"md":8,"lg":12,"xl":16,"full":9999},"shadow":{"subtle":"0 1px 3px rgba(0,0,0,0.04)","hover":"0 2px 8px rgba(0,0,0,0.06)","floating":"0 4px 16px rgba(0,0,0,0.1)","modal":"0 8px 24px rgba(0,0,0,0.16)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#2b96ed","fg":"#ffffff","radius":"12px","padding":"0 24px","height":"40px","font":"14px / 600","states":"hover #1583db","use":"Login/signup, primary booking action"},"button-promo":{"type":"button","bg":"#8238fa","fg":"#ffffff","radius":"12px","padding":"0 24px","font":"14px / 600","use":"Membership / benefit CTAs"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#2b96ed","border":"1px solid #2b96ed","radius":"12px","padding":"0 24px","font":"14px / 600","use":"Secondary action"},"button-ghost":{"type":"button","bg":"transparent","fg":"#333333","radius":"8px","font":"14px / 600","use":"Tertiary nav, 더보기"},"input":{"type":"input","bg":"#ffffff","fg":"#0f0f0f","border":"1px solid #e5e5e5","radius":"12px","padding":"12px 16px","font":"14px / 400","focus":"border #2b96ed","use":"Search / text field"},"card":{"type":"card","bg":"#ffffff","border":"1px solid #e5e5e5","radius":"8px","shadow":"hover 0 2px 8px rgba(0,0,0,0.06)","use":"Tour / accommodation card"},"badge-confirm":{"type":"badge","bg":"rgba(34,197,94,0.12)","fg":"#22c55e","radius":"6px","padding":"2px 8px","font":"12px / 600","use":"Instant-confirm badge"},"badge-discount":{"type":"badge","bg":"transparent","fg":"#ff4d4f","font":"14px / 700","use":"Discount percentage on cards"},"chip":{"type":"badge","bg":"#f8f8f8","fg":"#333333","radius":"999px","padding":"6px 14px","font":"13px / 500","use":"Category filter chip"},"tab":{"type":"tab","fg":"#767676","font":"14px / 600","active":"2px bottom bar #2b96ed, fg #0f0f0f","use":"Top nav category item"},"toast":{"type":"toast","bg":"#0f0f0f","fg":"#ffffff","radius":"8px","padding":"12px 16px","use":"Snackbar transient feedback"},"dialog":{"type":"dialog","bg":"#ffffff","fg":"#0f0f0f","radius":"16px","padding":"24px","shadow":"rgba(0,0,0,0.5) backdrop","use":"Login, date picker, bottom sheet"}}} },
|
|
186
|
-
{ id: "naver", name: "Naver", displayName: "Naver", country: "KR", category: "consumer-tech", homepage: "https://www.naver.com", primaryColor: "#03c75a", logo: { type: "simpleicons", slug: "naver" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#03c75a","primary-hover":"#02b350","primary-active":"#02a046","brand":"#03c75a","canvas":"#ffffff","surface":"#f5f6f7","foreground":"#333333","muted":"#767676","on-primary":"#ffffff","hairline":"#dadce0","border-subtle":"#e9ebee","accent-link":"#0068c3","accent-visited":"#6633b9","error":"#e74c3c","warning":"#f5a623","secondary-text":"#5f6368"},"typography":{"family":{"sans":"Apple SD Gothic Neo","mono":"D2Coding"},"display":{"size":32,"weight":700,"lineHeight":1.38,"use":"Brand campaign hero, editorial titles"},"page-title":{"size":22,"weight":700,"lineHeight":1.36,"use":"Section headers on portal/SERP"},"card-title":{"size":17,"weight":700,"lineHeight":1.41,"use":"News headlines, shopping card titles"},"body-lg":{"size":17,"weight":400,"lineHeight":1.62,"tracking":-0.34,"use":"Search-result body, blog body"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Standard list rows"},"body-small":{"size":13,"weight":400,"lineHeight":1.38,"use":"Secondary metadata, attributions"},"caption":{"size":12,"weight":400,"lineHeight":1.33,"use":"Timestamps, source bylines"}},"spacing":[4,8,12,16,20,24,32,40,48,56,64],"rounded":{"sm":4,"md":8,"lg":16,"full":9999},"shadow":{"subtle":"0 1px 2px rgba(0,0,0,0.06)","standard":"0 2px 8px rgba(0,0,0,0.1)","prominent":"0 4px 16px rgba(0,0,0,0.12)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#03c75a","fg":"#ffffff","radius":"4px","height":"48px","font":"16px / 700","states":"hover #02b350, pressed #02a046, disabled #dadce0","use":"Primary action CTA"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#333333","border":"1px solid #dadce0","radius":"4px","states":"hover #f5f6f7","use":"취소, 닫기, secondary action"},"button-ghost":{"type":"button","bg":"transparent","fg":"#03c75a","padding":"8px 12px","font":"14px / 500","use":"더보기, 전체보기 expand affordance"},"chip":{"type":"badge","bg":"#f5f6f7","fg":"#333333","radius":"9999px","height":"32px","padding":"0 14px","active":"bg #03c75a, fg #ffffff","use":"Search refinement / category chip"},"input-search":{"type":"input","bg":"#ffffff","fg":"#333333","border":"2px solid #03c75a","height":"56px","padding":"0 56px 0 16px","font":"17px / 400","use":"The 녹색창 — treat as a logo"},"input":{"type":"input","bg":"#ffffff","border":"1px solid #dadce0","radius":"4px","height":"40px","padding":"0 12px","focus":"2px solid #03c75a","use":"Standard text input"},"card-news":{"type":"card","bg":"#ffffff","border":"1px solid #e9ebee","radius":"4px","padding":"16px","use":"News / headline card"},"card-shopping":{"type":"card","bg":"#ffffff","border":"1px solid #e9ebee","radius":"8px","use":"Shopping / 가격비교 grid item"},"tile":{"type":"card","bg":"#ffffff","radius":"16px","padding":"16px","shadow":"0 1px 2px rgba(0,0,0,0.06) on hover","use":"Service tile (서비스 바로가기)"},"badge-ad":{"type":"badge","bg":"#ffffff","fg":"#03c75a","border":"1px solid #03c75a","radius":"2px","use":"광고 ad label"},"tab":{"type":"tab","fg":"#5f6368","font":"16px / 400","active":"fg #03c75a, weight 700, 3px green underline","use":"SERP vertical tabs"},"toast":{"type":"toast","bg":"#333333","fg":"#ffffff","font":"14px / 400","use":"Login / save confirmation, 2.5s dismiss"}}}, ds: { name: "NAVER Brand Resource", url: "https://www.navercorp.com/en/company/brandGuide", type: "brand", description: "NAVER Corp's official brand guide — logo usage, NAVER Green #03C75A, and identity rules.", ogImage: "https://www.navercorp.com/img/og/OG_TAG_1_Main.png" } },
|
|
187
|
-
{ id: "naverwebtoon", name: "Naver Webtoon", displayName: "Naver Webtoon", country: "KR", category: "consumer-tech", homepage: "https://comic.naver.com", primaryColor: "#00DC64", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=comic.naver.com&sz=128" }, verified: "2026-05-27", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#00dc64","primary-hover":"#00c758","brand":"#00dc64","canvas":"#ffffff","surface":"#f7f7f7","foreground":"#1a1a1a","body":"#666666","muted":"#999999","on-primary":"#ffffff","hairline":"#eeeeee","border-strong":"#dddddd","accent-like":"#ff4d6d","accent-star":"#ffb300","error":"#f5444c","viewer-black":"#000000"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"display":{"size":28,"weight":700,"lineHeight":1.3,"use":"Featured banner, event headers"},"section":{"size":20,"weight":700,"lineHeight":1.35,"use":"Row headers"},"title-card":{"size":16,"weight":600,"lineHeight":1.4,"use":"Webtoon title under thumbnail"},"author":{"size":13,"weight":400,"lineHeight":1.4,"use":"Author name, genre line"},"body":{"size":14,"weight":400,"lineHeight":1.6,"use":"Synopsis, descriptions"},"label":{"size":14,"weight":600,"lineHeight":1.4,"use":"Buttons, day tabs"},"caption":{"size":12,"weight":400,"lineHeight":1.4,"use":"View/like counts, timestamps"},"rank":{"size":22,"weight":700,"use":"Chart rank, tabular"}},"spacing":[4,8,12,16,20,24,32],"rounded":{"sm":4,"md":8,"lg":12,"full":9999},"shadow":{"subtle":"0px 2px 8px rgba(0,0,0,0.06)","floating":"0px 4px 12px rgba(0,0,0,0.12)","toast":"0px 4px 12px rgba(0,0,0,0.16)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#00dc64","fg":"#ffffff","radius":"8px","padding":"10px 18px","font":"14px / 600","states":"hover #00c758, disabled bg #eeeeee fg #bbbbbb","use":"Primary read CTA"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#333333","border":"1px solid #dddddd","radius":"8px","padding":"10px 18px","font":"14px / 600","use":"Secondary action"},"button-subscribe":{"type":"button","bg":"rgba(0,220,100,0.10)","fg":"#00c758","radius":"8px","padding":"10px 18px","font":"14px / 600","use":"관심웹툰 subscribe toggle, green-tinted when active"},"input-search":{"type":"input","bg":"#f7f7f7","fg":"#333333","radius":"8px","padding":"12px 14px","font":"14px / 400","focus":"1px border #00dc64","use":"Title/author search"},"card-thumbnail":{"type":"card","bg":"transparent","radius":"8px","states":"hover scale 1.03 + title emphasis","use":"Webtoon thumbnail card, art is the card"},"card-info":{"type":"card","bg":"#ffffff","radius":"12px","padding":"20px","shadow":"0px 2px 8px rgba(0,0,0,0.06)","use":"Title-detail header"},"badge-up":{"type":"badge","bg":"#00dc64","fg":"#ffffff","radius":"4px","padding":"1px 5px","font":"11px / 700","use":"UP / new-episode flag, the green ritual"},"chip":{"type":"badge","bg":"#f7f7f7","fg":"#666666","radius":"999px","padding":"6px 14px","font":"13px / 500","active":"bg #00dc64, fg #ffffff","use":"요일별 day tabs, genre filters"},"badge-rating":{"type":"badge","bg":"transparent","fg":"#ffb300","font":"12px / 700","use":"별점 average beside a star"},"tab":{"type":"tab","fg":"#999999","font":"15px / 600","active":"fg #00dc64, 2px #00dc64 underline","use":"Day-of-week tab"},"toast":{"type":"toast","bg":"#1a1a1a","fg":"#ffffff","radius":"8px","padding":"12px 16px","shadow":"0px 4px 12px rgba(0,0,0,0.16)","font":"14px / 500","use":"Transient feedback, 3s auto-dismiss"}}} },
|
|
188
|
-
{ id: "netflix", name: "Netflix", displayName: "Netflix", country: "US", category: "consumer-tech", homepage: "https://www.netflix.com", primaryColor: "#E50914", logo: { type: "simpleicons", slug: "netflix" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#E50914","primary-hover":"#B20710","brand":"#E50914","canvas":"#141414","foreground":"#FFFFFF","muted":"#B3B3B3","on-primary":"#FFFFFF","surface":"#181818","hairline":"#404040","body":"#B3B3B3","error":"#E87C03","success":"#2A9D3C","accent-match":"#46D369"},"typography":{"family":{"sans":"Netflix Sans","mono":"Courier New"},"billboard-title":{"size":56,"weight":700,"lineHeight":1.1,"tracking":-0.01,"use":"Hero artwork title"},"display":{"size":40,"weight":700,"lineHeight":1.15,"tracking":-0.01,"use":"Marketing hero, sign-up headline"},"heading-lg":{"size":32,"weight":700,"lineHeight":1.2,"use":"Modal title, detail-page show name"},"heading":{"size":24,"weight":700,"lineHeight":1.25,"use":"Section / category headers"},"row-title":{"size":20,"weight":700,"lineHeight":1.3,"use":"Row headers like Trending Now"},"subtitle":{"size":18,"weight":500,"lineHeight":1.4,"use":"Card title in expanded preview"},"body-lg":{"size":16,"weight":400,"lineHeight":1.5,"use":"Synopsis, descriptions"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Standard metadata, list rows"},"caption":{"size":13,"weight":400,"lineHeight":1.4,"use":"Match %, maturity rating, runtime"},"micro":{"size":12,"weight":400,"lineHeight":1.4,"tracking":0.02,"use":"Legal, fine print, footer links"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":60},"rounded":{"sm":2,"md":4,"lg":6,"full":9999},"shadow":{"hover":"0 12px 24px rgba(0,0,0,0.8)","floating":"0 6px 16px rgba(0,0,0,0.7)","modal":"0 8px 32px rgba(0,0,0,0.9)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#FFFFFF","fg":"#000000","radius":"4px","padding":"8px 24px","font":"16px / 700","states":"hover rgba(255,255,255,0.75)","use":"Play action on billboard / detail / continue-watching"},"button-cta":{"type":"button","bg":"#E50914","fg":"#FFFFFF","radius":"4px","padding":"16px 28px","font":"18px / 700","states":"hover #B20710","use":"Marketing acquisition CTA (Get Started, Finish Sign-Up)"},"button-secondary":{"type":"button","bg":"rgba(109,109,110,0.7)","fg":"#FFFFFF","radius":"4px","padding":"8px 24px","font":"16px / 700","states":"hover rgba(109,109,110,0.4)","use":"More Info beside Play"},"button-circle":{"type":"button","bg":"rgba(42,42,42,0.6)","fg":"#FFFFFF","border":"2px solid rgba(255,255,255,0.5)","radius":"9999px","height":"40px","states":"hover border #FFFFFF","use":"Add-to-list, Like, expand on hover cards"},"input-auth":{"type":"input","bg":"#161616","fg":"#FFFFFF","border":"1px solid #808080","radius":"4px","padding":"16px","font":"16px / 400","focus":"border #FFFFFF","states":"error border-bottom 2px #E87C03","use":"Email/password on sign-in"},"input-search":{"type":"input","bg":"rgba(0,0,0,0.75)","fg":"#FFFFFF","border":"1px solid #FFFFFF","radius":"4px","padding":"7px 12px","font":"14px / 400","use":"Top-nav search, expands from icon"},"card-tile":{"type":"card","bg":"#181818","radius":"4px","shadow":"none","use":"Resting poster tile in a scrolling row"},"card-hover":{"type":"card","bg":"#181818","radius":"6px","shadow":"0 12px 24px rgba(0,0,0,0.8)","states":"transform scale(1.5)","use":"Expanded preview card lifting above row"},"badge-new":{"type":"badge","bg":"transparent","fg":"#E50914","font":"12px / 700","use":"NEW EPISODE / RECENTLY ADDED overlay, uppercase"},"badge-top10":{"type":"badge","bg":"#E50914","fg":"#FFFFFF","font":"9px / 700","use":"Top 10 trending-rank ribbon"},"badge-maturity":{"type":"badge","bg":"rgba(51,51,51,0.6)","fg":"#FFFFFF","border":"1px solid #666666","radius":"2px","padding":"2px 6px","font":"13px / 400","use":"Maturity rating on detail pages / previews"},"tab-nav":{"type":"tab","fg":"#E5E5E5","font":"14px / 400","active":"color #FFFFFF weight 700","states":"hover #B3B3B3","use":"Top nav links"},"toast-banner":{"type":"toast","bg":"#E87C03","fg":"#FFFFFF","padding":"12px 16px","font":"14px / 500","use":"Account / payment full-width top banner"},"dialog-modal":{"type":"dialog","bg":"#181818","fg":"#FFFFFF","radius":"6px","padding":"0 / 24px body","shadow":"0 8px 32px rgba(0,0,0,0.9)","use":"Title-detail modal, account-action confirm"},"toggle-default":{"type":"toggle","bg":"#737373","radius":"9999px","states":"on track #E50914, thumb #FFFFFF","use":"Autoplay previews, subtitle, profile-lock switches"}}} },
|
|
189
|
-
{ id: "nexon", name: "Nexon", displayName: "Nexon", country: "KR", category: "consumer-tech", homepage: "https://www.nexon.com", primaryColor: "#00de5a", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=www.nexon.com&sz=128" }, verified: "2026-06-09", added: "2026-06-09", tokens: {"source":"live-extract","extracted":"2026-06-09","note":"primary = live Nexon brand green (#00de5a, rgb(0,222,90)) measured on the home-page CTA with black label; chrome built on near-black #17191d text over white","colors":{"primary":"#00de5a","on-primary":"#000000","canvas":"#ffffff","ink":"#17191d","near-black":"#080410","body":"#737881","label":"#4a4e57","muted":"#919191","disabled":"#9fa1a7","pure-black":"#000000"},"typography":{"family":{"sans":"NEXON Gothic Bold","fallback":"malgun gothic"},"nav-link":{"size":16,"weight":400,"lineHeight":1.2,"use":"Primary GNB navigation link, ink color"},"menu-link":{"size":14,"weight":400,"lineHeight":1.2,"use":"Secondary nav / sub-menu link"},"cta":{"size":14,"weight":700,"lineHeight":1.2,"use":"Primary green CTA label, NEXON Gothic Bold"},"body":{"size":12,"weight":400,"lineHeight":1.2,"use":"Standard reading text, footer copy"},"label":{"size":12,"weight":400,"lineHeight":1.2,"tracking":-0.3,"use":"Muted utility labels"},"caption":{"size":12,"weight":700,"lineHeight":1.2,"use":"Bold footer / emphasis caption"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":36,"section":48},"rounded":{"sm":0,"md":4,"lg":8,"full":9999},"shadow":{"flat":"none","ambient":"rgba(0,0,0,0.08) 0px 2px 8px","elevated":"rgba(0,0,0,0.16) 0px 8px 24px"},"components":{"button-primary":{"type":"button","bg":"#00de5a","fg":"#000000","radius":"0px","padding":"12px 24px","font":"14px / 700","use":"Primary green CTA, black label, NEXON Gothic Bold, sharp corners"},"button-disabled":{"type":"button","bg":"#9fa1a7","fg":"#ffffff","radius":"0px","padding":"12px 24px","font":"14px / 400","use":"Inactive / disabled CTA, muted gray fill"},"button-ghost":{"type":"button","bg":"#ffffff","fg":"#17191d","radius":"0px","padding":"10px 20px","font":"14px / 400","use":"Secondary text action, no fill, ink label"},"nav-link":{"type":"tab","fg":"#17191d","radius":"0px","padding":"0px 16px","font":"16px / 400","use":"GNB top navigation item","active":"Nx bottom border #00de5a"},"menu-item":{"type":"listItem","bg":"#ffffff","fg":"#17191d","radius":"0px","padding":"8px 16px","font":"14px / 400","use":"Dropdown / sub-nav list row"},"card":{"type":"card","bg":"#ffffff","fg":"#17191d","radius":"4px","padding":"16px","use":"Game promo card on white canvas, ambient shadow"},"badge":{"type":"badge","bg":"#00de5a","fg":"#000000","radius":"4px","padding":"2px 8px","font":"12px / 700","use":"NEW / event badge, brand green fill"},"footer-label":{"type":"badge","fg":"#9fa1a7","radius":"0px","font":"12px / 700","use":"Bold footer label, muted gray"},"input-text":{"type":"input","bg":"#ffffff","fg":"#17191d","radius":"4px","padding":"8px 12px","font":"14px / 400","use":"Search / login field, muted #919191 placeholder"}},"components_harvested":true} },
|
|
190
|
-
{ id: "nhncloud", name: "NHN Cloud", displayName: "NHN Cloud", country: "KR", category: "backend-devops", homepage: "https://www.nhncloud.com", primaryColor: "#125DE6", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=nhncloud.com&sz=128" }, verified: "2026-06-01", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#125de6","dark":"#111111","on-primary":"#ffffff","accent":"#00a9ff","accent-hover":"#0088d9","accent-secondary":"#009bf2","tint":"#e5f6ff","error":"#fa2828","canvas":"#f7f9fc","border":"#51565f","muted":"#727781"},"typography":{"family":{"sans":"Pretendard Variable","mono":"Pretendard Variable"},"body":{"size":16,"weight":400,"use":"Corporate body copy"},"cta":{"size":15,"weight":400,"use":"Primary CTA label"},"cta-lg":{"size":17,"weight":500,"use":"Larger ghost CTA on dark"},"widget":{"size":13,"weight":400,"use":"TOAST UI grid/editor body"}},"spacing":{"sm":8,"md":12,"base":16,"lg":19},"rounded":{"sm":4,"md":6,"lg":30,"full":9999},"shadow":{"none":"none"},"components":{"cta-primary":{"type":"button","bg":"#125de6","fg":"#ffffff","radius":30,"padding":"8px 19px","font":"15px/400","use":"Primary corporate CTA pill"},"cta-dark":{"type":"button","bg":"#111111","fg":"#ffffff","radius":30,"font":"15px/400","use":"High-contrast alternate action"},"cta-ghost":{"type":"button","bg":"transparent","fg":"#ffffff","radius":30,"font":"17px/500","use":"Larger ghost pill on dark section"},"newsletter-input":{"type":"input","bg":"transparent","fg":"#727781","radius":6,"font":"14px/400","use":"Email capture field"},"widget-surface":{"type":"card","bg":"#f7f9fc","radius":4,"font":"13px/400","use":"Base TOAST UI widget surface"},"widget-selected":{"type":"card","bg":"#e5f6ff","radius":4,"use":"Selected/accented TOAST UI state"}},"components_harvested":true}, ds: { name: "TOAST UI", url: "https://ui.toast.com", type: "system", description: "NHN's official open-source component library (TUI Grid/Editor/Calendar/Chart/Image-Editor), MIT-licensed under the nhn GitHub org and documented at ui.toast.com." } },
|
|
191
|
-
{ id: "nike", name: "Nike", displayName: "Nike", country: "US", category: "ecommerce", homepage: "https://www.nike.com", primaryColor: "#111111", logo: { type: "simpleicons", slug: "nike" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"ink":"#111111","canvas":"#ffffff","volt":"#d8ff00","volt-ui":"#cdfb40","orange-heritage":"#fa5400","sale":"#d43f21","error":"#e34f2b","success":"#0a8800","info":"#1463ff","warning":"#cd7b00","grey-50":"#f7f7f7","grey-100":"#f5f5f5","grey-200":"#e5e5e5","grey-300":"#cccccc","grey-500":"#8d8d8d","grey-600":"#757575","grey-700":"#707072"},"typography":{"family":{"sans":"Helvetica Now Text","mono":"Helvetica Now Text"},"hero":{"size":80,"weight":700,"lineHeight":0.95,"tracking":"-0.01em","use":"Hero headline, UPPERCASE condensed"},"display-lg":{"size":48,"weight":700,"lineHeight":1,"tracking":"-0.01em","use":"Section banners (JUST IN)"},"display-md":{"size":36,"weight":700,"lineHeight":1.05,"use":"Editorial sub-headers"},"h1":{"size":28,"weight":700,"lineHeight":1.2,"use":"Product title (PDP)"},"h2":{"size":24,"weight":500,"lineHeight":1.25,"use":"Card / section titles"},"subtitle":{"size":20,"weight":400,"lineHeight":1.4,"use":"Product category, list headers"},"body-lg":{"size":16,"weight":400,"lineHeight":1.5,"use":"Descriptions, paragraphs"},"body":{"size":15,"weight":400,"lineHeight":1.5,"use":"Standard reading text"},"price":{"size":16,"weight":500,"lineHeight":1.4,"use":"Price; sale price in red"},"caption":{"size":13,"weight":400,"lineHeight":1.4,"use":"Metadata, color count"},"label":{"size":13,"weight":700,"lineHeight":1.3,"tracking":"0.04em","use":"UPPERCASE micro-labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32},"rounded":{"sm":4,"md":8,"lg":12,"full":9999},"shadow":{"toast":"0 4px 16px rgba(0,0,0,0.12)"},"components":{"button-primary":{"type":"button","bg":"#111111","fg":"#ffffff","radius":9999,"padding":"0 24px","font":"16px/500","use":"Add to Bag, Checkout on white"},"button-inverted":{"type":"button","bg":"#ffffff","fg":"#111111","radius":9999,"padding":"0 24px","font":"16px/500","use":"Primary CTA on dark sections"},"button-secondary":{"type":"button","bg":"transparent","fg":"#111111","radius":9999,"padding":"0 24px","font":"16px/500","use":"Secondary outline action"},"button-volt":{"type":"button","bg":"#d8ff00","fg":"#111111","radius":9999,"padding":"0 24px","font":"16px/700","use":"Energy CTA, drops/SNKRS"},"input-default":{"type":"input","bg":"#ffffff","fg":"#111111","radius":8,"padding":"14px 16px","font":"16px/400","use":"Form / checkout field"},"input-search":{"type":"input","bg":"#f5f5f5","fg":"#111111","radius":9999,"padding":"12px 20px","font":"16px/400","use":"Header search field"},"product-card":{"type":"card","bg":"#ffffff","fg":"#111111","radius":0,"use":"Grid PLP product tile"},"surface-card":{"type":"card","bg":"#f7f7f7","radius":12,"padding":"24px","use":"Member panels, bag summary"},"promo-pill":{"type":"badge","bg":"#111111","fg":"#ffffff","radius":9999,"padding":"4px 12px","font":"12px/700","use":"MEMBER ACCESS tags"},"sale-pill":{"type":"badge","bg":"#d43f21","fg":"#ffffff","radius":4,"padding":"2px 8px","font":"12px/700","use":"Discount flag on imagery"},"filter-chip":{"type":"tab","bg":"#ffffff","fg":"#111111","radius":9999,"padding":"8px 16px","font":"15px/400","use":"PLP filter row","active":"filled #111111 bg, #ffffff text"},"toast":{"type":"toast","bg":"#ffffff","fg":"#111111","radius":8,"padding":"16px 20px","use":"Cart confirmation, favorite saved"},"dialog":{"type":"dialog","bg":"#ffffff","fg":"#111111","radius":12,"padding":"32px","use":"Size guide, quick add, login wall"}},"components_harvested":true} },
|
|
192
|
-
{ id: "note", name: "note", displayName: "note", country: "JP", category: "consumer-tech", homepage: "https://note.com", primaryColor: "#41C9B4", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=note.com&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"brand":"#41c9b4","theme":"#2cb696","theme-dark":"#228d74","primary":"#000000","canvas":"#f7f9f9","surface":"#ffffff","text":"#222222","on-primary":"#ffffff"},"typography":{"family":{"sans":"Hiragino Kaku Gothic ProN","mono":"Hiragino Kaku Gothic ProN"},"body":{"weight":400,"use":"Long-form Japanese article body"},"heading":{"weight":700,"use":"Titles and headings"}},"spacing":{"sm":8,"base":16},"rounded":{"sm":8,"md":8,"lg":8,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#000000","fg":"#ffffff","radius":8,"use":"Primary action (Publish / フォロー / 投稿)"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#222222","radius":8,"use":"Lower-emphasis action"},"button-theme":{"type":"button","bg":"#2cb696","fg":"#ffffff","radius":8,"use":"Brand-context action, the teal moment"},"article-card":{"type":"card","bg":"#ffffff","fg":"#222222","radius":8,"use":"Article preview on off-white canvas"},"editor-canvas":{"type":"card","bg":"#ffffff","fg":"#222222","use":"Distraction-free long-form editor"},"text-field":{"type":"input","bg":"#ffffff","fg":"#222222","radius":8,"use":"Forms, search, profile fields"}},"components_harvested":true} },
|
|
193
|
-
{ id: "notion", name: "Notion", displayName: "Notion", country: "US", category: "productivity", homepage: "https://www.notion.so", primaryColor: "#000000", logo: { type: "simpleicons", slug: "notion" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"ink":"#000000","canvas":"#ffffff","primary":"#0075de","primary-active":"#005bab","navy":"#213183","warm-white":"#f6f5f4","warm-dark":"#31302e","warm-gray-500":"#615d59","warm-gray-300":"#a39e98","teal":"#2a9d99","green":"#1aae39","orange":"#dd5b00","pink":"#ff64c8","purple":"#391c57","brown":"#523410","link-light":"#62aef0","focus":"#097fe8","badge-bg":"#f2f9ff","border":"#dddddd"},"typography":{"family":{"sans":"NotionInter","mono":"NotionInter"},"display-hero":{"size":64,"weight":700,"lineHeight":1,"tracking":-2.125,"use":"Billboard headlines"},"display-secondary":{"size":54,"weight":700,"lineHeight":1.04,"tracking":-1.875,"use":"Secondary hero"},"section":{"size":48,"weight":700,"lineHeight":1,"tracking":-1.5,"use":"Feature section titles"},"subheading-lg":{"size":40,"weight":700,"lineHeight":1.5,"use":"Card headings, metric numbers"},"subheading":{"size":26,"weight":700,"lineHeight":1.23,"tracking":-0.625,"use":"Section sub-titles"},"card-title":{"size":22,"weight":700,"lineHeight":1.27,"tracking":-0.25,"use":"Feature cards, list titles"},"body-lg":{"size":20,"weight":600,"lineHeight":1.4,"tracking":-0.125,"use":"Intros, feature descriptions"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text"},"nav-button":{"size":15,"weight":600,"lineHeight":1.33,"use":"Navigation links, button text"},"caption":{"size":14,"weight":500,"lineHeight":1.43,"use":"Metadata, secondary labels"},"badge":{"size":12,"weight":600,"lineHeight":1.33,"tracking":0.125,"use":"Pill badges, tags, status"}},"spacing":{"sm":8,"base":16},"rounded":{"sm":4,"md":12,"lg":16,"full":9999},"shadow":{"card":"rgba(0,0,0,0.04) 0px 4px 18px, rgba(0,0,0,0.027) 0px 2.025px 7.84688px, rgba(0,0,0,0.02) 0px 0.8px 2.925px, rgba(0,0,0,0.01) 0px 0.175px 1.04062px"},"components":{"button-primary":{"type":"button","bg":"#0075de","fg":"#ffffff","radius":4,"padding":"8px 16px","use":"Primary CTA (Get Notion free)"},"button-secondary":{"type":"button","bg":"rgba(0,0,0,0.05)","fg":"#000000","radius":4,"padding":"8px 16px","use":"Secondary actions, form submit"},"button-ghost":{"type":"button","bg":"transparent","fg":"#000000","use":"Tertiary actions, inline links"},"badge":{"type":"badge","bg":"#f2f9ff","fg":"#097fe8","radius":9999,"padding":"4px 8px","font":"12px/600","use":"Status badges, feature labels, New tags"},"card":{"type":"card","bg":"#ffffff","radius":12,"use":"Standard content card, whisper border"},"input":{"type":"input","bg":"#ffffff","fg":"#000000","radius":4,"padding":"6px","use":"Forms, fields"}},"components_harvested":true} },
|
|
194
|
-
{ id: "nvidia", name: "NVIDIA", displayName: "NVIDIA", country: "US", category: "consumer-tech", homepage: "https://www.nvidia.com", primaryColor: "#76b900", logo: { type: "simpleicons", slug: "nvidia" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#76b900","primary-light":"#bff230","ink":"#000000","canvas":"#ffffff","near-black":"#1a1a1a","orange":"#df6500","yellow":"#ef9100","yellow-tint":"#feeeb2","error":"#e52020","error-deep":"#650b0b","success":"#3f8500","info":"#0046a4","purple":"#4d1368","purple-tint":"#f9d4ff","fuchsia":"#8c1c55","gray-300":"#a7a7a7","gray-400":"#898989","gray-500":"#757575","gray-border":"#5e5e5e","link-hover":"#3860be","button-hover":"#1eaedb","button-active":"#007fff"},"typography":{"family":{"sans":"NVIDIA-EMEA","mono":"NVIDIA-EMEA"},"display-hero":{"size":36,"weight":700,"lineHeight":1.25,"use":"Maximum impact headlines"},"section":{"size":24,"weight":700,"lineHeight":1.25,"use":"Section titles, card headings"},"subheading":{"size":22,"weight":400,"lineHeight":1.75,"use":"Feature descriptions, subtitles"},"card-title":{"size":20,"weight":700,"lineHeight":1.25,"use":"Card and module headings"},"body-lg":{"size":18,"weight":700,"lineHeight":1.67,"use":"Emphasized body, lead paragraphs"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text"},"button":{"size":16,"weight":700,"lineHeight":1.25,"use":"Standard buttons"},"button-compact":{"size":14.4,"weight":700,"lineHeight":1,"tracking":0.144,"use":"Small/compact buttons"},"link":{"size":14,"weight":700,"lineHeight":1.43,"use":"Navigation links, uppercase nav labels"},"caption":{"size":14,"weight":600,"lineHeight":1.5,"use":"Metadata, timestamps"},"micro":{"size":10,"weight":700,"lineHeight":1.5,"use":"Uppercase tiny badges"}},"spacing":{"base":16,"lg":24},"rounded":{"sm":2,"md":2,"lg":2,"full":9999},"shadow":{"card":"rgba(0,0,0,0.3) 0px 0px 5px 0px"},"components":{"button-primary":{"type":"button","bg":"transparent","fg":"#000000","radius":2,"padding":"11px 13px","font":"16px/700","use":"Primary CTA, 2px green border"},"button-secondary":{"type":"button","bg":"transparent","fg":"#000000","radius":2,"font":"16px/700","use":"Secondary action, 1px green border"},"button-compact":{"type":"button","bg":"transparent","fg":"#000000","radius":2,"font":"14.4px/700","use":"Inline / compact CTA"},"card":{"type":"card","bg":"#ffffff","radius":2,"padding":"16-24px","use":"Light content card"},"card-dark":{"type":"card","bg":"#1a1a1a","fg":"#ffffff","radius":2,"padding":"16-24px","use":"Dark-section card"}},"components_harvested":true} },
|
|
195
|
-
{ id: "ohouse", name: "Ohouse", displayName: "Ohouse", country: "KR", category: "consumer-tech", homepage: "https://ohou.se", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=ohou.se&sz=128" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#35c5f0","primary-pressed":"#1fb1db","ink":"#222222","canvas":"#ffffff","blue-tint":"#e8f7fd","blue-light":"#7fd9f5","blue-deep":"#0e8fb8","sale":"#fa3e3e","error":"#e53935","success":"#1caf5c","warning":"#f5a623","info":"#3b82f6","star":"#ffb800","gray-50":"#fafafa","gray-100":"#f5f5f5","gray-200":"#eeeeee","gray-300":"#dddddd","gray-500":"#aaaaaa","gray-600":"#888888","gray-700":"#555555"},"typography":{"family":{"sans":"Pretendard Variable","mono":"Pretendard Variable"},"display":{"size":32,"weight":700,"lineHeight":44,"tracking":"-0.02em","use":"Hero headlines, campaign banners"},"h1":{"size":24,"weight":700,"lineHeight":33,"tracking":"-0.02em","use":"Page titles, section headers"},"h2":{"size":20,"weight":700,"lineHeight":28,"tracking":"-0.01em","use":"Card group headings"},"h3":{"size":18,"weight":600,"lineHeight":26,"tracking":"-0.01em","use":"Sub-sections, modal titles"},"title":{"size":16,"weight":600,"lineHeight":24,"use":"Card titles, nav labels"},"body":{"size":14,"weight":400,"lineHeight":22,"use":"Standard reading text"},"caption":{"size":13,"weight":400,"lineHeight":19,"use":"Metadata, review counts"},"small":{"size":12,"weight":400,"lineHeight":17,"use":"Timestamps, fine print"},"price-lg":{"size":18,"weight":700,"lineHeight":26,"tracking":"-0.01em","use":"Featured product price, tnum"}},"spacing":{"sm":8,"md":12,"base":16},"rounded":{"sm":4,"md":8,"lg":12,"xl":16,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#35c5f0","fg":"#ffffff","radius":8,"font":"16px/700","use":"Primary CTA (구매하기, 장바구니 담기)"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#222222","radius":8,"use":"Secondary action (관심상품, 공유하기)"},"button-weak":{"type":"button","bg":"#f5f5f5","fg":"#222222","radius":8,"use":"Tertiary, in-card buttons"},"button-discount":{"type":"button","bg":"#fa3e3e","fg":"#ffffff","radius":8,"use":"Sale-emphasis CTA only"},"button-critical":{"type":"button","bg":"#ffffff","fg":"#e53935","radius":8,"use":"Destructive action (삭제, 취소)"},"search-field":{"type":"input","bg":"#f5f5f5","fg":"#222222","radius":9999,"padding":"0 16px","use":"Top-bar search"},"text-field":{"type":"input","bg":"#ffffff","fg":"#222222","radius":8,"padding":"0 14px","font":"14px/400","use":"Form field"},"product-card":{"type":"card","bg":"#ffffff","radius":12,"padding":"12px","use":"Product grid tile"},"ugc-card":{"type":"card","bg":"#ffffff","fg":"#ffffff","radius":12,"use":"UGC photo card, full-bleed image"},"story-card":{"type":"card","bg":"#ffffff","fg":"#222222","radius":16,"padding":"16px","use":"Story/project card"},"discount-badge":{"type":"badge","bg":"#fa3e3e","fg":"#ffffff","radius":4,"padding":"2px 6px","font":"12px/700","use":"Sale-percentage overlay"},"new-badge":{"type":"badge","bg":"#35c5f0","fg":"#ffffff","radius":4,"font":"11px/700","use":"NEW on fresh products"},"shipping-pill":{"type":"badge","bg":"#e8f7fd","fg":"#0e8fb8","radius":9999,"padding":"2px 8px","font":"11px/600","use":"무료배송 inline"},"rank-badge":{"type":"badge","bg":"#222222","fg":"#ffffff","radius":4,"font":"12px/700","use":"BEST / 1위 rank chip"},"chip":{"type":"tab","bg":"#ffffff","fg":"#222222","radius":9999,"padding":"0 14px","font":"13px/500","use":"Filter/category chip","active":"#35c5f0 bg, #ffffff text, no border"}},"components_harvested":true} },
|
|
196
|
-
{ id: "oliveyoung", name: "Olive Young", displayName: "Olive Young (올리브영)", country: "KR", category: "ecommerce", homepage: "https://www.oliveyoung.co.kr", primaryColor: "#9bce26", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=oliveyoung.co.kr&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"black":"#000000","ink":"#131518","muted":"#888888","neutral-dark":"#2f3030","neutral-alt":"#454c53","neutral-alt-2":"#50585f","chip-text":"#757d86","canvas":"#ffffff","paper":"#f6f7f9","line":"#e5e7ea","line-thin":"#ebebeb","sale":"#f65c60","best":"#f05a5e","same-day":"#f374b7","coupon":"#9bce26","gift":"#6fcff7","promo-salmon":"#f27370"},"typography":{"family":{"sans":"Montserrat","mono":"Montserrat"},"h1":{"size":28,"weight":700,"use":"Legacy main page title"},"title":{"size":16,"weight":700,"use":"Card titles, emphasis"},"body":{"size":14,"weight":400,"lineHeight":1.4,"use":"Standard reading text"},"caption":{"size":13,"weight":400,"use":"Brand, meta"},"small":{"size":12,"weight":400,"use":"Flags, fine print"}},"spacing":{"sm":8,"base":16,"lg":18},"rounded":{"sm":4,"md":9,"lg":20,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#000000","fg":"#ffffff","radius":4,"padding":"12px 18px","font":"13.33px/700","use":"Filled black CTA (장바구니 담기)"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#454c53","radius":4,"padding":"10px 16px","font":"14px/500","use":"Secondary action (신상 더보기)"},"pagination-active":{"type":"button","bg":"#2f3030","fg":"#ffffff","radius":9999,"font":"14px/700","use":"Current page indicator"},"category-pill":{"type":"tab","bg":"#ffffff","fg":"#757d86","radius":20,"padding":"8px 14px","font":"14px/400","use":"Category shortcut","active":"#000000 bg, #ffffff text"},"filter-chip":{"type":"tab","bg":"#ffffff","fg":"#757d86","radius":18,"padding":"8px 14px","font":"14px/400","use":"Search facet filter"},"flag-sale":{"type":"badge","bg":"#f65c60","fg":"#ffffff","radius":9,"padding":"3px 6px","font":"12px/400","use":"세일 in-thumbnail pill"},"flag-same-day":{"type":"badge","bg":"#f374b7","fg":"#ffffff","radius":9,"font":"12px/400","use":"오늘드림 pill"},"flag-coupon":{"type":"badge","bg":"#9bce26","fg":"#ffffff","radius":9,"font":"12px/400","use":"쿠폰 pill"},"flag-gift":{"type":"badge","bg":"#6fcff7","fg":"#ffffff","radius":9,"font":"12px/400","use":"증정 pill"},"best-badge":{"type":"badge","bg":"#ffffff","fg":"#f05a5e","radius":24,"padding":"8px 18px","font":"14px/700","use":"베스트 sash on hero rails"},"search-input":{"type":"input","bg":"#ffffff","fg":"#131518","radius":0,"font":"13.33px/400","use":"Global GNB product search"},"product-card":{"type":"card","bg":"#ffffff","fg":"#131518","radius":0,"use":"Search/list product tile"}},"components_harvested":true} },
|
|
197
|
-
{ id: "ollama", name: "Ollama", displayName: "Ollama", country: "US", category: "ai", homepage: "https://ollama.com", primaryColor: "#000000", logo: { type: "simpleicons", slug: "ollama" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"ink":"#000000","near-black":"#262626","darkest":"#090909","canvas":"#ffffff","snow":"#fafafa","light-gray":"#e5e5e5","stone":"#737373","mid-gray":"#525252","silver":"#a3a3a3","button-text":"#404040","ring":"#3b82f6","border-light":"#d4d4d4"},"typography":{"family":{"sans":"SF Pro Rounded","mono":"ui-monospace"},"display":{"size":48,"weight":500,"lineHeight":1,"use":"Hero, rounded letterforms"},"section":{"size":36,"weight":500,"lineHeight":1.11,"use":"Feature section titles"},"subheading":{"size":30,"weight":500,"lineHeight":1.2,"use":"Card headings, feature names"},"card-title":{"size":24,"weight":400,"lineHeight":1.33,"use":"Medium emphasis headings"},"body-lg":{"size":18,"weight":400,"lineHeight":1.56,"use":"Hero descriptions, button text"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Body text, navigation"},"caption":{"size":14,"weight":400,"lineHeight":1.43,"use":"Metadata, descriptions"},"small":{"size":12,"weight":400,"lineHeight":1.33,"use":"Smallest sans text"},"code":{"size":16,"weight":400,"lineHeight":1.5,"use":"Inline code, commands"}},"spacing":{"sm":10,"base":24},"rounded":{"sm":12,"md":12,"lg":12,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#e5e5e5","fg":"#262626","radius":9999,"padding":"10px 24px","use":"Primary action, gray pill"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#404040","radius":9999,"padding":"10px 24px","use":"Secondary action, white pill"},"button-cta":{"type":"button","bg":"#000000","fg":"#ffffff","radius":9999,"use":"Max emphasis (Create account, Download)"},"card":{"type":"card","bg":"#ffffff","radius":12,"use":"Container, 1px light-gray border, no shadow"},"input":{"type":"input","bg":"#ffffff","radius":9999,"use":"Pill search/form field"},"tab-pill":{"type":"tab","bg":"transparent","radius":9999,"use":"Pill tab selector","active":"#e5e5e5 bg"},"model-tag":{"type":"badge","bg":"#e5e5e5","fg":"#262626","radius":9999,"use":"Model browse tag"}},"components_harvested":true} },
|
|
198
|
-
{ id: "omnichat", name: "Omnichat", displayName: "Omnichat", country: "TW", category: "marketing", homepage: "https://www.omnichat.ai", primaryColor: "#006aff", logo: { type: "favicon", slug: "https://www.omnichat.ai/wp-content/uploads/webiconlogo.png" }, verified: "2026-06-10", added: "2026-06-10", tokens: {"source":"live-extract","extracted":"2026-06-10","note":"primary = header CTA / featured-card blue (#006aff); action CTAs use lighter #408fff; deep navy-blue #0202a6 for section headings; signature aurora gradient (#ac9cff/#8e4dff/#69dfb2/#379afd) clipped into hero text on black.","colors":{"primary":"#006aff","action":"#408fff","deep":"#0202a6","gradient-base":"#3337f6","gradient-sky":"#379afd","gradient-mint":"#69dfb2","gradient-lavender":"#ac9cff","gradient-violet":"#8e4dff","heading-sky":"#4e97ff","heading-sky-soft":"#75adfc","hero-sub":"#8ca8cf","ink":"#333333","ink-strong":"#2e2e2e","ink-heading":"#3d3d3d","muted":"#666666","icon-grey":"#69727d","canvas":"#ffffff","surface":"#f8f9fa","surface-alt":"#f9f9f9","tint-blue":"#ecf4ff","tint-blue-deep":"#d9e8ff","hero-dark":"#000000","input-border":"#c5c5c5","menu-accent":"#cc3366"},"typography":{"family":{"display":"Outfit","zh":"Noto Sans HK"},"display-hero":{"size":52,"weight":500,"lineHeight":1.23,"tracking":1.4,"use":"Hero headline, aurora-gradient-clipped Outfit on black"},"display-xl":{"size":46,"weight":500,"lineHeight":1.4,"tracking":1,"use":"Major section headlines on dark bands"},"section":{"size":40,"weight":500,"lineHeight":1.6,"tracking":1,"use":"Section titles (deep blue or ink)"},"feature":{"size":34,"weight":500,"lineHeight":1.4,"tracking":1,"use":"Feature / case-study headings"},"card-head":{"size":26,"weight":500,"lineHeight":1.3,"tracking":1,"use":"Card and capability heads"},"plan-head":{"size":24,"weight":500,"tracking":1,"use":"Pricing plan names"},"nav":{"size":17,"weight":400,"use":"Top navigation items"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Body copy, buttons, badges"},"menu-item":{"size":14,"weight":500,"use":"Mega-menu dropdown links"}},"spacing":{"xs":3,"sm":8,"md":10,"base":16,"lg":20,"xl":27,"xxl":36},"rounded":{"sm":5,"md":10,"lg":20,"full":99},"shadow":{"card":"rgba(0,0,0,0.06) 3px 3px 15px 0px","panel":"rgba(0,0,0,0.15) 0px 3px 7px 0px"},"components":{"button-primary":{"type":"button","bg":"#006aff","fg":"#ffffff","border":"1px solid #006aff","radius":"13px 13px 0px","height":"32px","font":"16px / 500","use":"Header 專家諮詢 CTA — notched bottom-right corner"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#006aff","border":"1px solid #006aff","radius":"13px 13px 0px","height":"32px","font":"16px / 500","use":"Header 免費試用 secondary CTA, same notched geometry"},"button-gradient":{"type":"button","bg":"#3337f6","fg":"#ffffff","radius":"10px","height":"44px","padding":"10px","font":"16px / 500","states":"animated 270deg gradient #3337f6 → #379afd → #69dfb2","use":"Hero 專家諮詢 CTA on black"},"button-action":{"type":"button","bg":"#408fff","fg":"#ffffff","radius":"0px 24px","height":"45px","padding":"8px 20px 11px","font":"16px / 500","use":"聯絡專人 / 送出資料 ribbon CTA — opposing corners rounded"},"segment-toggle":{"type":"tab","fg":"#408fff","active":"bg #408fff + text #ffffff","radius":"99px","height":"36px","font":"16px / 500","use":"Pricing product switcher pill (線上對話商務 / OMO / Social CDP)"},"input-default":{"type":"input","bg":"#f9f9f9","fg":"#3d3d3d","border":"1px solid #c5c5c5","radius":"8px","height":"44px","padding":"8px 16px","font":"16px / 400","use":"Lead-form text field"},"card-pricing":{"type":"card","bg":"#ffffff","border":"2px solid #006aff","radius":"20px","padding":"36px 26px","shadow":"rgba(0,0,0,0.06) 3px 3px 15px","use":"Featured plan card; non-featured plans carry an invisible 2px #ffffff border"},"badge-popular":{"type":"badge","bg":"#006aff","fg":"#ffffff","radius":"5px","padding":"1px 32px","height":"28px","font":"16px / 400","use":"最受歡迎 plan ribbon"}},"components_harvested":true} },
|
|
199
|
-
{ id: "openai", name: "OpenAI", displayName: "OpenAI", country: "US", category: "ai", homepage: "https://openai.com", primaryColor: "#10a37f", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=openai.com&sz=128" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#10a37f","primary-hover":"#1a7f64","primary-tint":"#d9f2ea","canvas":"#ffffff","ink":"#0d0d0d","brand-black":"#000000","error":"#ef4146","warning":"#f5a623","info":"#4d6bfe","gray-50":"#f7f7f8","gray-100":"#ececec","gray-200":"#e5e5e5","gray-300":"#d1d1d1","gray-400":"#b4b4b4","gray-500":"#9b9b9b","gray-600":"#6e6e80","gray-700":"#40414f","gray-800":"#2d2d2d","surface-base":"#212121","surface-sunken":"#171717","surface-raised":"#2f2f2f","dark-border":"#3e3e42","amber-bg":"#fdf0d5","amber-text":"#b8770f"},"typography":{"family":{"sans":"OpenAI Sans","mono":"SF Mono"},"display-hero":{"size":56,"weight":600,"lineHeight":1.07,"tracking":"-0.02em","use":"Marketing hero, launch pages"},"display-lg":{"size":40,"weight":600,"lineHeight":1.15,"tracking":"-0.02em","use":"Section headers"},"h1":{"size":32,"weight":600,"lineHeight":1.25,"tracking":"-0.01em","use":"Page titles"},"h2":{"size":24,"weight":600,"lineHeight":1.33,"tracking":"-0.01em","use":"Sub-sections, card titles"},"h3":{"size":20,"weight":600,"lineHeight":1.4,"use":"Group labels, modal headers"},"subtitle":{"size":18,"weight":500,"lineHeight":1.56,"use":"Lead paragraphs, list headers"},"body-lg":{"size":16,"weight":400,"lineHeight":1.63,"use":"Marketing body, descriptions"},"body":{"size":15,"weight":400,"lineHeight":1.6,"use":"Standard reading text, chat"},"body-sm":{"size":14,"weight":400,"lineHeight":1.57,"use":"Secondary info, dense UI"},"caption":{"size":13,"weight":400,"lineHeight":1.38,"use":"Timestamps, metadata, helper"},"code":{"size":14,"weight":400,"lineHeight":1.57,"use":"Code blocks, tokens, IDs"}},"spacing":{"sm":8,"md":12,"base":16,"lg":24},"rounded":{"sm":6,"md":8,"lg":12,"xl":16,"full":9999},"shadow":{"card-hover":"0 4px 12px rgba(0,0,0,0.06)","toast":"0 4px 16px rgba(0,0,0,0.16)","dialog":"0 8px 32px rgba(0,0,0,0.16)"},"components":{"button-primary":{"type":"button","bg":"#0d0d0d","fg":"#ffffff","radius":12,"padding":"0 20px","font":"15px/500","use":"Default primary action"},"button-teal":{"type":"button","bg":"#10a37f","fg":"#ffffff","radius":12,"padding":"0 20px","font":"15px/500","use":"Brand-forward conversion CTA"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#0d0d0d","radius":12,"padding":"0 20px","font":"15px/500","use":"Secondary action"},"button-ghost":{"type":"button","bg":"transparent","fg":"#0d0d0d","radius":8,"padding":"0 12px","font":"14px/500","use":"Low-emphasis inline action"},"pill":{"type":"button","bg":"#ffffff","fg":"#0d0d0d","radius":9999,"padding":"8px 16px","font":"14px/400","use":"Prompt-suggestion chip, filter, model selector"},"chat-composer":{"type":"input","bg":"#ffffff","fg":"#0d0d0d","radius":26,"padding":"14px 18px","font":"16px/400","use":"Signature ChatGPT message input"},"form-field":{"type":"input","bg":"#ffffff","fg":"#0d0d0d","radius":8,"padding":"10px 12px","font":"15px/400","use":"Settings, API keys, account forms"},"card":{"type":"card","bg":"#ffffff","radius":12,"padding":"24px","use":"Docs cards, pricing, model cards"},"card-dark":{"type":"card","bg":"#2f2f2f","radius":12,"padding":"24px","use":"Cards on dark canvas"},"user-message":{"type":"listItem","bg":"#f7f7f8","fg":"#0d0d0d","radius":18,"padding":"10px 16px","use":"ChatGPT user turn bubble"},"badge-neutral":{"type":"badge","bg":"#ececec","fg":"#40414f","radius":6,"padding":"2px 8px","font":"12px/500","use":"Model labels, version tags"},"badge-teal":{"type":"badge","bg":"#d9f2ea","fg":"#1a7f64","radius":6,"padding":"2px 8px","font":"12px/500","use":"New, Plus, positive emphasis"},"badge-amber":{"type":"badge","bg":"#fdf0d5","fg":"#b8770f","radius":6,"padding":"2px 8px","font":"12px/500","use":"Preview, Rate limited, caution"},"tab-underline":{"type":"tab","bg":"transparent","fg":"#6e6e80","font":"15px/500","use":"Docs, settings, API reference","active":"#0d0d0d text, 2px bottom border #0d0d0d"},"segmented":{"type":"tab","bg":"#ececec","fg":"#6e6e80","radius":8,"font":"14px/500","use":"Mode/plan toggle","active":"#ffffff bg, #0d0d0d text"},"toast":{"type":"toast","bg":"#0d0d0d","fg":"#ffffff","radius":10,"padding":"12px 16px","font":"14px/400","use":"Transient confirmation (Copied, Saved)"},"dialog":{"type":"dialog","bg":"#ffffff","radius":16,"padding":"24px","use":"Confirmations, settings, upgrade prompts"},"toggle":{"type":"toggle","bg":"#10a37f","radius":9999,"use":"Boolean settings, on=teal off=#d1d1d1"}},"components_harvested":true} },
|
|
200
|
-
{ id: "opencode.ai", name: "OpenCode AI", displayName: "OpenCode AI", country: "US", category: "ai", homepage: "https://opencode.ai", primaryColor: "#000000", logo: { type: "github", slug: "opencode-ai" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#201d1d","canvas":"#fdfcfc","foreground":"#201d1d","on-primary":"#fdfcfc","muted":"#9a9898","surface":"#302c2c","surface-light":"#f1eeee","hairline":"#646262","body":"#424245","accent":"#007aff","accent-hover":"#0056b3","accent-active":"#004085","error":"#ff3b30","success":"#30d158","warning":"#ff9f0a"},"typography":{"family":{"sans":"Berkeley Mono","mono":"Berkeley Mono"},"heading-1":{"size":38,"weight":700,"lineHeight":1.5,"use":"Hero headlines, page titles"},"heading-2":{"size":16,"weight":700,"lineHeight":1.5,"use":"Section titles, bold emphasis"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard body text, paragraphs"},"body-medium":{"size":16,"weight":500,"lineHeight":1.5,"use":"Links, button text, nav items"},"body-tight":{"size":16,"weight":500,"lineHeight":1,"use":"Compact labels, tab items"},"caption":{"size":14,"weight":400,"lineHeight":2,"use":"Footnotes, metadata, small labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":96},"rounded":{"sm":4,"md":4,"lg":6,"full":9999},"shadow":{"flat":"none"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#201d1d","fg":"#fdfcfc","radius":"4px","padding":"4px 20px","font":"16px / 500","border":"1px solid #646262","use":"Primary CTAs, main actions"},"input-email":{"type":"input","bg":"#f1eeee","fg":"#201d1d","border":"1px solid rgba(15,0,0,0.12)","radius":"6px","padding":"20px","use":"Form fields, email capture"},"link-default":{"type":"badge","fg":"#201d1d","font":"16px / 500","states":"underline 1px","use":"Primary text links in body content"},"tab-nav":{"type":"tab","font":"16px / 500","active":"2px bottom border #9a9898","use":"Section switching, content filtering"}}}, ds: { name: "OpenCode Brand", url: "https://opencode.ai/brand", type: "brand", description: "OpenCode's terminal-oriented logo and brand assets.", ogImage: "https://opencode.ai/social-share.png" } },
|
|
201
|
-
{ id: "payco", name: "PAYCO", displayName: "PAYCO", country: "KR", category: "fintech", homepage: "https://www.payco.com", primaryColor: "#FF2233", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=payco.com&sz=256" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#FF2233","primary-legacy":"#ff1414","heading":"#2d2d2d","body":"#2a303a","muted":"#666666","placeholder":"#999999","secondary":"#565960","surface":"#f4f6fa","divider":"#ededed","border":"#d4d4d4","disabled-bg":"#dadada","disabled-text":"#aaacae","canvas":"#ffffff","on-primary":"#ffffff"},"typography":{"family":{"sans":"NotoSans","mono":"monospace"},"hero":{"size":52,"weight":700,"tracking":-0.56,"use":"Hero / section titles"},"section-sub":{"size":32,"weight":400,"lineHeight":1.56,"use":"Section subtitles"},"nav":{"size":24,"weight":300,"use":"Navigation links"},"subtext":{"size":24,"weight":300,"lineHeight":1.33,"use":"Hero subtext"},"button-lg":{"size":18,"weight":700,"use":"Large button label"},"body":{"size":16,"weight":400,"lineHeight":1.27,"tracking":-1,"use":"Standard body text"},"button-md":{"size":13,"weight":700,"use":"Medium button label"},"input":{"size":12,"weight":400,"use":"Input value text"}},"spacing":{"xs":10,"sm":20,"md":25,"base":32,"lg":48,"xl":115,"section":159},"rounded":{"sm":8,"md":20,"lg":100,"full":9999},"shadow":{"panel":"0 1px 0 rgba(0,0,0,0.1)"},"components":{"button-primary":{"type":"button","bg":"#FF2233","fg":"#ffffff","padding":"0 0","font":"18px / 700","use":"Primary page-level CTA, 48px height"},"button-secondary":{"type":"button","bg":"#565960","fg":"#ffffff","font":"18px / 700","use":"Dark secondary action, 48px height"},"button-ghost":{"type":"button","bg":"#ffffff","fg":"#2d2d2d","font":"18px / 700","use":"Ghost / secondary action with grey border"},"button-disabled":{"type":"button","bg":"#dadada","fg":"#aaacae","use":"Inactive button state"},"button-cta-modern":{"type":"button","bg":"#FF2233","fg":"#ffffff","radius":"8px","padding":"16px 10px","font":"14px / 400","use":"Modern CTA link button, 51px height"},"input-standard":{"type":"input","bg":"#ffffff","fg":"#666666","radius":"0px","padding":"0 0 0 20px","font":"12px / 400","use":"Standard form input, 32px height, #d4d4d4 border"}},"components_harvested":true} },
|
|
202
|
-
{ id: "paypay", name: "PayPay", displayName: "PayPay", country: "JP", category: "fintech", homepage: "https://paypay.ne.jp", primaryColor: "#FF0033", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=paypay.ne.jp&sz=128" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#ff0033","primary-pressed":"#e0002e","primary-deep":"#cc0029","primary-tint":"#ffebef","primary-disabled":"#ffb3c1","canvas":"#ffffff","ink":"#222222","success":"#00b900","error":"#e0002e","warning":"#ff8800","info":"#0088ff","point-gold":"#ffb200","gray-50":"#f5f5f5","gray-100":"#eeeeee","gray-200":"#e0e0e0","gray-300":"#cccccc","gray-400":"#999999","gray-500":"#767676","gray-700":"#555555"},"typography":{"family":{"sans":"Noto Sans JP","mono":"SF Mono"},"display-hero":{"size":32,"weight":700,"lineHeight":1.38,"use":"Splash, campaign hero, big point moments"},"balance":{"size":28,"weight":700,"lineHeight":1.29,"use":"Wallet balance, the emotional center"},"display-lg":{"size":24,"weight":700,"lineHeight":1.42,"use":"Section headers, key metrics"},"heading-lg":{"size":20,"weight":700,"lineHeight":1.4,"use":"Feature titles, modal headers"},"heading":{"size":18,"weight":700,"lineHeight":1.44,"use":"Card headings, sub-sections"},"subtitle":{"size":16,"weight":700,"lineHeight":1.5,"use":"List headers, nav titles"},"body-lg":{"size":16,"weight":400,"lineHeight":1.63,"use":"Descriptions, explanations"},"body":{"size":14,"weight":400,"lineHeight":1.57,"use":"Standard reading text"},"body-sm":{"size":13,"weight":400,"lineHeight":1.54,"use":"Secondary information"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"use":"Timestamps, fine print, legal"},"amount-hero":{"size":36,"weight":700,"use":"Payment amount on checkout/complete"}},"spacing":{"sm":8,"base":16,"lg":24},"rounded":{"sm":8,"md":12,"lg":16,"xl":24,"full":9999},"shadow":{"card":"0px 1px 4px rgba(0,0,0,0.08)","toast":"0px 4px 12px rgba(0,0,0,0.15)","dialog":"0px 8px 24px rgba(0,0,0,0.18)"},"components":{"button-primary":{"type":"button","bg":"#ff0033","fg":"#ffffff","radius":24,"padding":"0 24px","font":"16px/700","use":"Primary money action (支払う, チャージ, 送る)"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#ff0033","radius":24,"padding":"0 24px","font":"16px/700","use":"Secondary action paired with red primary"},"button-neutral":{"type":"button","bg":"#f5f5f5","fg":"#555555","radius":24,"padding":"0 24px","font":"16px/700","use":"Low-emphasis dismiss (閉じる, 戻る)"},"button-text":{"type":"button","bg":"transparent","fg":"#ff0033","padding":"8px 12px","font":"15px/700","use":"Inline tertiary action (もっと見る)"},"input-box":{"type":"input","bg":"#ffffff","fg":"#222222","radius":8,"padding":"14px 16px","font":"16px/400","use":"Standard form input"},"input-filled":{"type":"input","bg":"#f5f5f5","fg":"#222222","radius":8,"padding":"14px 16px","font":"16px/400","use":"Dense forms, search bars"},"card":{"type":"card","bg":"#ffffff","radius":12,"padding":"16px","use":"Transaction, feature, content cards"},"balance-card":{"type":"card","bg":"#ff0033","fg":"#ffffff","radius":16,"padding":"20px","use":"Wallet balance hero, signature surface"},"promo-card":{"type":"card","bg":"#ffebef","radius":16,"padding":"20px","use":"Point campaigns, あげる/もらえる offers"},"list-item":{"type":"listItem","bg":"#ffffff","radius":0,"padding":"14px 16px","use":"Transaction history, settings rows"},"badge-red":{"type":"badge","bg":"#ff0033","fg":"#ffffff","radius":10,"padding":"2px 8px","font":"12px/700","use":"NEW, 限定, primary emphasis"},"badge-gold":{"type":"badge","bg":"#ffb200","fg":"#ffffff","radius":10,"padding":"2px 8px","font":"12px/700","use":"Point amounts, reward emphasis"},"badge-green":{"type":"badge","bg":"#00b900","fg":"#ffffff","radius":10,"padding":"2px 8px","font":"12px/700","use":"完了 / success state"},"badge-weak":{"type":"badge","bg":"#ffebef","fg":"#ff0033","radius":10,"padding":"2px 8px","font":"12px/700","use":"Subtle brand-tinted label"},"bottom-tab":{"type":"tab","bg":"#ffffff","fg":"#767676","font":"10px/500","use":"5-tab bottom nav","active":"#ff0033 icon + label"},"segmented":{"type":"tab","bg":"#f5f5f5","fg":"#767676","radius":10,"padding":"8px 16px","font":"14px/700","use":"In-screen section switching","active":"#ffffff thumb, #ff0033 text"},"toast":{"type":"toast","bg":"#222222","fg":"#ffffff","radius":8,"padding":"12px 16px","font":"14px/500","use":"Transient confirmation (コピーしました)"},"dialog":{"type":"dialog","bg":"#ffffff","fg":"#222222","radius":16,"padding":"24px","use":"Confirmation prompts, alerts"},"bottom-sheet":{"type":"dialog","bg":"#ffffff","fg":"#222222","radius":20,"padding":"24px 16px","use":"Selection, picker, payment-method switch"},"toggle":{"type":"toggle","bg":"#ff0033","radius":9999,"use":"Boolean settings, on=red off=#cccccc"}},"components_harvested":true} },
|
|
203
|
-
{ id: "pchome", name: "PChome", displayName: "PChome", country: "TW", category: "e-commerce", homepage: "https://www.pchome.com.tw", primaryColor: "#ea1717", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=pchome.com.tw&sz=128" }, verified: "2026-06-08", added: "2026-06-08", tokens: {"source":"live-extract","extracted":"2026-06-08","note":"primary = live 24h price/accent red rgb(234,23,23) → #ea1717; portal hero CTA red #fe3b52 is a softer variant. Body text is #2b2b2b on a #f2f2f2 commerce canvas.","colors":{"primary":"#ea1717","primary-soft":"#fe3b52","primary-coral":"#fd7777","canvas":"#f2f2f2","surface":"#ffffff","heading":"#000000","body":"#2b2b2b","body-muted":"#666666","label-muted":"#969696","link":"#0090eb","link-deep":"#008ae0","navy":"#0e4f77","navy-deep":"#084567","success":"#0bb677","amber":"#fed796","hairline":"#e5e5e5","on-primary":"#ffffff"},"typography":{"family":{"sans":"Noto Sans TC","display":"Montserrat","fallback":"Microsoft JhengHei"},"feature-title":{"size":28,"weight":700,"lineHeight":1.23,"tracking":0,"use":"Editorial / feature card titles on hero carousels"},"section-title":{"size":22,"weight":700,"lineHeight":1.23,"tracking":0,"use":"Secondary headlines, section heads"},"price-lg":{"size":24,"weight":700,"lineHeight":1.2,"tracking":0,"use":"Hero / featured product price"},"price":{"size":18,"weight":600,"lineHeight":1.3,"tracking":0,"use":"Product card price in red #ea1717"},"body":{"size":16,"weight":400,"lineHeight":1.5,"tracking":0,"use":"Standard reading text, product titles"},"label":{"size":14,"weight":400,"lineHeight":1.4,"tracking":0,"use":"Tab labels, metadata, secondary nav"},"caption":{"size":13,"weight":400,"lineHeight":1.4,"tracking":0,"use":"Fine print, spec rows, timestamps"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":16,"full":9999},"shadow":{"ambient":"rgba(0,0,0,0.06) 0px 1px 4px","card":"rgba(0,0,0,0.1) 0px 2px 8px","elevated":"rgba(1,47,73,0.1) 0px 8px 24px"},"components":{"button-primary":{"type":"button","bg":"#ea1717","fg":"#ffffff","radius":4,"font":"weight 700","use":"Add to cart / Buy now"},"button-soft":{"type":"button","bg":"#fe3b52","fg":"#ffffff","radius":9999,"use":"Portal hero CTA / banner actions"},"card":{"type":"card","bg":"#ffffff","radius":8,"use":"Dense product grid card, soft card shadow"},"price-tag":{"type":"badge","fg":"#ea1717","font":"18px weight 600","use":"Product price, strike-through #969696 for list price"},"badge-promo":{"type":"badge","bg":"#ea1717","fg":"#ffffff","radius":4,"use":"P幣 / 折扣 promo flags"},"tab-bar":{"type":"tab","bg":"#f2f2f2","fg":"#000000","font":"16px weight 400","use":"Category switcher","active":"black active text"}},"components_harvested":true} },
|
|
204
|
-
{ id: "perplexity", name: "Perplexity", displayName: "Perplexity", country: "US", category: "ai", homepage: "https://www.perplexity.ai", primaryColor: "#20808D", logo: { type: "simpleicons", slug: "perplexity" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#20808d","primary-hover":"#1a6873","primary-deep":"#13343b","primary-tint":"#e5f2f2","teal-on-dark":"#34b4c4","ink":"#091717","canvas":"#fbfaf4","surface":"#fcfcf9","surface-white":"#ffffff","body":"#2e3a3a","muted":"#5c6a6a","placeholder":"#8a9494","hairline":"#e4e4dc","hairline-soft":"#efefe9","dark-canvas":"#0d1117","dark-surface":"#161b22","dark-line":"#2a2f37","ink-inverse":"#f2f2ed","success":"#1f9d6b","error":"#e0524a","warning":"#d9923a","on-primary":"#ffffff"},"typography":{"family":{"sans":"FK Grotesk","mono":"Berkeley Mono"},"display-hero":{"size":48,"weight":500,"lineHeight":1.08,"tracking":-0.02,"use":"Landing hero"},"display":{"size":36,"weight":500,"lineHeight":1.17,"tracking":-0.02,"use":"Marketing section headers"},"heading-lg":{"size":28,"weight":600,"lineHeight":1.29,"tracking":-0.01,"use":"Thread title, page headers"},"heading":{"size":22,"weight":600,"lineHeight":1.36,"tracking":-0.01,"use":"Answer section headers, modal titles"},"subtitle":{"size":18,"weight":600,"lineHeight":1.44,"use":"Source group labels, card headings"},"answer-body":{"size":16,"weight":400,"lineHeight":1.63,"use":"Generated answer text, reading-first leading"},"body":{"size":15,"weight":400,"lineHeight":1.6,"use":"UI descriptions, settings"},"label":{"size":14,"weight":500,"lineHeight":1.43,"use":"Buttons, tabs, chips"},"caption":{"size":13,"weight":400,"lineHeight":1.38,"use":"Metadata, source domains, timestamps"},"mono":{"size":13,"weight":400,"lineHeight":1.54,"use":"Code, model IDs"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":6,"md":10,"lg":16,"full":9999},"shadow":{"ambient":"rgba(9,23,23,0.06) 0px 1px 3px","standard":"rgba(9,23,23,0.08) 0px 2px 8px","elevated":"rgba(9,23,23,0.20) 0px 16px 48px"},"components":{"button-primary":{"type":"button","bg":"#20808d","fg":"#ffffff","radius":10,"padding":"0 18px","font":"14px / 500","use":"Ask / submit primary CTA"},"button-secondary":{"type":"button","bg":"#fcfcf9","fg":"#091717","radius":10,"padding":"0 18px","font":"14px / 500","use":"Secondary action, 1px #e4e4dc border"},"button-ghost":{"type":"button","bg":"#efefe9","fg":"#5c6a6a","radius":8,"padding":"0 12px","font":"14px / 500","use":"Toolbar actions (Share, Sources, More)"},"pill":{"type":"badge","bg":"#ffffff","fg":"#2e3a3a","radius":9999,"padding":"6px 14px","font":"13px / 500","use":"Focus mode / filter selector","active":"#20808d border, #13343b text, #e5f2f2 bg"},"composer":{"type":"input","bg":"#ffffff","fg":"#091717","radius":16,"padding":"16px 18px","font":"16px / 400","use":"The Ask box, 1px #e4e4dc border, focus #20808d ring"},"text-field":{"type":"input","bg":"#ffffff","fg":"#091717","radius":10,"padding":"10px 14px","font":"15px / 400","use":"Standard text field, 1px #e4e4dc border"},"answer-card":{"type":"card","bg":"#fcfcf9","radius":12,"padding":"20px 24px","use":"Generated answer block, 1px #efefe9 border, editorial flat"},"source-card":{"type":"card","bg":"#ffffff","radius":10,"padding":"12px 14px","use":"Cited source card, 1px #e4e4dc border"},"citation-chip":{"type":"badge","bg":"#e5f2f2","fg":"#13343b","radius":6,"padding":"1px 6px","font":"11px / 600","use":"Inline source reference"},"badge-pro":{"type":"badge","bg":"#13343b","fg":"#ffffff","radius":6,"padding":"2px 8px","font":"11px / 600","use":"PRO / model labels"},"badge-status":{"type":"badge","bg":"#e5f2f2","fg":"#20808d","radius":6,"padding":"2px 8px","font":"11px / 600","use":"New / Beta / focus-mode labels"},"tab":{"type":"tab","fg":"#5c6a6a","font":"14px / 500","use":"Home / Discover / Spaces / Library","active":"#091717 text, 2px bottom border #20808d"},"toast":{"type":"toast","bg":"#091717","fg":"#f2f2ed","radius":10,"padding":"12px 16px","font":"14px / 400","use":"Copied / Shared transient confirmations"},"dialog":{"type":"dialog","bg":"#fbfaf4","fg":"#091717","radius":16,"padding":"28px","use":"Sign-in, settings, share, upgrade modal"},"toggle":{"type":"toggle","bg":"#20808d","radius":9999,"use":"Settings switch, #ffffff thumb"}},"components_harvested":true} },
|
|
205
|
-
{ id: "piccollage", name: "PicCollage", displayName: "PicCollage", country: "US", category: "consumer-tech", homepage: "https://piccollage.com", primaryColor: "#4FC3C4", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=piccollage.com&sz=256" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#4fc3c4","teal-nav":"#b7e1da","teal-footer":"#7ad2c3","teal-border":"#2db59e","hero-bg":"#fbf2eb","nav-bg":"#f5f4ef","surface":"#ece9df","surface-hover":"#e8e4d9","divider":"#d9d2bf","body":"#292929","body-secondary":"#4d4d4d","accent-pink":"#f85482","accent-yellow":"#ffcf3d","gradient-1":"#8235b8","gradient-2":"#974dcb","gradient-3":"#ef4967","gradient-4":"#ee604d","on-primary":"#ffffff"},"typography":{"family":{"sans":"Poppins","display":"Zilla Slab"},"display":{"size":60,"weight":600,"lineHeight":1.12,"use":"Marketing hero headline (Zilla Slab)"},"section-title":{"size":36,"weight":700,"use":"Feature card / section headline (desktop)"},"sub-headline":{"size":25,"weight":500,"lineHeight":1.4,"use":"Hero tagline / sub-headline"},"body":{"size":18,"weight":400,"use":"Feature descriptions, body copy"},"label":{"size":14,"weight":500,"tracking":-0.28,"use":"UI label, nav button"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":16,"full":9999},"shadow":{"ambient":"rgba(0,0,0,0.08) 0px 2px 12px","card":"rgba(0,0,0,0.10) 0px 0px 12px","thumbnail":"rgba(0,0,0,0.15) 0px 0px 8px"},"components":{"button-primary":{"type":"button","bg":"#4fc3c4","fg":"#ffffff","radius":9999,"font":"14px / 700","use":"App download / sticky CTA"},"button-nav":{"type":"button","bg":"#b7e1da","fg":"#292929","radius":9999,"padding":"8px 12px","font":"14px / 500","use":"Nav Download button, 1.5px #2db59e border"},"icon-button":{"type":"button","bg":"#ece9df","radius":9999,"use":"Toolbar / nav icon button, 1.5px #d9d2bf border"},"nav-item":{"type":"tab","fg":"#4d4d4d","radius":9999,"padding":"8px 12px","font":"14px / 500","use":"Nav menu item"},"card":{"type":"card","bg":"#ffffff","radius":16,"use":"Feature panel, 2px #e8e4d9 border, soft shadow"},"thumbnail":{"type":"card","radius":16,"use":"Collage thumbnail, soft drop shadow"}},"components_harvested":true} },
|
|
206
|
-
{ id: "pinkoi", name: "Pinkoi", displayName: "Pinkoi", country: "TW", category: "consumer-tech", homepage: "https://www.pinkoi.com", primaryColor: "#ff595a", logo: { type: "github", slug: "pinkoi" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","note":"primary = §2 Mid Teal #10567b (--primary/--login base); purchase-exclusive CTA = coral #f16c5d","colors":{"primary":"#10567b","primary-hover":"#064162","primary-active":"#003354","link":"#2e90b7","canvas":"#f7f7f8","surface":"#ffffff","surface-hover":"#eeeeef","border-light":"#e5e5e6","border-mid":"#d3d3d5","heading":"#39393e","text-secondary":"#515156","muted":"#66666a","subtle":"#7c7c80","faint":"#929295","disabled":"#a8a8ab","ink":"#202026","purchase":"#f16c5d","purchase-hover":"#e56051","purchase-active":"#da5648","error":"#e63349","error-hover":"#d72136","success":"#2cac97","on-primary":"#ffffff"},"typography":{"family":{"sans":"Helvetica Neue","cjk":"PingFang TC"},"section-heading":{"size":22,"weight":700,"use":"Section headings — weight-driven hierarchy"},"card-title":{"size":18,"weight":700,"use":"Card titles, mid headings"},"subhead":{"size":16,"weight":500,"use":"Subheadings, stronger labels"},"body":{"size":14,"weight":400,"use":"Body, button text default, breadcrumbs"},"meta":{"size":13,"weight":400,"use":"Inline metadata, secondary text"},"badge":{"size":12,"weight":400,"use":"Badge text, small labels, breadcrumbs"},"caption":{"size":11,"weight":400,"use":"Captions, timestamps"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":2,"md":4,"lg":8,"full":9999},"shadow":{"soft":"rgba(32,32,38,0.12) 0px 2px 4px","edge":"rgba(32,32,38,0.2) 0px 1px 1px","modal":"rgba(32,32,38,0.4) 0px 8px 24px"},"components":{"button-primary":{"type":"button","bg":"#10567b","fg":"#ffffff","radius":4,"padding":"8px 12px","font":"14px / 400","use":"Primary CTA, 1px #10567b border"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#39393e","radius":4,"padding":"8px 12px","font":"14px / 400","use":"Cancel / neutral CTA, 1px #a8a8ab border"},"button-purchase":{"type":"button","bg":"#f16c5d","fg":"#ffffff","radius":4,"padding":"8px 12px","font":"14px / 400","use":"Add to Cart / Buy Now (conversion-exclusive coral)"},"button-danger":{"type":"button","bg":"#e63349","fg":"#ffffff","radius":4,"padding":"8px 12px","font":"14px / 400","use":"Destructive actions"},"button-success":{"type":"button","bg":"#2cac97","fg":"#ffffff","radius":4,"padding":"8px 12px","font":"14px / 400","use":"Confirmations, follow"},"input":{"type":"input","bg":"#ffffff","fg":"#39393e","radius":4,"padding":"8px 12px","font":"14px / 400","use":"Standard text input, 1px #d3d3d5 border"},"product-card":{"type":"card","bg":"#ffffff","radius":4,"use":"6-column commerce product grid, image-led"},"card":{"type":"card","bg":"#ffffff","radius":4,"padding":"16px","use":"Generic content card, 1px #d3d3d5 border"},"card-badge":{"type":"badge","bg":"#10567b","fg":"#ffffff","radius":2,"padding":"1px 4px","font":"12px / 400","use":"Inline product card badge"},"discount-badge":{"type":"badge","bg":"#e63349","fg":"#ffffff","radius":2,"padding":"2px 6px","font":"12px / 700","use":"Discount ribbon on product image"}},"components_harvested":true} },
|
|
207
|
-
{ id: "pinterest", name: "Pinterest", displayName: "Pinterest", country: "US", category: "consumer-tech", homepage: "https://www.pinterest.com", primaryColor: "#e60023", logo: { type: "simpleicons", slug: "pinterest" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#e60023","green":"#103c25","green-hover":"#0b2819","heading":"#211922","ink":"#000000","muted":"#62625b","disabled-text":"#91918c","focus":"#435ee5","link":"#2b48d4","pressed-blue":"#617bff","perf-purple":"#6845ab","rec-purple":"#7e238b","facebook":"#0866ff","sand":"#e5e5e0","warm-light":"#e0e0d9","border-disabled":"#c8c8c1","hover-gray":"#bcbcb3","dark-surface":"#33332e","error":"#9e0a0a","on-primary":"#ffffff"},"typography":{"family":{"sans":"Pin Sans"},"display-hero":{"size":70,"weight":600,"use":"Maximum-impact hero"},"section-heading":{"size":28,"weight":700,"tracking":-1.2,"use":"Section titles, negative tracking"},"body":{"size":16,"weight":400,"lineHeight":1.4,"use":"Standard reading"},"caption-bold":{"size":14,"weight":700,"use":"Strong metadata"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"use":"Small text, tags"},"button":{"size":12,"weight":400,"use":"Button labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":8,"md":16,"lg":20,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#e60023","fg":"#000000","radius":16,"padding":"6px 14px","use":"Primary CTA — black text on red"},"button-secondary":{"type":"button","bg":"#e5e5e0","fg":"#000000","radius":16,"padding":"6px 14px","use":"Secondary action, warm sand gray"},"button-circular":{"type":"button","bg":"#e0e0d9","fg":"#211922","radius":9999,"use":"Pin actions, navigation controls"},"button-ghost":{"type":"button","fg":"#000000","radius":16,"use":"Tertiary action, transparent"},"input":{"type":"input","bg":"#ffffff","fg":"#211922","radius":16,"padding":"11px 15px","use":"Email input, 1px #91918c border"},"card":{"type":"card","bg":"#ffffff","radius":16,"use":"Photography-first pin card, no shadow"}},"components_harvested":true}, ds: { name: "Gestalt", url: "https://gestalt.pinterest.systems", type: "system", description: "Pinterest's open-source React component library with tokens and foundations." } },
|
|
208
|
-
{ id: "pixiv", name: "pixiv", displayName: "pixiv", country: "JP", category: "consumer-tech", homepage: "https://www.pixiv.net", primaryColor: "#0096fa", logo: { type: "simpleicons", slug: "pixiv" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#0096fa","primary-hover":"#0086e0","primary-tint":"#e3f3ff","engagement-red":"#ff4060","canvas":"#ffffff","heading":"#1a1a1a","grey-50":"#fafafa","grey-100":"#f5f5f5","grey-200":"#eeeeee","grey-300":"#dddddd","grey-400":"#cccccc","grey-500":"#999999","grey-600":"#858585","body":"#666666","label":"#333333","dark-surface":"#1f1f1f","dark-raised":"#2b2b2b","dark-border":"#3a3a3a","dark-text":"#f0f0f0","success":"#4caf50","error":"#e3413f","warning":"#ff9800","premium-gold":"#ffb300","on-primary":"#ffffff"},"typography":{"family":{"sans":"system-ui","mono":"SF Mono"},"display":{"size":28,"weight":700,"lineHeight":1.36,"use":"Landing hero, campaign headers"},"heading-lg":{"size":22,"weight":700,"lineHeight":1.36,"use":"Page titles, artwork title"},"heading":{"size":18,"weight":700,"lineHeight":1.44,"use":"Card section titles, ranking headers"},"subtitle":{"size":16,"weight":600,"lineHeight":1.5,"use":"List section labels, modal headers"},"body-lg":{"size":15,"weight":400,"lineHeight":1.6,"use":"Artwork descriptions, captions"},"body":{"size":14,"weight":400,"lineHeight":1.57,"use":"Standard reading text, comments"},"body-sm":{"size":13,"weight":400,"lineHeight":1.54,"use":"Metadata, secondary info"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"use":"Tag counts, timestamps, view counts"},"micro":{"size":11,"weight":400,"lineHeight":1.45,"use":"Badge text, thumbnail overlay counters"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":6,"lg":8,"full":9999},"shadow":{"ambient":"rgba(0,0,0,0.12) 0px 2px 8px","standard":"rgba(0,0,0,0.2) 0px 4px 12px","elevated":"rgba(0,0,0,0.25) 0px 8px 28px"},"components":{"button-primary":{"type":"button","bg":"#0096fa","fg":"#ffffff","radius":6,"padding":"10px 20px","font":"14px / 700","use":"Primary CTA — Follow, Post, Login (~40px)"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#0096fa","radius":6,"padding":"10px 20px","font":"14px / 700","use":"Secondary action, 1px #0096fa border"},"button-neutral":{"type":"button","bg":"#f5f5f5","fg":"#666666","radius":6,"padding":"10px 20px","font":"14px / 600","use":"Low-emphasis action, 1px #dddddd border"},"button-follow":{"type":"toggle","bg":"#0096fa","fg":"#ffffff","radius":6,"use":"Follow toggle","active":"#ffffff bg, #999999 text, 1px #dddddd border (following)"},"button-premium":{"type":"button","bg":"#ffb300","fg":"#ffffff","radius":6,"padding":"10px 20px","font":"14px / 700","use":"Premium upsell CTA"},"input":{"type":"input","bg":"#ffffff","fg":"#333333","radius":4,"padding":"10px 12px","font":"14px / 400","use":"Text field, 1px #dddddd border, focus #0096fa"},"search":{"type":"input","bg":"#f5f5f5","fg":"#333333","radius":9999,"padding":"8px 16px","use":"Global search pill, focus white + #0096fa border"},"thumbnail-card":{"type":"card","bg":"#ffffff","radius":8,"use":"Artwork thumbnail — atomic discovery unit"},"content-card":{"type":"card","bg":"#ffffff","radius":8,"padding":"16px","use":"Ranking / recommendation panel, 1px #eeeeee border"},"tag-pill":{"type":"badge","bg":"#f5f5f5","fg":"#0096fa","radius":4,"padding":"4px 8px","font":"13px / 400","use":"Tag pill — primary navigation surface"},"badge-r18":{"type":"badge","bg":"#ff4060","fg":"#ffffff","radius":4,"font":"11px / 700","use":"Age-restricted content marker"},"badge-premium":{"type":"badge","bg":"#ffb300","fg":"#ffffff","radius":4,"use":"Premium member / feature marker"},"tab":{"type":"tab","fg":"#858585","font":"14px / 700","padding":"12px 16px","use":"Section switching","active":"#0096fa text, 2px bottom border #0096fa"},"toast":{"type":"toast","bg":"#333333","fg":"#ffffff","radius":4,"padding":"12px 16px","font":"14px / 400","use":"Bookmark confirmation, ~2.5s dismiss"},"dialog":{"type":"dialog","bg":"#ffffff","radius":8,"padding":"24px","use":"Login prompts, settings, confirmations"},"toggle":{"type":"toggle","bg":"#0096fa","radius":9999,"use":"Settings switch, white thumb, off #cccccc"}},"components_harvested":true} },
|
|
209
|
-
{ id: "pixnet", name: "PIXNET", displayName: "PIXNET", country: "TW", category: "content", homepage: "https://www.pixnet.net", primaryColor: "#ff7200", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=www.pixnet.net&sz=128" }, verified: "2026-06-08", added: "2026-06-08", tokens: {"source":"live-extract","extracted":"2026-06-08","note":"primary = live PIXNET orange #ff7200 (login CTA + 68 DOM uses); secondary accent = warm red #ff432b; body type is Noto Serif TC — a serif, unusual for a content platform","colors":{"primary":"#ff7200","primary-deep":"#e85f00","accent-red":"#ff432b","accent-tint":"#fcdfda","canvas":"#ffffff","surface-muted":"#f4f4f4","heading":"#423e3c","body":"#423e3c","label":"#575451","muted":"#817f7d","muted-2":"#969492","on-primary":"#ffffff","hairline":"#eaeae9","border-soft":"#c0bfbe","ink":"#000000"},"typography":{"family":{"serif":"Noto Serif TC","sans":"system-ui"},"heading-lg":{"size":18,"weight":700,"lineHeight":1.33,"tracking":0.5,"use":"Section / channel headings, nav emphasis"},"heading":{"size":16,"weight":700,"lineHeight":1.5,"tracking":1.2,"use":"Card titles, tag labels, h1/h2 inline"},"body":{"size":16,"weight":400,"lineHeight":1.5,"tracking":1.2,"use":"Standard reading text, article copy"},"body-sm":{"size":14,"weight":400,"lineHeight":1.43,"use":"Meta, captions, secondary lines"},"button":{"size":14,"weight":500,"lineHeight":1,"use":"Primary CTA label (login)"},"nav":{"size":16,"weight":400,"lineHeight":1.5,"use":"Header nav links, footer links"},"caption":{"size":13,"weight":400,"use":"Timestamps, counts, fine print"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":6,"lg":12,"full":9999},"shadow":{"ambient":"rgba(66,62,60,0.08) 0px 2px 8px","standard":"rgba(66,62,60,0.12) 0px 4px 16px","elevated":"rgba(66,62,60,0.16) 0px 8px 28px"},"components":{"button-primary":{"type":"button","bg":"#ff7200","fg":"#ffffff","radius":6,"font":"weight 500, 36px tall","use":"Primary CTA (login)"},"button-ghost":{"type":"button","bg":"#ffffff","fg":"#423e3c","radius":6,"use":"Secondary action, 1px #eaeae9 hairline border"},"tag-pill":{"type":"badge","bg":"#ffffff","fg":"#423e3c","radius":6,"font":"weight 700","use":"Tag / channel label, hairline border"},"card":{"type":"card","bg":"#ffffff","radius":6,"use":"Article/content card, hairline #eaeae9 border, low warm shadow"}},"components_harvested":true} },
|
|
210
|
-
{ id: "posthog", name: "PostHog", displayName: "PostHog", country: "US", category: "backend-devops", homepage: "https://posthog.com", primaryColor: "#1d4aff", logo: { type: "simpleicons", slug: "posthog" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","note":"primary = dark near-black CTA fill (#1e1f23); brand accent = hidden PostHog Orange (#F54E00) that only appears on hover","colors":{"primary":"#1e1f23","brand":"#F54E00","canvas":"#fdfdf8","foreground":"#4d4f46","heading":"#23251d","muted":"#65675e","surface":"#eeefe9","surface-sage":"#e5e7e0","surface-tan":"#d4c9b8","hairline":"#bfc1b7","border-light":"#b6b7af","placeholder":"#9ea096","accent-amber":"#F7A501","accent-gold":"#b17816","focus":"#3b82f6","on-primary":"#ffffff"},"typography":{"family":{"sans":"IBM Plex Sans Variable","mono":"Source Code Pro"},"display-hero":{"size":30,"weight":800,"lineHeight":1.2,"tracking":-0.75,"use":"Hero headline — extra-bold, tight"},"section":{"size":36,"weight":700,"lineHeight":1.5,"use":"Section titles — large, generous line-height"},"feature":{"size":24,"weight":700,"lineHeight":1.33,"use":"Feature section titles"},"subheading":{"size":20,"weight":700,"lineHeight":1.4,"tracking":-0.5,"use":"Content sub-sections"},"body-semi":{"size":18,"weight":600,"lineHeight":1.56,"use":"Semi-bold body / callout text"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text"},"nav":{"size":15,"weight":600,"lineHeight":1.5,"use":"Navigation and UI labels"},"caption":{"size":14,"weight":400,"lineHeight":1.43,"use":"Small text, captions"},"micro":{"size":12,"weight":500,"lineHeight":1.33,"use":"Tags, badges, smallest labels"},"code":{"size":14,"weight":500,"lineHeight":1.43,"use":"Code snippets and terminal"}},"spacing":{"xs":2,"sm":4,"md":8,"base":12,"lg":16,"xl":24,"xxl":32,"section":48},"rounded":{"sm":2,"md":4,"lg":6,"full":9999},"shadow":{"deep":"0px 25px 50px -12px rgba(0,0,0,0.25)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#1e1f23","fg":"#ffffff","radius":"6px","padding":"10px 12px","font":"15px / 600","hover":"opacity 0.7, text #F7A501","active":"opacity 0.8, slight scale","use":"Main CTA — dark and confident"},"button-sage":{"type":"button","bg":"#e5e7e0","fg":"#4d4f46","radius":"4px","padding":"4px","font":"14px / 500","hover":"bg #f4f4f4, text #F54E00","use":"Compact utility button"},"button-tan":{"type":"button","bg":"#d4c9b8","fg":"#000000","radius":"0px","padding":"10px 12px","hover":"text #F54E00","use":"Featured/premium actions"},"button-ghost":{"type":"button","bg":"#fdfdf8","fg":"#4d4f46","border":"1px solid transparent","radius":"4px","padding":"8px 12px","hover":"text #F54E00","use":"Minimal-presence ghost button"},"input-default":{"type":"input","bg":"#eeefe9","fg":"#374151","border":"1px solid #b6b7af","radius":"4px","padding":"2px 0 2px 8px","focus":"#3b82f6 ring at 50% opacity","use":"Standard form input"},"input-search":{"type":"input","bg":"#eeefe9","fg":"#374151","border":"1px solid #b6b7af","radius":"4px","padding":"6px 8px","use":"Search/filter control"},"card-bordered":{"type":"card","bg":"#fdfdf8","border":"1px solid #bfc1b7","radius":"6px","padding":"16px","use":"Clean minimal default card"},"card-sage":{"type":"card","bg":"#eeefe9","border":"1px solid #bfc1b7","radius":"4px","padding":"16px","use":"Secondary content container"},"card-shadow":{"type":"card","bg":"#fdfdf8","radius":"6px","padding":"16px","shadow":"0px 25px 50px -12px rgba(0,0,0,0.25)","hover":"orange text flash","use":"Elevated content (modals, dropdowns)"},"badge-default":{"type":"badge","bg":"#e5e7e0","fg":"#4d4f46","radius":"4px","padding":"2px 8px","font":"12px / 500","use":"Default tag"},"badge-featured":{"type":"badge","bg":"#d4c9b8","fg":"#000000","radius":"4px","padding":"2px 8px","font":"12px / 600","use":"Warm tan featured tag"}}}, ds: { name: "PostHog Brand Assets", url: "https://posthog.com/handbook/company/brand-assets", type: "brand", description: "PostHog's public handbook brand, logo, and illustration guidelines.", ogImage: "https://d36j3rcgc2qfsv.cloudfront.net/handbookcompanybrand-assets.jpeg" } },
|
|
211
|
-
{ id: "postype", name: "POSTYPE", displayName: "포스타입", country: "KR", category: "consumer-tech", homepage: "https://www.postype.com", primaryColor: "#f33d4d", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=postype.com&sz=128" }, verified: "2026-06-11", added: "2026-06-11", tokens: {"source":"live-extract","extracted":"2026-06-11","note":"Action color is ink charcoal (#2c2c2f) on the filled sign-up CTA; brand accent is POSTYPE red (#f33d4d, ×21 bg occurrences); interactive links use blue (#3478ff); purple (#8956f8) is a minor decorative accent. Near-black body ink #141415. Flat, shadowless chrome on a white/light-grey canvas.","colors":{"primary":"#f33d4d","action":"#2c2c2f","ink":"#141415","link":"#3478ff","accent-purple":"#8956f8","immersive":"#1e1b3a","body":"#62626a","muted":"#76767f","canvas":"#ffffff","surface":"#f2f2f3","surface-alt":"#f9f9fa","hairline":"#eaeaeb","on-dark":"#ffffff"},"typography":{"family":{"sans":"Postype Sans-serif KR","fallback":"Apple SD Gothic Neo"},"heading":{"size":32,"weight":700,"lineHeight":1.25,"use":"Page / brand headline, Postype Sans-serif KR Bold"},"nav":{"size":16,"weight":400,"lineHeight":1.5,"use":"Top nav pill labels"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text"},"button":{"size":15,"weight":600,"lineHeight":1.5,"use":"Login / sign-up CTA label"},"button-sm":{"size":13,"weight":600,"lineHeight":1.5,"use":"Subscribe / inline action label"},"caption":{"size":14,"weight":400,"lineHeight":1.5,"use":"Legal footer links, metadata"},"chip":{"size":11,"weight":400,"lineHeight":1.5,"use":"Tag chips"}},"spacing":{"xs":4,"sm":6,"md":8,"base":12,"lg":16,"xl":24,"xxl":40},"rounded":{"sm":6,"md":8,"chip":24,"full":9999},"shadow":{"none":"none"},"components":{"button-signup":{"type":"button","bg":"#2c2c2f","fg":"#ffffff","radius":"8px","padding":"6px 16px","height":"40px","font":"15px / 600 Postype Sans-serif KR","use":"Primary filled CTA — 회원 가입 / sign up"},"button-login":{"type":"button","bg":"#ffffff","fg":"#2c2c2f","border":"1px solid #eaeaeb","radius":"8px","padding":"6px 16px","height":"40px","font":"15px / 600 Postype Sans-serif KR","use":"Secondary outlined action — 로그인 / log in"},"button-subscribe":{"type":"button","bg":"#f2f2f3","fg":"#2c2c2f","radius":"8px","padding":"4px 12px","height":"32px","font":"13px / 600 Postype Sans-serif KR","use":"Tinted-grey compact action — 구독 / subscribe"},"nav-pill":{"type":"tab","fg":"#2c2c2f","radius":"8px","padding":"4px 12px","font":"16px / 400 Postype Sans-serif KR","active":"bg #f2f2f3","use":"Top nav item, active = tinted-grey fill"},"tag-chip":{"type":"badge","bg":"#f2f2f3","fg":"#2c2c2f","radius":"24px","font":"11px / 400 Postype Sans-serif KR","use":"Content tag / category chip"},"card-surface":{"type":"card","bg":"#f9f9fa","fg":"#141415","radius":"8px","use":"Tinted content card on light-grey surface, flat (no shadow)"},"avatar":{"type":"avatar","bg":"#ffffff","radius":"9999px","height":"48px","use":"Circular channel/creator avatar"},"footer-link":{"type":"listItem","fg":"#2c2c2f","font":"14px / 400 Postype Sans-serif KR","use":"Footer / legal navigation link"}},"components_harvested":true} },
|
|
212
|
-
{ id: "publy", name: "PUBLY", displayName: "퍼블리", country: "KR", category: "education", homepage: "https://publy.co", primaryColor: "#7a3bff", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=publy.co&sz=128" }, verified: "2026-05-27", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#7a3bff","primary-pressed":"#6429e6","primary-tint":"#f1ebff","canvas":"#ffffff","ink":"#0f172a","slate-950":"#111213","slate-800":"#282b2f","slate-700":"#3c4043","slate-600":"#575b5c","slate-500":"#77797b","slate-400":"#979b9e","slate-300":"#ced0d1","slate-200":"#e2e8f0","slate-100":"#f5f5f5","error":"#ef4444","success":"#16a34a","on-primary":"#ffffff"},"typography":{"family":{"sans":"system-ui"},"display":{"size":30,"weight":700,"lineHeight":1.33,"tracking":-0.4,"use":"Landing hero, report cover title"},"heading-lg":{"size":24,"weight":700,"lineHeight":1.33,"tracking":-0.3,"use":"Section / report title"},"heading":{"size":20,"weight":700,"lineHeight":1.4,"tracking":-0.3,"use":"Sub-section, card group header"},"title":{"size":16,"weight":600,"lineHeight":1.5,"tracking":-0.2,"use":"Card title, list header"},"body-lg":{"size":16,"weight":400,"lineHeight":1.63,"tracking":-0.2,"use":"Long-form report body, generous leading"},"body":{"size":14,"weight":400,"lineHeight":1.57,"tracking":-0.2,"use":"Default body, card description"},"label":{"size":14,"weight":600,"lineHeight":1.43,"tracking":-0.2,"use":"Tab label, emphasized inline"},"caption":{"size":13,"weight":400,"lineHeight":1.38,"tracking":-0.2,"use":"Metadata, author, read-time"},"micro":{"size":12,"weight":500,"lineHeight":1.33,"tracking":-0.2,"use":"Fine print, control labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":12,"full":9999},"shadow":{"ambient":"rgba(0,0,0,0.06) 0px 2px 8px","standard":"rgba(0,0,0,0.08) 0px 4px 16px","elevated":"rgba(0,0,0,0.12) 0px 8px 28px"},"components":{"button-primary":{"type":"button","bg":"#7a3bff","fg":"#ffffff","radius":8,"padding":"12px 16px","font":"14px / 600","use":"Primary CTA — 멤버십 시작하기, 3일 무료체험"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#7a3bff","radius":8,"padding":"12px 16px","font":"14px / 600","use":"Secondary CTA — 저장하기, 공유하기, 1px #7a3bff border"},"button-neutral":{"type":"button","bg":"#ffffff","fg":"#282b2f","radius":8,"padding":"12px 16px","font":"14px / 500","use":"Tertiary action, 1px #e2e8f0 border"},"button-ghost":{"type":"button","fg":"#7a3bff","radius":8,"padding":"8px 12px","font":"14px / 600","use":"Inline text action, 더 보기"},"input":{"type":"input","bg":"#ffffff","fg":"#0f172a","radius":8,"padding":"12px 14px","font":"14px / 400","use":"Default text input, 1px #e2e8f0 border, focus #7a3bff"},"search":{"type":"input","bg":"#f5f5f5","fg":"#0f172a","radius":8,"padding":"12px 16px","use":"Header / discovery search bar"},"content-card":{"type":"card","bg":"#ffffff","radius":12,"padding":"20px","use":"Report / content card, 1px #e2e8f0 border"},"membership-card":{"type":"card","bg":"#f1ebff","radius":12,"padding":"24px","use":"Membership / paywall promotion"},"tag-default":{"type":"badge","bg":"#f5f5f5","fg":"#575b5c","radius":6,"padding":"4px 8px","font":"13px / 600","use":"Topic category"},"tag-active":{"type":"badge","bg":"#f1ebff","fg":"#7a3bff","radius":6,"padding":"4px 8px","font":"13px / 600","use":"Selected topic filter"},"badge-best":{"type":"badge","bg":"#7a3bff","fg":"#ffffff","radius":4,"padding":"3px 6px","font":"11px / 700","use":"BEST / NEW / Series flags"},"tab":{"type":"tab","fg":"#575b5c","font":"14px / 600","use":"Topic nav","active":"#7a3bff text + 2px purple underline"}},"components_harvested":true} },
|
|
213
|
-
{ id: "qanda", name: "QANDA", displayName: "QANDA", country: "KR", category: "consumer-tech", homepage: "https://qanda.ai", primaryColor: "#ff5500", logo: { type: "favicon", slug: "https://qanda.ai/favicon.ico" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#ff5500","heading":"#222222","cta":"#3d3d3d","canvas":"#ffffff","surface":"#f9f9f9","border":"#f0f0f0","disabled":"#b5b5b5","placeholder":"#999999","body":"#5d5d5d","stone-bg":"#f6f4f2","stone-border":"#efefef","stone-soft":"#d4cecb","stone-body":"#9a9492","stone-meta":"#78716e","stone-text":"#665c57","stone-heading":"#111111","success":"#0d9974","success-tint":"#ecf7f4","on-primary":"#ffffff"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"hero":{"size":30,"weight":700,"lineHeight":1.3,"use":"Hero KR statement headline"},"section":{"size":22,"weight":600,"lineHeight":1.4,"use":"Feature card titles"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Buttons, nav, body copy — universal floor"},"small":{"size":14,"weight":400,"use":"Footer links, helper copy"},"caption":{"size":13,"weight":400,"use":"Footer legal text"},"meta":{"size":12,"weight":400,"use":"Timestamps, badges"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":40,"section":80},"rounded":{"sm":8,"md":16,"lg":24,"full":9999},"shadow":{"subtle":"0 1px 4px rgba(0,0,0,0.04)","standard":"0 4px 16px rgba(0,0,0,0.08)","prominent":"0 8px 24px rgba(0,0,0,0.12)"},"components":{"button-primary":{"type":"button","bg":"#3d3d3d","fg":"#f9f9f9","radius":"8px","font":"16px / 400","use":"Primary CTA — 시작하기 / Get started; charcoal not orange"},"button-pill":{"type":"button","bg":"#f9f9f9","fg":"#222222","radius":"35px","padding":"0 16px","font":"16px / 400","use":"New question / chip re-entry in left rail"},"button-camera":{"type":"button","bg":"#f9f9f9","fg":"#222222","radius":"9999px","use":"Signature image-upload / camera CTA, 44px hit target"},"badge-accent":{"type":"badge","bg":"#ff5500","fg":"#ffffff","radius":"9999px","use":"Promotional badges, NEW markers, premium flags"},"button-text":{"type":"button","bg":"transparent","fg":"#222222","use":"Nav links, active by color contrast; inactive #999999"},"card":{"type":"card","bg":"#ffffff","radius":"24px","use":"Feature cards, 1px #f0f0f0 border, minimal shadow"},"chip":{"type":"badge","bg":"#f9f9f9","fg":"#222222","radius":"35px","padding":"0 16px","use":"Chips/tags; orange variant #ff5500 fg #ffffff"},"input":{"type":"input","bg":"#ffffff","radius":"24px","padding":"12px 16px","use":"Conversation bar, 1px #f0f0f0 border, placeholder #999999"},"badge-success":{"type":"badge","bg":"#ecf7f4","fg":"#0d9974","use":"Correct-answer 정답이에요 in 풀이 첨삭"}},"components_harvested":true} },
|
|
214
|
-
{ id: "ragic", name: "Ragic", displayName: "Ragic", country: "TW", category: "productivity", homepage: "https://www.ragic.com", primaryColor: "#f70e0e", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=ragic.com&sz=128" }, verified: "2026-06-08", added: "2026-06-08", tokens: {"source":"live-extract","extracted":"2026-06-08","note":"primary = live 'Create account' CTA fill (#f70e0e); brand-red accent (#fa3e3e) is the most-used signature color across headings, stats, and dividers","colors":{"primary":"#f70e0e","primary-deep":"#d50e0e","accent-red":"#fa3e3e","link":"#0066cc","accent-blue":"#65a4f4","blue-tint":"#e8f0fb","canvas":"#ffffff","surface":"#fafafa","surface-gray":"#efefef","heading":"#000000","body":"#222222","label":"#333333","muted":"#aaaaaa","slate":"#73859f","panel-dark":"#2b333f","hairline":"#dddddd","on-primary":"#ffffff"},"typography":{"family":{"sans":"Open Sans","cjk":"Noto Sans TC"},"h1":{"size":36,"weight":700,"lineHeight":1.2,"tracking":-1,"use":"Hero headline — bold, tightly tracked"},"h2":{"size":32,"weight":800,"lineHeight":1.25,"tracking":0,"use":"Section titles — heaviest weight on the page"},"stat":{"size":32,"weight":300,"tracking":0,"use":"Large numeric stats in accent-red (#fa3e3e)"},"cta-label":{"size":17,"weight":600,"lineHeight":1,"use":"Primary 'Create account' button label"},"body":{"size":15,"weight":400,"lineHeight":1.6,"use":"Standard reading text, 24px line-height"},"button":{"size":14,"weight":400,"lineHeight":1,"use":"Tab / filter chip buttons"},"caption":{"size":12,"weight":400,"lineHeight":1.2,"use":"Small UI labels, table chrome"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":30,"xxl":48,"section":64},"rounded":{"sm":2,"md":5,"lg":6,"pill":9,"full":9999},"shadow":{"ambient":"rgba(0,0,0,0.08) 0px 1px 3px","standard":"rgba(0,0,0,0.12) 0px 2px 8px","elevated":"rgba(0,0,0,0.18) 0px 8px 24px"},"components":{"button-primary":{"type":"button","bg":"#f70e0e","fg":"#ffffff","radius":6,"padding":"14px 30px","font":"weight 600","use":"Primary 'Create account' CTA"},"tab":{"type":"tab","bg":"#ffffff","fg":"#aaaaaa","radius":5,"padding":"8px 16px","use":"Tab / filter chip","active":"#65a4f4 text + 1px #65a4f4 border"},"link":{"type":"badge","fg":"#0066cc","use":"Utilitarian database-link blue, no underline until hover"},"card":{"type":"card","bg":"#ffffff","radius":6,"use":"White surface, 1px #dddddd hairline, soft neutral shadow"},"stat-figure":{"type":"badge","fg":"#fa3e3e","font":"weight 300, 32px","use":"Large spreadsheet-style numeric stats"}},"components_harvested":true} },
|
|
215
|
-
{ id: "rakuten", name: "Rakuten", displayName: "Rakuten", country: "JP", category: "ecommerce", homepage: "https://www.rakuten.co.jp", primaryColor: "#bf0000", logo: { type: "simpleicons", slug: "rakuten" }, verified: "2026-06-10", added: "2026-06-10", tokens: {"source":"reconciled","extracted":"2026-06-10","note":"primary = Rakuten Crimson (#bf0000) live on every commerce surface (login CTA, search submit, prices, active service tab). ReX component library (npm @rakuten-rex, archived 2021) ships a separate action blue (#134ff3) — both documented, live crimson wins primary.","colors":{"primary":"#bf0000","ink":"#333333","muted":"#666666","link":"#1d54a7","service-blue":"#0078b5","canvas":"#ffffff","surface":"#f4f4f4","input-surface":"#f7f7f7","hairline":"#ebebeb","border-strong":"#d1d1d1","sale-yellow":"#fff100","sale-cream":"#fff9c8","on-primary":"#ffffff","rex-action":"#134ff3","rex-action-hover":"#3a6dfa","rex-action-active":"#053ace"},"typography":{"family":{"jp-live":"Meiryo, Hiragino Kaku Gothic ProN, MS PGothic","brand":"Rakuten Sans (corporate, Dalton Maag 2020)","rex":"system-ui stack"},"section":{"size":20,"weight":600,"use":"Module headings on Ichiba (今売れている商品 등 weight 700 on Books)"},"nav":{"size":13,"weight":400,"use":"Group service nav links"},"input":{"size":16,"weight":400,"use":"Header keyword search field"},"body":{"size":12,"weight":400,"lineHeight":1.1,"use":"Dense commerce body/default text"},"button":{"size":12,"weight":400,"use":"Header CTA labels (ログイン)"},"button-lg":{"size":14,"weight":400,"use":"Books CTA / outline button labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"section":40},"rounded":{"sm":4,"md":8,"lg":15,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#bf0000","fg":"#ffffff","radius":"4px","height":"32px","padding":"0 11px","font":"12px / 400","use":"ログイン / member CTA in global header (35px·14px on Books)"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#333333","border":"1px solid #d1d1d1","radius":"4px","height":"37px","font":"14px / 400","use":"Secondary actions — 楽天会員登録(無料), もっと見る"},"button-pill":{"type":"button","bg":"#ffffff","fg":"#333333","border":"1px solid #d1d1d1","radius":"15px","padding":"5px 26px 5px 20px","font":"14px / 400","use":"Read-more pill on Books modules"},"search-bar":{"type":"input","bg":"#f7f7f7","fg":"#666666","border":"1px solid #ebebeb","radius":"4px","height":"40px","padding":"8px 12px","font":"16px / 400","use":"Header keyword search; crimson #bf0000 submit block attached right (0 4px 4px 0)"},"service-tab":{"type":"tab","fg":"#ffffff","font":"13px / 400","padding":"12px 8px","active":"#ffffff text on #bf0000 bg","use":"Group service nav; current service fills crimson"},"card-module":{"type":"card","bg":"#ffffff","radius":"8px","use":"Product/content module floated on #f4f4f4 canvas, hairline-separated, shadowless"},"sale-banner":{"type":"card","bg":"#fff100","fg":"#666666","radius":"8px","padding":"12px 24px 16px","use":"Big-sale / campaign section container"},"rex-button":{"type":"button","bg":"#134ff3","fg":"#ffffff","radius":"4px","padding":"8px 16px","font":"16px / 400","hover":"#3a6dfa","active":"#053ace","use":"ReX library primary action (npm @rakuten-rex/button, archived 2021)"}},"components_harvested":true} },
|
|
216
|
-
{ id: "ramp", name: "Ramp", displayName: "Ramp", country: "US", category: "fintech", homepage: "https://ramp.com", primaryColor: "#E5FE54", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=ramp.com&sz=128" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#e5fe54","lime-hover":"#d4ed3f","lime-100":"#f4fcc9","lime-50":"#fbfee8","ink":"#1c1b17","ink-700":"#3d3c37","ink-600":"#56554f","canvas":"#f7f7f5","surface":"#ffffff","grey-500":"#74726b","grey-400":"#9c9a92","grey-300":"#c9c7bf","grey-200":"#e3e1da","grey-100":"#efeee9","success":"#1a7f4b","error":"#d93f3f","warning":"#e08a1e","info":"#2f6fe0","on-primary":"#1c1b17"},"typography":{"family":{"sans":"Lausanne","serif":"Burgess","mono":"Lausanne Mono"},"display-hero":{"size":72,"weight":400,"lineHeight":1.06,"tracking":-0.02,"use":"Marketing hero headlines (Burgess serif)"},"display-lg":{"size":52,"weight":400,"lineHeight":1.12,"tracking":-0.02,"use":"Section openers, editorial (serif)"},"heading-1":{"size":40,"weight":500,"lineHeight":1.15,"tracking":-0.015,"use":"Page titles in product"},"heading-2":{"size":30,"weight":500,"lineHeight":1.27,"tracking":-0.01,"use":"Section headers"},"heading-3":{"size":22,"weight":500,"lineHeight":1.36,"tracking":-0.01,"use":"Card titles, sub-sections"},"subtitle":{"size":18,"weight":500,"lineHeight":1.44,"use":"Navigation, list headers"},"body-lg":{"size":17,"weight":400,"lineHeight":1.59,"use":"Marketing body, descriptions"},"body":{"size":15,"weight":400,"lineHeight":1.53,"use":"Standard UI reading text"},"body-sm":{"size":13,"weight":400,"lineHeight":1.46,"use":"Secondary info, table cells"},"caption":{"size":12,"weight":400,"lineHeight":1.33,"tracking":0.01,"use":"Timestamps, fine print, labels"},"overline":{"size":11,"weight":600,"lineHeight":1.27,"tracking":0.08,"use":"Eyebrow labels, uppercase section tags"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":6,"md":8,"lg":16,"full":9999},"shadow":{"ambient":"rgba(28,27,23,0.05) 0px 1px 2px","standard":"rgba(28,27,23,0.18) 0px 8px 24px","elevated":"rgba(28,27,23,0.18) 0px 12px 40px"},"components":{"button-primary":{"type":"button","bg":"#e5fe54","fg":"#1c1b17","radius":8,"padding":"0 20px","font":"15px / 500","use":"Primary CTA — Get started, Get a demo (44px)"},"button-ink":{"type":"button","bg":"#1c1b17","fg":"#ffffff","radius":8,"padding":"0 20px","font":"15px / 500","use":"Strong action on light surfaces, default product CTA"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#1c1b17","radius":8,"padding":"0 20px","font":"15px / 500","use":"Secondary action, 1px #c9c7bf border"},"button-ghost":{"type":"button","fg":"#3d3c37","radius":8,"padding":"0 12px","font":"15px / 500","use":"Low-emphasis inline (Cancel, Back)"},"button-danger":{"type":"button","bg":"#d93f3f","fg":"#ffffff","radius":8,"padding":"0 20px","font":"15px / 500","use":"Destructive confirmation"},"input":{"type":"input","bg":"#ffffff","fg":"#1c1b17","radius":8,"padding":"11px 14px","font":"15px / 400","use":"Standard form input, 1px #c9c7bf border, lime focus ring"},"input-filled":{"type":"input","bg":"#f7f7f5","fg":"#1c1b17","radius":8,"padding":"11px 14px","font":"15px / 400","use":"Dense forms, search bars"},"card":{"type":"card","bg":"#ffffff","radius":12,"padding":"24px","use":"Workhorse surface — metrics, lists, panels, 1px #e3e1da border"},"card-savings":{"type":"card","bg":"#f4fcc9","radius":12,"padding":"24px","use":"Savings callout, lime-tinted, 1px #e5fe54 border"},"card-dark":{"type":"card","bg":"#1c1b17","fg":"#ffffff","radius":16,"padding":"32px","use":"Marketing feature card, lime accents pop on black"},"badge-lime":{"type":"badge","bg":"#e5fe54","fg":"#1c1b17","radius":6,"padding":"3px 8px","font":"12px / 600","use":"NEW / AI brand-emphasis tags"},"badge-success":{"type":"badge","fg":"#1a7f4b","radius":6,"padding":"3px 8px","font":"12px / 600","use":"Approved, reconciled, savings confirmed"},"badge-neutral":{"type":"badge","bg":"#efeee9","fg":"#56554f","radius":6,"padding":"3px 8px","font":"12px / 600","use":"Categories, metadata, default status"},"tab":{"type":"tab","fg":"#74726b","font":"15px / 500","use":"In-page section switching","active":"#1c1b17 text, 2px bottom border #1c1b17"},"segmented":{"type":"tab","bg":"#efeee9","radius":8,"padding":"6px 14px","font":"14px / 500","use":"View toggles (Month / Quarter / Year)","active":"#ffffff bg, #1c1b17 text"},"toast":{"type":"toast","bg":"#1c1b17","fg":"#ffffff","radius":10,"padding":"12px 16px","font":"14px / 500","use":"Transient confirmation, lime accent"},"dialog":{"type":"dialog","bg":"#ffffff","radius":16,"padding":"28px","use":"Confirmations, create-card flow, approval prompts"},"toggle":{"type":"toggle","bg":"#1c1b17","radius":9999,"use":"Boolean settings, white thumb, off #c9c7bf"}},"components_harvested":true} },
|
|
217
|
-
{ id: "rayark", name: "Rayark", displayName: "Rayark", country: "TW", category: "entertainment", homepage: "https://rayark.com", primaryColor: "#5FE0EE", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=rayark.com&sz=128" }, verified: "2026-06-01", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"ground":"#1a1c1d","accent":"#5fe0ee","on-dark":"#ffffff","on-accent":"#000000"},"typography":{"family":{"sans":"Noto Sans","mono":"Noto Sans"},"nav":{"size":20,"weight":400,"use":"Navigation links, white on dark"},"body":{"size":16,"weight":400,"use":"Running text"},"button":{"size":16,"weight":700,"use":"Primary CTA label"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":3,"md":3,"lg":3,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#5fe0ee","fg":"#000000","radius":3,"padding":"0 16px","font":"16/700","use":"Primary CTA 'Play Now', 2px solid #ffffff border, 40px height"},"nav-top":{"type":"tab","bg":"transparent","fg":"#ffffff","font":"20/400","use":"Transparent header, white nav links, 70px height"},"surface":{"type":"card","bg":"#1a1c1d","fg":"#ffffff","font":"16/400","use":"Near-black page canvas"}},"components_harvested":true} },
|
|
218
|
-
{ id: "raycast", name: "Raycast", displayName: "Raycast", country: "US", category: "developer-tools", homepage: "https://www.raycast.com", primaryColor: "#ff6363", logo: { type: "simpleicons", slug: "raycast" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"background":"#07080a","surface":"#101111","card":"#1b1c1e","white":"#ffffff","accent":"#ff6363","body":"#f9f9f9","secondary":"#cecece","silver":"#c0c0c0","link":"#9c9c9d","dim":"#6a6b6c","dark-gray":"#434345","border":"#2f3031","button-fg":"#18191a","key-start":"#121212","key-end":"#0d0d0d"},"typography":{"family":{"sans":"Inter","mono":"GeistMono"},"display-hero":{"size":64,"weight":600,"lineHeight":1.1,"tracking":0,"use":"Hero display"},"section":{"size":56,"weight":400,"lineHeight":1.17,"tracking":0.2,"use":"Section display"},"heading":{"size":24,"weight":500,"tracking":0.2,"use":"Section heading"},"card-heading":{"size":22,"weight":400,"lineHeight":1.15,"tracking":0,"use":"Card heading"},"body":{"size":16,"weight":500,"lineHeight":1.6,"tracking":0.2,"use":"Primary body text"},"button":{"size":16,"weight":600,"lineHeight":1.15,"tracking":0.3,"use":"Button label"},"caption":{"size":14,"weight":500,"lineHeight":1.14,"tracking":0.2,"use":"Small labels, metadata"},"code":{"size":14,"weight":500,"lineHeight":1.6,"tracking":0.3,"use":"Code blocks (GeistMono)"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":40,"section":80},"rounded":{"sm":6,"md":8,"lg":12,"full":9999},"shadow":{"subtle":"rgba(0,0,0,0.28) 0px 1.189px 2.377px","button-inset":"rgba(255,255,255,0.1) 0px 1px 0px 0px inset","warm-glow":"rgba(215,201,175,0.05) 0px 0px 20px 5px"},"components":{"button-primary":{"type":"button","bg":"transparent","fg":"#ffffff","radius":9999,"padding":"10px 16px","font":"16/600","use":"Primary pill button, inset white highlight"},"button-cta":{"type":"button","fg":"#18191a","radius":9999,"padding":"10px 16px","use":"Hero Download CTA, translucent white fill"},"button-ghost":{"type":"button","bg":"transparent","fg":"#6a6b6c","radius":9999,"padding":"10px 16px","use":"Tertiary action, gray text brightens on hover"},"input":{"type":"input","bg":"#07080a","fg":"#f9f9f9","radius":8,"padding":"10px 12px","use":"Form input on dark, blue focus glow"},"card":{"type":"card","bg":"#101111","fg":"#ffffff","radius":12,"padding":"16px","use":"Default dark card, faint white border"},"card-feature":{"type":"card","bg":"#101111","radius":20,"padding":"24px","use":"Hero/feature card with warm glow"},"badge":{"type":"badge","bg":"#1b1c1e","fg":"#ffffff","radius":6,"padding":"0 6px","font":"14/500","use":"Categorization badge"},"nav-top":{"type":"tab","bg":"#07080a","fg":"#9c9c9d","font":"16/500","use":"Top nav links, white on hover","active":"white text on hover, underline"}},"components_harvested":true}, ds: { name: "Raycast Brand", url: "https://www.raycast.com/templates/brand-guidelines", type: "brand", description: "Raycast's brand guidelines with colors, logos, and asset kit." } },
|
|
219
|
-
{ id: "remember", name: "Remember", displayName: "Remember", country: "KR", category: "productivity", homepage: "https://www.rememberapp.co.kr", primaryColor: "#000000", logo: { type: "favicon", slug: "https://cdn.rememberapp.co.kr/logos/remember/rmbr_og_image.png" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"action":"#000000","body":"#222222","white":"#ffffff","on-orange":"#fffff9","signup-orange":"#ff5414","brand-orange":"#ff6a0d","success":"#239e7b","surface-mint":"#d9fcf2","neutral-50":"#fafafa","neutral-100":"#f2f2f2","neutral-200":"#ebebeb","neutral-300":"#d4d4d4","neutral-400":"#bdbdbd","neutral-500":"#808080","neutral-700":"#424242"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"section-h2":{"size":20,"weight":600,"lineHeight":1.3,"use":"Career feed section headers"},"card-h3":{"size":16,"weight":400,"lineHeight":1.45,"use":"Job-card and company-card titles"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Job-description, community-post body"},"button":{"size":14,"weight":400,"use":"Login / signup / nav buttons"},"cta-label":{"size":12,"weight":400,"use":"Signup conversion CTA label"},"caption":{"size":12,"weight":400,"use":"Timestamps, D-day badges, location"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":40,"section":56},"rounded":{"sm":4,"md":6,"lg":12,"full":9999},"shadow":{"subtle":"0px 1px 2px rgba(0,0,0,0.04)","standard":"0px 2px 8px rgba(0,0,0,0.08)","modal":"0px 8px 24px rgba(0,0,0,0.16)"},"components":{"button-primary":{"type":"button","bg":"#000000","fg":"#ffffff","radius":4,"padding":"0 12px","font":"14/400","use":"Login, primary auth, search submit — the fingerprint button"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#000000","radius":6,"padding":"0 12px","font":"14/400","use":"Sign-up secondary button on dark header"},"button-outline":{"type":"button","bg":"transparent","fg":"#ffffff","radius":6,"padding":"0 12px","font":"14/400","use":"B2B nav button, 1px white border on dark"},"button-growth":{"type":"button","bg":"#ff5414","fg":"#fffff9","radius":4,"padding":"6.5px 13px","font":"12/400","use":"Signup growth CTA, single saturated punch"},"filter-chip":{"type":"badge","bg":"transparent","fg":"#222222","radius":4,"padding":"10px 16px","font":"16/400","use":"Filter facet, 1px #d4d4d4 border","active":"#222222 bg, #ffffff text"},"search-input":{"type":"input","bg":"#f2f2f2","fg":"#222222","radius":4,"padding":"0 0 0 56px","font":"16/400","use":"Hero search, 52px tall, #808080 placeholder"},"job-card":{"type":"card","bg":"transparent","fg":"#000000","radius":0,"font":"16/400","use":"Career feed atomic unit, chromeless, density-led"},"company-card":{"type":"card","bg":"#ffffff","fg":"#222222","radius":8,"padding":"16px","use":"Premium company carousel card, 1px #ebebeb border"},"status-pill":{"type":"badge","bg":"#d9fcf2","fg":"#239e7b","radius":4,"padding":"2px 8px","font":"12/400","use":"Accepted-status badge in history"}},"components_harvested":true}, ds: { name: "Remember UI", url: "https://dramancompany.github.io/remember-ui/", type: "system", description: "Remember (drama&company) UI library — public Storybook deploy with components for the business-card / B2B networking product.", ogImage: "https://cdn.rememberapp.co.kr/logos/remember/rmbr_og_image.png" } },
|
|
220
|
-
{ id: "renault", name: "Renault", displayName: "Renault", country: "FR", category: "automotive", homepage: "https://www.renault.com", primaryColor: "#ffcc00", logo: { type: "simpleicons", slug: "renault" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"yellow":"#efdf00","black":"#000000","white":"#ffffff","soft-yellow":"#f8eb4c","blue":"#1883fd","warm-gray":"#d9d9d6","charcoal":"#222222","pale-silver":"#f2f2f2","border-gray":"#d1d1d1","success":"#8dc572","error":"#be6464","warning":"#f0ad4e","info":"#337ab7"},"typography":{"family":{"sans":"NouvelR","mono":"NouvelR"},"hero-title":{"size":56,"weight":700,"lineHeight":0.95,"use":"Hero titles, all-caps model names"},"section":{"size":40,"weight":700,"lineHeight":0.95,"use":"PromoCard section headings"},"card-heading":{"size":32,"weight":700,"lineHeight":0.95,"use":"Medium card headings"},"subheading":{"size":24,"weight":700,"lineHeight":0.95,"use":"Section sub-titles"},"body":{"size":14,"weight":400,"lineHeight":1.4,"use":"Paragraph and descriptive content"},"button":{"size":14.4,"weight":700,"lineHeight":1,"tracking":0.144,"use":"Primary button text"},"nav-link":{"size":13,"weight":700,"lineHeight":1.5,"use":"Navigation and footer links"},"caption":{"size":12.8,"weight":400,"lineHeight":1.1,"use":"Small descriptive text"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":40,"section":80},"rounded":{"sm":2,"md":3,"lg":4,"full":9999},"shadow":{"soft":"rgba(0,0,0,0.2) 0px 4px 8px","medium":"rgba(0,0,0,0.2) 0px 0px 18px","deep":"rgba(0,0,0,0.15) 0px 40px 80px"},"components":{"button-super-primary":{"type":"button","bg":"#efdf00","fg":"#000000","radius":0,"padding":"10px 15px","font":"16/700","use":"Highest-emphasis CTA, 1px #efdf00 border, 46px min"},"button-primary":{"type":"button","bg":"#000000","fg":"#ffffff","radius":0,"padding":"10px 15px","font":"16/700","use":"Default action; inverted #ffffff bg on dark"},"button-ghost":{"type":"button","bg":"transparent","fg":"#ffffff","radius":0,"padding":"10px 15px","font":"16/700","use":"Transparent outline, 1px white border on dark"},"text-link":{"type":"button","bg":"transparent","fg":"#000000","use":"Inline link, hover shifts to #1883fd"},"promo-card-light":{"type":"card","bg":"#ffffff","fg":"#000000","radius":0,"use":"Editorial card, full-bleed photo, dark gradient overlay"},"promo-card-dark":{"type":"card","bg":"#000000","fg":"#ffffff","radius":0,"use":"Cinematic alternative-mode card"},"input":{"type":"input","bg":"#ffffff","fg":"#000000","radius":9999,"padding":"6px 35px 6px 15px","font":"12.8/400","use":"Pill search input, 1px #d1d1d1 border"}},"components_harvested":true} },
|
|
221
|
-
{ id: "replicate", name: "Replicate", displayName: "Replicate", country: "US", category: "ai", homepage: "https://replicate.com", primaryColor: "#fc7676", logo: { type: "simpleicons", slug: "replicate" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"dark":"#202020","red":"#ea2804","secondary-red":"#dd4425","status-green":"#2b9a66","github-dark":"#24292e","white":"#ffffff","near-white":"#fcfcfc","medium-gray":"#646464","warm-gray":"#4e4e4e","mid-silver":"#8d8d8d","light-silver":"#bbbbbb","black":"#000000"},"typography":{"family":{"sans":"basier-square","mono":"jetbrains-mono"},"display-mega":{"size":128,"weight":700,"lineHeight":1,"use":"Closing manifesto (rb-freigeist-neue)"},"display-hero":{"size":72,"weight":700,"lineHeight":1,"tracking":-1.8,"use":"Hero headline (rb-freigeist-neue)"},"section":{"size":48,"weight":700,"lineHeight":1,"use":"Feature section titles (rb-freigeist-neue)"},"subheading":{"size":30,"weight":600,"lineHeight":1.2,"use":"Card headings (rb-freigeist-neue)"},"body-lg":{"size":20,"weight":400,"lineHeight":1.4,"use":"Intro paragraphs"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard text, buttons"},"caption":{"size":14,"weight":400,"lineHeight":1.43,"use":"Metadata, descriptions"},"code":{"size":14,"weight":400,"lineHeight":1.43,"use":"Code snippets (jetbrains-mono)"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":96},"rounded":{"sm":9999,"md":9999,"lg":9999,"full":9999},"shadow":{"none":"none"},"components":{"button-dark":{"type":"button","bg":"#202020","fg":"#fcfcfc","radius":9999,"padding":"0 4px","use":"Maximum-emphasis dark pill on light surface"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#202020","radius":9999,"use":"Outlined pill, 1px #202020 border, secondary actions"},"button-glass":{"type":"button","bg":"transparent","fg":"#202020","radius":9999,"padding":"6px 56px 6px 28px","use":"Frosted glass search/input button, 1px #bbbbbb outline"},"card":{"type":"card","bg":"#ffffff","fg":"#202020","radius":9999,"use":"Container, 1px #202020 border; #ea2804 border when featured"},"input":{"type":"input","bg":"transparent","fg":"#202020","radius":9999,"padding":"6px 56px 6px 28px","use":"Frosted glass search-style input"},"status-badge":{"type":"badge","bg":"#2b9a66","fg":"#ffffff","radius":9999,"font":"14/400","use":"Operational/running status indicator"},"code-block":{"type":"card","bg":"#24292e","fg":"#ffffff","radius":9999,"font":"14/400","use":"Code block (jetbrains-mono)"}},"components_harvested":true} },
|
|
222
|
-
{ id: "resend", name: "Resend", displayName: "Resend", country: "US", category: "productivity", homepage: "https://resend.com", primaryColor: "#000000", logo: { type: "simpleicons", slug: "resend" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#ffffff","brand":"#000000","canvas":"#000000","foreground":"#f0f0f0","muted":"#a1a4a5","on-primary":"#000000","accent-orange":"#ff801f","accent-green":"#11ff99","accent-blue":"#3b9eff","accent-yellow":"#ffc53d","error":"#ff2047"},"typography":{"family":{"sans":"inter","mono":"commitMono"},"display-hero":{"size":96,"weight":400,"lineHeight":1,"tracking":-0.96,"use":"Domaine Display serif hero headlines"},"section":{"size":56,"weight":400,"lineHeight":1.2,"tracking":-2.8,"use":"ABC Favorit section headings"},"subheading":{"size":20,"weight":400,"lineHeight":1.3,"use":"ABC Favorit sub-headings"},"feature-title":{"size":24,"weight":500,"lineHeight":1.5,"use":"Inter section sub-headings"},"body-lg":{"size":18,"weight":400,"lineHeight":1.5,"use":"Introductions"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard body text"},"nav-link":{"size":14,"weight":500,"lineHeight":1.43,"tracking":0.35,"use":"ABC Favorit nav links, positive tracking"},"button":{"size":14,"weight":600,"lineHeight":1.43,"use":"Buttons, CTAs"},"caption":{"size":14,"weight":400,"lineHeight":1.6,"use":"Descriptions"},"small":{"size":12,"weight":500,"lineHeight":1.33,"use":"Tags, meta, fine print"},"code":{"size":16,"weight":400,"lineHeight":1.5,"use":"Commit Mono code blocks"}},"spacing":[1,2,4,5,6,7,8,10,12,16,20,24,30,32,40],"rounded":{"sm":4,"md":8,"lg":16,"full":9999},"shadow":{"ring":"rgba(176,199,217,0.145) 0px 0px 0px 1px","subtle":"rgba(0,0,0,0.1) 0px 1px 3px, rgba(0,0,0,0.1) 0px 1px 2px -1px","focus":"rgb(0,0,0) 0px 0px 0px 8px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#ffffff","fg":"#000000","radius":"9999px","padding":"5px 12px","font":"14px / 600","use":"High-contrast CTA, Get started"},"button-ghost":{"type":"button","bg":"transparent","fg":"#f0f0f0","radius":"9999px","padding":"5px 12px","border":"1px solid rgba(214,235,253,0.19)","hover":"bg rgba(255,255,255,0.28)","use":"Primary CTA on dark, transparent pill with frost border"},"button-secondary":{"type":"button","bg":"transparent","fg":"#f0f0f0","radius":"4px","hover":"subtle background tint","use":"Secondary actions, tab items"},"card":{"type":"card","bg":"transparent","border":"1px solid rgba(214,235,253,0.19)","radius":"16px","shadow":"rgba(176,199,217,0.145) 0px 0px 0px 1px","use":"Feature cards, frost-border panels"},"input":{"type":"input","fg":"#f0f0f0","radius":"4px","focus":"shadow-based ring","use":"Form fields, dark theme inherit"},"tab":{"type":"tab","radius":"8px","active":"subtle background differentiation","use":"Horizontal tab navigation"},"badge-accent":{"type":"badge","fg":"#ffa057","radius":"9999px","font":"12px / 500","use":"Multi-color accent badge, accent bg at low opacity"},"code-panel":{"type":"card","bg":"transparent","border":"1px solid rgba(214,235,253,0.19)","radius":"24px","font":"16px / 400","use":"Commit Mono code preview panel"}}}, ds: { name: "Resend Brand", url: "https://resend.com/brand", type: "brand", description: "Resend's brand guidelines with wordmark, icons, and naming rules.", ogImage: "https://cdn.resend.com/cover-brand.png" } },
|
|
223
|
-
{ id: "retool", name: "Retool", displayName: "Retool", country: "US", category: "developer-tools", homepage: "https://retool.com", primaryColor: "#3C3C3C", logo: { type: "simpleicons", slug: "retool" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"cod-gray":"#1a1a1a","ink-black":"#0e0e0e","green-white":"#e9ebdf","white":"#ffffff","burnt-sienna":"#e0613a","burnt-sienna-hover":"#c94f2c","cornflower":"#6e8be0","smalt-blue":"#4e7c82","action-primary":"#3c3c3c","success":"#2fa86a","error":"#e5484d","warning":"#e0a23a","panel":"#232323","border-dark":"#2e2e2e","muted":"#6b6b6b","caption":"#8a8a8a","body-dark":"#b4b4b4","strong-dark":"#d6d6d6","light-100":"#f4f5ef","light-200":"#dcded2","light-border":"#cacbbf"},"typography":{"family":{"sans":"Inter","mono":"IBM Plex Mono"},"display-hero":{"size":56,"weight":700,"lineHeight":1.07,"tracking":"-0.02em","use":"Marketing hero headlines"},"display":{"size":40,"weight":700,"lineHeight":1.15,"tracking":"-0.02em","use":"Section headers"},"h1":{"size":30,"weight":600,"lineHeight":1.27,"tracking":"-0.01em","use":"Page titles"},"h2":{"size":22,"weight":600,"lineHeight":1.36,"tracking":"-0.01em","use":"Card / feature titles"},"h3":{"size":18,"weight":600,"lineHeight":1.44,"use":"Sub-sections, panel headers"},"body":{"size":14,"weight":400,"lineHeight":1.57,"use":"Standard UI text"},"caption":{"size":12,"weight":400,"lineHeight":1.33,"use":"Metadata, table headers"},"label":{"size":11,"weight":600,"lineHeight":1.45,"tracking":"0.06em","use":"Uppercase eyebrows, column heads"},"code":{"size":13,"weight":400,"lineHeight":1.54,"use":"Query editor, values, keys (IBM Plex Mono)"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":6,"lg":8,"full":9999},"shadow":{"subtle":"0px 1px 2px rgba(14,14,14,0.06)","standard":"0px 4px 12px rgba(14,14,14,0.24)","elevated":"0px 8px 24px rgba(14,14,14,0.40)","modal":"0px 16px 48px rgba(14,14,14,0.50)"},"components":{"button-primary":{"type":"button","bg":"#3c3c3c","fg":"#ffffff","radius":6,"padding":"0 16px","font":"14/500","use":"Default primary action on light (Save, Run)"},"button-accent":{"type":"button","bg":"#e0613a","fg":"#ffffff","radius":6,"padding":"0 18px","font":"15/600","use":"Top-of-funnel CTA (Start for free)"},"button-secondary":{"type":"button","bg":"transparent","fg":"#d6d6d6","radius":6,"padding":"0 16px","font":"14/500","use":"Outline secondary, 1px #3c3c3c border on dark"},"button-ghost":{"type":"button","bg":"transparent","fg":"#b4b4b4","radius":6,"padding":"0 10px","font":"14/500","use":"Toolbar/inline tertiary actions"},"button-destructive":{"type":"button","bg":"#e5484d","fg":"#ffffff","radius":6,"padding":"0 16px","font":"14/500","use":"Delete query, destructive confirmation"},"input-light":{"type":"input","bg":"#ffffff","fg":"#1a1a1a","radius":6,"padding":"8px 12px","font":"14/400","use":"Standard form input on light, #e0613a focus"},"input-dark":{"type":"input","bg":"#1a1a1a","fg":"#ffffff","radius":6,"padding":"8px 12px","font":"14/400","use":"Inspector/builder forms on dark canvas"},"code-editor":{"type":"input","bg":"#0e0e0e","fg":"#d6d6d6","radius":6,"padding":"12px","font":"13/400","use":"SQL/JS query editor, 1px #2e2e2e border"},"card":{"type":"card","bg":"#ffffff","fg":"#1a1a1a","radius":8,"padding":"20px","use":"Marketing feature cards, 1px #cacbbf border"},"panel-dark":{"type":"card","bg":"#232323","fg":"#d6d6d6","radius":8,"padding":"16px","use":"Inspector, component tray, 1px #2e2e2e border"},"badge-success":{"type":"badge","bg":"rgba(47,168,106,0.14)","fg":"#2fa86a","radius":4,"padding":"2px 8px","font":"12/600","use":"Deployed, Connected, Passing"},"badge-error":{"type":"badge","bg":"rgba(229,72,77,0.14)","fg":"#e5484d","radius":4,"padding":"2px 8px","font":"12/600","use":"Failed, Disconnected"},"badge-warning":{"type":"badge","bg":"rgba(224,162,58,0.14)","fg":"#e0a23a","radius":4,"padding":"2px 8px","font":"12/600","use":"Unsaved, Deprecated"},"badge-neutral":{"type":"badge","bg":"#2e2e2e","fg":"#b4b4b4","radius":4,"padding":"2px 8px","font":"12/500","use":"Environment tags, version labels"},"tab":{"type":"tab","fg":"#8a8a8a","font":"14/500","padding":"10px 14px","use":"Builder panels (Query/State/Logs)","active":"#ffffff text + 2px #e0613a bottom indicator"},"toast":{"type":"toast","bg":"#232323","fg":"#ffffff","radius":8,"padding":"12px 16px","font":"14/400","use":"Query/save confirmation, leading status dot"},"dialog":{"type":"dialog","bg":"#1a1a1a","fg":"#b4b4b4","radius":10,"padding":"24px","use":"Confirmations, resource setup, 1px #2e2e2e border"},"toggle":{"type":"toggle","bg":"#3c3c3c","fg":"#ffffff","radius":9999,"use":"Feature flags, env switches; on=#e0613a, white thumb"}},"components_harvested":true} },
|
|
224
|
-
{ id: "revolut", name: "Revolut", displayName: "Revolut", country: "UK", category: "fintech", homepage: "https://www.revolut.com", primaryColor: "#0075eb", logo: { type: "simpleicons", slug: "revolut" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"dark":"#191c1f","white":"#ffffff","light-surface":"#f4f4f4","black":"#000000","blue":"#494fdf","action-blue":"#4f55f1","blue-text":"#376cd5","danger":"#e23b4a","deep-pink":"#e61e49","warning":"#ec7e00","yellow":"#b09000","teal":"#00a87e","light-green":"#428619","green-text":"#006400","light-blue":"#007bc2","brown":"#936d62","red-text":"#8b0000","mid-slate":"#505a63","cool-gray":"#8d969e","gray-tone":"#c9c9cd"},"typography":{"family":{"sans":"Inter","mono":"Inter"},"display-mega":{"size":136,"weight":500,"lineHeight":1,"tracking":-2.72,"use":"Stadium-scale hero (Aeonik Pro)"},"display-hero":{"size":80,"weight":500,"lineHeight":1,"tracking":-0.8,"use":"Primary hero (Aeonik Pro)"},"section":{"size":48,"weight":500,"lineHeight":1.21,"tracking":-0.48,"use":"Feature sections (Aeonik Pro)"},"card-title":{"size":32,"weight":500,"lineHeight":1.19,"tracking":-0.32,"use":"Card headings (Aeonik Pro)"},"nav":{"size":20,"weight":500,"lineHeight":1.4,"use":"Navigation, buttons (Aeonik Pro)"},"body-lg":{"size":18,"weight":400,"lineHeight":1.56,"tracking":-0.09,"use":"Introductions (Inter)"},"body":{"size":16,"weight":400,"lineHeight":1.5,"tracking":0.24,"use":"Standard reading (Inter)"},"body-semibold":{"size":16,"weight":600,"lineHeight":1.5,"tracking":0.16,"use":"Emphasized body (Inter)"}},"spacing":{"xs":4,"sm":8,"md":14,"base":16,"lg":24,"xl":32,"xxl":48,"section":80},"rounded":{"sm":12,"md":20,"lg":20,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#191c1f","fg":"#ffffff","radius":9999,"padding":"14px 32px","use":"Primary dark pill, hover opacity 0.85"},"button-secondary":{"type":"button","bg":"#f4f4f4","fg":"#000000","radius":9999,"padding":"14px 34px","use":"Secondary light pill"},"button-outlined":{"type":"button","bg":"transparent","fg":"#191c1f","radius":9999,"padding":"14px 32px","use":"Outlined pill, 2px solid #191c1f border"},"button-ghost":{"type":"button","bg":"rgba(244,244,244,0.1)","fg":"#f4f4f4","radius":9999,"padding":"14px 32px","use":"Ghost on dark, 2px solid #f4f4f4 border"},"card":{"type":"card","radius":20,"use":"Feature card, flat, no shadow, dark/light alternation"},"nav-top":{"type":"tab","fg":"#191c1f","font":"20/500","use":"Clean header, pill CTAs right-aligned"}},"components_harvested":true} },
|
|
225
|
-
{ id: "richart", name: "Richart", displayName: "Richart", country: "TW", category: "fintech", homepage: "https://www.richart.tw", primaryColor: "#17b6c9", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=richart.com.tw&sz=128" }, verified: "2026-06-08", added: "2026-06-08", tokens: {"source":"live-extract","extracted":"2026-06-08","note":"primary = live Richart teal #17b6c9 (.btn-primary fill); hero accent cyan #2be0ec; tagline '最能幫年輕人存到錢的銀行' (the bank that best helps young people save). www.richart.tw bot-blocks (403 FORBIDDEN); tokens extracted from apex richart.tw HTML + v3 index.css / headerfooter.css served live.","colors":{"primary":"#17b6c9","primary-hover":"#15a6b7","primary-soft":"#64cedb","accent-cyan":"#2be0ec","accent-bright":"#30dde8","accent-lime":"#dafa5f","canvas":"#fdfdfd","surface":"#f3f5f6","surface-alt":"#edf0f2","heading":"#2a3342","ink":"#1b2028","label":"#364053","body":"#727d8c","muted":"#b6bec7","on-primary":"#fdfdfd","hairline":"#dce0e5","border-soft":"#c7cdd4","teal-deep":"#001617","warn":"#cb904c","error":"#e75365"},"typography":{"family":{"sans":"Noto Sans TC","display":"Montserrat"},"display-hero":{"size":60,"weight":700,"lineHeight":1.4,"tracking":-2,"use":"Hero headlines, big friendly statements"},"display-lg":{"size":48,"weight":700,"lineHeight":1.25,"tracking":0,"use":"Section hero headlines"},"section":{"size":34,"weight":700,"lineHeight":1.3,"use":"Feature section titles"},"subsection":{"size":24,"weight":500,"lineHeight":1.4,"use":"Sub-section heads, card titles"},"title":{"size":18,"weight":500,"lineHeight":1.55,"use":"Block titles with teal accent bar"},"body-lg":{"size":18,"weight":400,"lineHeight":1.67,"use":"Lead paragraphs, intro copy"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text"},"button":{"size":20,"weight":500,"lineHeight":1.6,"use":"Primary pill button label"},"label":{"size":14,"weight":500,"lineHeight":1.43,"use":"Nav links, small labels"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"use":"Fine print, legal, metadata"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":16,"pill":32,"full":9999},"shadow":{"ambient":"0px 4px 12px rgba(72, 85, 108, 0.24)","standard":"2px 2px 36px 0px rgba(54, 64, 83, 0.2)","neumorphic":"0px 10px 44px rgba(102, 102, 102, 0.12), inset -3px -3px 10px rgba(84, 92, 101, 0.16), inset -5px -3px 12px rgba(193, 203, 221, 0.16)","elevated":"0px 24px 60px rgba(9, 9, 10, 0.2), inset 1px 1px 8px rgba(182, 190, 199, 0.08), inset -2px -2px 10px rgba(54, 64, 83, 0.1)"},"components":{"button-primary":{"type":"button","bg":"#17b6c9","fg":"#fdfdfd","radius":9999,"font":"20/500","use":"Primary CTA pill, hover #15a6b7"},"button-primary-xl":{"type":"button","fg":"#fdfdfd","radius":9999,"padding":"16px 0","use":"Hero action, radial gradient #64cedb to #15a6b7, 240px wide"},"button-secondary":{"type":"button","bg":"transparent","fg":"#17b6c9","radius":9999,"use":"Secondary action, 2px #17b6c9 border, hover fills teal"},"card":{"type":"card","bg":"#fdfdfd","radius":16,"use":"Feature card, neumorphic inset shadow"},"badge-teal":{"type":"badge","bg":"#ecf9fa","fg":"#17b6c9","radius":9999,"use":"Teal-themed tag"},"badge-neutral":{"type":"badge","bg":"#f3f5f6","fg":"#727d8c","radius":16,"use":"Neutral tag"},"input":{"type":"input","bg":"#fdfdfd","fg":"#1b2028","radius":8,"use":"Form input, 1px #c7cdd4 border, #17b6c9 focus, #e75365 error"},"title-bar":{"type":"badge","bg":"#17b6c9","use":"4px x 24px vertical accent bar before block title"},"badge-disabled":{"type":"badge","bg":"#727d8c","fg":"rgba(253,253,253,0.5)","radius":9999,"use":"Disabled button state"}},"components_harvested":true} },
|
|
226
|
-
{ id: "ridi", name: "RIDI", displayName: "RIDI", country: "KR", category: "consumer-tech", homepage: "https://ridibooks.com", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=ridibooks.com&sz=128" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"charcoal":"#3d3d3d","ink":"#222222","white":"#ffffff","blue":"#1f8ce6","fg-secondary":"#5d5d5d","fg-tertiary":"#9d9d9d","fg-disabled":"#b5b5b5","subtle":"#f9f9f9","stroke":"#d0d0d0","critical":"#f4361e","positive":"#03aa5a","highlight-cream":"#fff9ea","sepia":"#f4ecd8","night":"#1a1a1a","reader-night-fg":"#d8d8d8","disabled-bg":"#f0f0f0"},"typography":{"family":{"sans":"Pretendard Std","mono":"SF Mono"},"display":{"size":28,"weight":700,"lineHeight":1.29,"use":"Section banners, hero"},"heading-lg":{"size":22,"weight":700,"lineHeight":1.36,"use":"Shelf titles"},"heading":{"size":18,"weight":700,"lineHeight":1.44,"use":"Modal titles, expanded BookCard title"},"title":{"size":16,"weight":600,"lineHeight":1.38,"use":"BookCard title, nav active label"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Primary body, button label"},"body-sm":{"size":14,"weight":400,"lineHeight":1.43,"use":"Author, publisher, metadata"},"caption":{"size":13,"weight":400,"lineHeight":1.38,"use":"Ratings, review counts, page counts"},"caption-sm":{"size":12,"weight":400,"lineHeight":1.33,"use":"Timestamps, footer chrome, badge text"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":12,"full":9999},"shadow":{"soft":"0 2px 16px rgba(0,0,0,0.03)","standard":"0 4px 16px rgba(0,0,0,0.12), 0 0 1px rgba(0,0,0,0.08)","modal":"0 6px 24px rgba(0,0,0,0.12), 0 0 1.5px rgba(0,0,0,0.08)"},"components":{"button-primary":{"type":"button","bg":"#3d3d3d","fg":"#f9f9f9","radius":8,"padding":"10px 16px","font":"16/400","use":"Brand solid CTA (로그인, 구독하기); pressed #222222, disabled #f0f0f0/#b5b5b5"},"button-outline":{"type":"button","bg":"transparent","fg":"#222222","radius":8,"use":"Neutral outline secondary, 1px #d0d0d0 border"},"sale-tag":{"type":"badge","bg":"#f4361e","fg":"#ffffff","radius":4,"use":"Inline price discount flag (chip, not CTA)"},"button-subscription":{"type":"button","bg":"#1f8ce6","fg":"#ffffff","radius":8,"use":"RIDI Select / Manta CTA"},"book-card":{"type":"card","bg":"#ffffff","fg":"#222222","radius":12,"padding":"4px 0","use":"Iconic cover-art tile, 2:3 cover at 4px, two-layer shadow"},"chip":{"type":"badge","bg":"#f9f9f9","fg":"#222222","radius":9999,"padding":"0 12px","font":"13/500","use":"Genre filter","active":"#222222 bg, #ffffff text"},"input":{"type":"input","bg":"#f9f9f9","fg":"#222222","radius":8,"use":"Form input, 1px #d0d0d0 border, #1f8ce6 focus ring"},"nav-top":{"type":"tab","bg":"#ffffff","fg":"#5d5d5d","use":"Top bar, 64px","active":"#222222 weight 700"},"subscribed-badge":{"type":"badge","bg":"#03aa5a","fg":"#ffffff","radius":9999,"use":"구독 중 pill on eligible cards"}},"components_harvested":true} },
|
|
227
|
-
{ id: "riiid", name: "Riiid", displayName: "Riiid", country: "KR", category: "education", homepage: "https://www.riiid.com", primaryColor: "#14161A", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=riiid.com&sz=256" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"ink":"#14161a","canvas":"#fcfcfc","card":"#fafafa","secondary":"#f1f2f4","muted":"#e8eaed","muted-fg":"#6c727f","border":"#e5e7eb","destructive":"#ef4343","interactive-blue":"#3b82f6"},"typography":{"family":{"sans":"Pretendard","display":"Playfair Display"},"title":{"size":48,"weight":400,"use":"Page titles (Playfair Display), tracking-wide"},"section":{"size":24,"weight":600,"use":"Section headers (Playfair Display)"},"body-lg":{"size":18,"weight":400,"lineHeight":1.625,"use":"Long-form prose (Pretendard)"},"body":{"size":16,"weight":400,"lineHeight":1.625,"use":"Body text (Pretendard)"},"nav":{"size":14,"weight":500,"use":"Nav links, labels (Pretendard)"},"caption":{"size":12,"weight":400,"use":"Captions (Pretendard)"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":6,"lg":8,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#14161a","fg":"#fafafa","radius":6,"padding":"8px 16px","font":"14/500","use":"Default primary action, 40px height"},"button-outline":{"type":"button","bg":"#fcfcfc","fg":"#14161a","radius":6,"padding":"8px 16px","font":"14/500","use":"Secondary action, 1px #e5e7eb border"},"button-cta":{"type":"button","bg":"#14161a","fg":"#fafafa","radius":6,"padding":"12px 32px","font":"16/500","use":"Large CTA, 44px height"},"card":{"type":"card","bg":"#fafafa","fg":"#14161a","radius":8,"padding":"32px","use":"Surface card, 1px #e5e7eb border"},"nav-link":{"type":"tab","fg":"#6c727f","font":"14/500","use":"Navigation link","active":"#14161a text on hover"}},"components_harvested":true} },
|
|
228
|
-
{ id: "ringle", name: "Ringle", displayName: "링글", country: "KR", category: "education", homepage: "https://www.ringleplus.com", primaryColor: "#3c2bac", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=ringleplus.com&sz=128" }, verified: "2026-06-11", added: "2026-06-11", tokens: {"source":"live-extract","extracted":"2026-06-11","note":"primary = live CTA indigo (#3c2bac, '링글 시작하기' / '무료체험'); deeper indigos (#2b1e90, #4130a4, #201852, #120b60) anchor dark hero bands. Headings near-black indigo #140f33; muted nav/sub text #80839e. Single body font Pretendard Variable; display in Pretendard JP ExtraBold. Flat, shadowless on inspected nodes.","colors":{"primary":"#3c2bac","primary-deep":"#2b1e90","indigo":"#4130a4","indigo-darker":"#201852","indigo-darkest":"#120b60","indigo-title":"#1c1374","ink":"#140f33","body":"#3e426a","slate":"#5a5e7f","muted":"#80839e","tint":"#eeebfa","tint-mid":"#cbc5f0","lilac":"#a89ee6","canvas":"#ffffff","surface":"#f8f8fb","gold":"#ffd391","promo-blue":"#2259e5","teens-blue":"#4495ff","on-primary":"#ffffff"},"typography":{"family":{"display":"Pretendard JP ExtraBold","body":"Pretendard Variable"},"display-hero":{"size":52,"weight":800,"lineHeight":1.3,"use":"Hero headline, Pretendard JP ExtraBold"},"section":{"size":40,"weight":800,"lineHeight":1.3,"use":"Product/section headlines, ExtraBold"},"feature":{"size":32,"weight":800,"lineHeight":1.31,"use":"Feature headline, ExtraBold"},"eyebrow":{"size":22,"weight":700,"lineHeight":1.4,"use":"Section label, Pretendard JP Bold"},"lead":{"size":20,"weight":500,"lineHeight":1.4,"use":"Hero sub / lead text, Pretendard JP Medium"},"body":{"size":14,"weight":400,"lineHeight":1.57,"use":"Body + nav, Pretendard Variable"},"nav":{"size":14,"weight":500,"lineHeight":1.57,"use":"Top nav items, Pretendard JP Medium"}},"spacing":{"xs":4,"sm":8,"md":10,"base":16,"lg":24,"xl":40,"xxl":60},"rounded":{"xs":4,"sm":5,"md":8,"lg":12,"xl":24,"full":40},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#3c2bac","fg":"#ffffff","radius":"8px","height":"61px","font":"18px / 400 Pretendard","use":"Primary CTA — 링글 시작하기"},"button-nav":{"type":"button","bg":"#3c2bac","fg":"#ffffff","radius":"5px","padding":"10px 16px","height":"42px","use":"Header 무료체험 CTA"},"button-on-dark":{"type":"button","bg":"#120b60","fg":"#ffffff","radius":"8px","height":"60px","use":"더 알아보기 link on dark indigo band"},"button-teens":{"type":"button","bg":"#4495ff","fg":"#ffffff","radius":"8px","height":"60px","use":"링글 틴즈 더 알아보기 CTA"},"nav-link":{"type":"tab","fg":"#80839e","font":"14px / 500 Pretendard JP Medium","active":"text #3c2bac","use":"Top nav item, indigo on active/hover"},"card-tint":{"type":"card","bg":"#eeebfa","fg":"#140f33","radius":"12px","use":"Soft lilac-tint content card"},"card-promo":{"type":"card","bg":"#2259e5","fg":"#ffffff","radius":"24px","padding":"60px","use":"Promotion banner card, gold accent #ffd391"},"badge-gold":{"type":"badge","bg":"#2259e5","fg":"#ffd391","radius":"4px","font":"16px / 700 Pretendard JP Bold","use":"Promo accent label (gold on promo blue)"},"footer-link":{"type":"listItem","fg":"#80839e","font":"14px / 400 Pretendard Variable","use":"Footer / nav link"}},"components_harvested":true} },
|
|
229
|
-
{ id: "robinhood", name: "Robinhood", displayName: "Robinhood", country: "US", category: "fintech", homepage: "https://robinhood.com", primaryColor: "#00C805", logo: { type: "simpleicons", slug: "robinhood" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#00C805","primary-hover":"#00B004","primary-tint":"#E6FBE9","canvas-dark":"#0E0E0E","canvas":"#FFFFFF","ink":"#1B1B1B","loss":"#FF5000","warning":"#FFB000","info":"#2E6FF2","gray-50":"#F7F7F7","gray-100":"#EFEFEF","gray-200":"#E0E0E0","gray-400":"#A8A8A8","gray-500":"#8C8C8C","gray-600":"#6B6B6B","gray-700":"#4A4A4A","gray-800":"#2C2C2C","gray-900":"#1B1B1B"},"typography":{"family":{"sans":"Capsule Sans","mono":"Capsule Sans Mono"},"display-hero":{"size":56,"weight":700,"lineHeight":1.07,"tracking":-0.02,"use":"Marketing hero headlines"},"display-lg":{"size":40,"weight":700,"lineHeight":1.15,"tracking":-0.02,"use":"Section headers"},"heading-lg":{"size":30,"weight":700,"lineHeight":1.27,"tracking":-0.01,"use":"Feature titles, modal headers"},"heading":{"size":24,"weight":600,"lineHeight":1.33,"tracking":-0.01,"use":"Card headings, sub-sections"},"subtitle":{"size":18,"weight":600,"lineHeight":1.44,"use":"List headers, nav titles"},"body-lg":{"size":18,"weight":400,"lineHeight":1.56,"use":"Marketing body, explanations"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text"},"body-sm":{"size":14,"weight":400,"lineHeight":1.43,"use":"Secondary information"},"caption":{"size":12,"weight":400,"lineHeight":1.33,"use":"Timestamps, disclosures, fine print"},"number":{"size":40,"weight":700,"tracking":-0.01,"use":"Portfolio value, tabular numerals"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":96},"rounded":{"sm":8,"md":12,"lg":20,"full":9999},"shadow":{"card":"0px 1px 3px rgba(0,0,0,0.06)","toast":"0px 8px 24px rgba(0,0,0,0.20)","modal":"0px 16px 48px rgba(0,0,0,0.24)"},"components":{"button-primary":{"type":"button","bg":"#00C805","fg":"#0E0E0E","radius":9999,"padding":"16px 28px","font":"16px/600 Capsule Sans","use":"Primary CTA, dark text on bright green"},"button-secondary":{"type":"button","bg":"#FFFFFF","fg":"#1B1B1B","radius":9999,"padding":"16px 28px","font":"16px/600 Capsule Sans","use":"Outline secondary, 1.5px #E0E0E0 border"},"button-tertiary":{"type":"button","bg":"#FFFFFF","fg":"#00B004","padding":"12px 8px","font":"16px/600 Capsule Sans","use":"Inline links, low-emphasis"},"button-destructive":{"type":"button","bg":"#FF5000","fg":"#FFFFFF","radius":12,"padding":"16px 28px","font":"16px/600 Capsule Sans","use":"Sell confirmation, destructive flows"},"input-text":{"type":"input","bg":"#FFFFFF","fg":"#1B1B1B","radius":10,"padding":"14px 16px","font":"16px/400 Capsule Sans","use":"Standard form input, 1.5px #E0E0E0 border, focus #00C805"},"card-standard":{"type":"card","bg":"#FFFFFF","radius":16,"padding":"20px","use":"Holding, watchlist, account cards, 1px #E0E0E0 border"},"card-featured":{"type":"card","bg":"#0E0E0E","fg":"#FFFFFF","radius":20,"padding":"28px","use":"Promotional, Gold upsell, portfolio hero"},"list-row":{"type":"listItem","radius":0,"padding":"14px 16px","use":"Ticker rows, transaction history, bottom 1px #EFEFEF border"},"badge-gain":{"type":"badge","fg":"#00B004","radius":8,"padding":"3px 8px","font":"13px/600 Capsule Sans Mono","use":"Positive movement indicator"},"badge-loss":{"type":"badge","fg":"#FF5000","radius":8,"padding":"3px 8px","font":"13px/600 Capsule Sans Mono","use":"Negative movement indicator"},"badge-neutral":{"type":"badge","bg":"#EFEFEF","fg":"#4A4A4A","radius":8,"padding":"3px 8px","font":"12px/600 Capsule Sans","use":"NEW, category labels"},"badge-gold":{"type":"badge","fg":"#0E0E0E","radius":8,"padding":"3px 8px","font":"12px/700 Capsule Sans","use":"Robinhood Gold marker, gold gradient"},"tab-segmented":{"type":"tab","bg":"#EFEFEF","fg":"#8C8C8C","radius":9999,"padding":"6px 14px","font":"13px/600 Capsule Sans","active":"Active #FFFFFF bg + #1B1B1B text","use":"Chart timeframe selector"},"tab-bottom":{"type":"tab","bg":"#FFFFFF","fg":"#A8A8A8","font":"11px/500 Capsule Sans","active":"Active #00C805 icon + label","use":"Primary mobile navigation"},"toast-default":{"type":"toast","bg":"#1B1B1B","fg":"#FFFFFF","radius":12,"padding":"14px 18px","font":"14px/500 Capsule Sans","use":"Transient confirmation"},"dialog-modal":{"type":"dialog","bg":"#FFFFFF","radius":20,"padding":"28px","use":"Confirmations, disclosures"},"dialog-sheet":{"type":"dialog","bg":"#FFFFFF","radius":20,"padding":"24px 20px","use":"Trade ticket, order review, pickers, top corners only"},"toggle-default":{"type":"toggle","bg":"#00C805","radius":9999,"use":"Boolean settings, #E0E0E0 off, #FFFFFF thumb"}},"components_harvested":true} },
|
|
230
|
-
{ id: "runwayml", name: "RunwayML", displayName: "RunwayML", country: "US", category: "ai", homepage: "https://runwayml.com", primaryColor: "#000000", logo: { type: "github", slug: "runwayml" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"black":"#000000","deep-black":"#030303","surface-dark":"#1a1a1a","white":"#ffffff","near-white":"#fefefe","cool-cloud":"#e9ecf2","border-dark":"#27272a","charcoal":"#404040","near-charcoal":"#3f3f3f","cool-slate":"#767d88","mid-slate":"#7d848e","muted-gray":"#a7a7a7","cool-silver":"#c9ccd1","light-silver":"#d0d4d4","tailwind-gray":"#6b7280","dark-link":"#0c0c0c","footer-gray":"#999999"},"typography":{"family":{"sans":"abcNormal","mono":"abcNormal"},"display-hero":{"size":48,"weight":400,"lineHeight":1,"tracking":-1.2,"use":"Hero, film-title presence"},"section":{"size":40,"weight":400,"lineHeight":1,"tracking":-1,"use":"Feature section titles"},"subheading":{"size":36,"weight":400,"lineHeight":1,"tracking":-0.9,"use":"Secondary section markers"},"card-title":{"size":24,"weight":400,"lineHeight":1,"use":"Article and card headings"},"feature-title":{"size":20,"weight":400,"lineHeight":1,"use":"Small headings"},"body":{"size":16,"weight":400,"lineHeight":1.4,"tracking":-0.16,"use":"Standard body, nav links"},"label":{"size":14,"weight":500,"lineHeight":1.43,"tracking":0.35,"use":"Metadata, uppercase section labels"},"small":{"size":13,"weight":400,"lineHeight":1.3,"tracking":-0.16,"use":"Compact descriptions"},"micro":{"size":11,"weight":450,"lineHeight":1.3,"use":"Uppercase tags, tiny labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":16,"full":9999},"shadow":{"none":"none"},"components":{"button-default":{"type":"button","bg":"#000000","fg":"#ffffff","radius":4,"padding":"8px 12px","font":"14px/600 abcNormal","use":"Restrained button, blends into editorial flow"},"button-link":{"type":"button","bg":"#000000","fg":"#ffffff","radius":4,"padding":"4px 8px","font":"14px/600 abcNormal","use":"Inline link-style button"},"input-default":{"type":"input","bg":"#1a1a1a","fg":"#ffffff","radius":4,"padding":"8px 12px","font":"14px/400 abcNormal","use":"Minimal dark input, 1px #27272a border"},"card-photo":{"type":"card","radius":8,"padding":"0px","use":"Mixed-size image grid card, image fills frame, no shadow"},"card-dark":{"type":"card","bg":"#1a1a1a","fg":"#ffffff","radius":8,"padding":"16px","use":"Functional dark card, 1px #27272a border"},"card-alert":{"type":"card","bg":"#1a1a1a","radius":16,"padding":"24px","use":"Alert-style container, 1px #27272a border, larger radius"},"badge-default":{"type":"badge","fg":"#ffffff","radius":4,"padding":"2px 8px","font":"11px/600 abcNormal","use":"Uppercase label-style, 1px #27272a border"}},"components_harvested":true} },
|
|
231
|
-
{ id: "salesforce", name: "Salesforce", displayName: "Salesforce", country: "US", category: "saas", homepage: "https://www.salesforce.com", primaryColor: "#0176d3", logo: { type: "github", slug: "salesforce" }, verified: "2026-06-11", added: "2026-06-11", tokens: {"source":"live-extract","extracted":"2026-06-11","note":"primary = live marketing CTA + SLDS 2 hook color-brand-base-50 (#0176d3) — the rare case where marketing surface and official DS token agree exactly. Marketing display font is ITC Avant Garde over Salesforce Sans body; SLDS 2 product UI runs a system-ui stack.","colors":{"primary":"#0176d3","primary-dark":"#0b5cab","navy":"#032d60","hero-navy":"#002c6e","brand-bright":"#1b96ff","sky":"#00a1e0","ink":"#080707","ink-soft":"#181818","canvas":"#ffffff","cloud-tint":"#eaf5fe","surface":"#f4f4f4","hairline":"#e5e5e5","error":"#ea001e","success":"#2e844a","warning":"#dd7a01","on-primary":"#ffffff"},"typography":{"family":{"display":"ITC Avant Garde (AvantGardeForSalesforce)","body":"Salesforce Sans","app":"system-ui (SLDS 2 product UI)"},"display-hero":{"size":70,"weight":400,"lineHeight":1,"use":"Homepage hero H1, ITC Avant Garde"},"display-lg":{"size":60,"weight":400,"lineHeight":1,"use":"Dark-section statement H2"},"display-md":{"size":56,"weight":400,"lineHeight":1.14,"use":"Page-level H1 (pricing)"},"section":{"size":40,"weight":400,"lineHeight":1.2,"tracking":-0.32,"use":"Section H2"},"subsection":{"size":24,"weight":400,"lineHeight":1.33,"tracking":-0.06,"use":"Card H3, ITC Avant Garde"},"card-title":{"size":20,"weight":400,"lineHeight":1.4,"tracking":-0.08,"use":"Industry/product card heads"},"body-lg":{"size":18,"weight":400,"lineHeight":1.56,"use":"Inline links, intro copy, Salesforce Sans"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text, Salesforce Sans"},"button":{"size":16,"weight":700,"lineHeight":1.5,"tracking":0.02,"use":"CTA labels, Salesforce Sans Bold"},"link-sm":{"size":14,"weight":700,"lineHeight":1.43,"use":"Tertiary 'Learn more' text CTAs"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64,"max":80},"rounded":{"sm":4,"md":8,"lg":16,"xl":32,"full":9999},"shadow":{"level-1":"0 0 2px 0 #18181814, 0 2px 4px 1px #18181828","level-2":"0 2px 8px -2px #18181814, 0 8px 12px -2px #18181828","level-3":"0 12px 24px -4px #18181814, 0 16px 32px -4px #18181828","level-4":"0 24px 48px -4px #18181833"},"components":{"button-primary":{"type":"button","bg":"#0176d3","fg":"#ffffff","radius":"4px","padding":"12px 32px","height":"52px","font":"16px / 700","border":"2px solid #0176d3","use":"Primary CTA — 'Start for free', 'Calculate pricing'"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#0176d3","radius":"4px","padding":"12px 32px","height":"52px","font":"16px / 700","border":"2px solid #0176d3","use":"Paired outline CTA — 'Watch demo'"},"button-tertiary":{"type":"button","fg":"#032d60","radius":"4px","font":"14px / 700","use":"'Learn more' text CTA on cards"},"carousel-control":{"type":"button","fg":"#ffffff","radius":"9999px","height":"48px","border":"2px solid #ffffff","use":"Prev/next/pause controls on testimonial carousel"},"card-glass":{"type":"card","fg":"#ffffff","radius":"32px","border":"2px solid rgba(255,255,255,0.1)","padding":"19px","use":"Translucent product tile (Slack/Agentforce/Customer 360/Data 360) on dark hero, bg rgba(255,255,255,0.05)"},"card-media":{"type":"card","fg":"#080707","radius":"22px","use":"Customer-story video testimonial card"},"card-tint":{"type":"card","bg":"#eaf5fe","fg":"#032d60","use":"Light cloud-blue section band / promo panel"},"nav-link":{"type":"tab","fg":"#080707","font":"16px / 400","active":"text #0176d3","use":"Global nav item"}},"components_harvested":true}, ds: { name: "Lightning Design System 2", url: "https://www.lightningdesignsystem.com", type: "system", description: "SLDS 2 — Salesforce's agentic-era design system built on CSS custom properties (global styling hooks, --slds-g-*), shipping the canonical brand-blue scale, semantic color ramps, radius/spacing/shadow scales as machine-readable tokens (@salesforce-ux/sds-styling-hooks)." } },
|
|
232
|
-
{ id: "sanity", name: "Sanity", displayName: "Sanity", country: "US", category: "backend-devops", homepage: "https://www.sanity.io", primaryColor: "#f03e2f", logo: { type: "simpleicons", slug: "sanity" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"canvas":"#0b0b0b","black":"#000000","cta":"#f36458","interactive":"#0052ef","blue-light":"#55beff","blue-dim":"#afe3ff","green":"#19d600","surface":"#212121","border":"#353535","white":"#ffffff","light-gray":"#ededed","silver":"#b9b9b9","medium-gray":"#797979","error":"#dd0000","gpc-green":"#37cd84"},"typography":{"family":{"sans":"waldenburgNormal","mono":"IBM Plex Mono"},"display-hero":{"size":112,"weight":400,"lineHeight":1,"tracking":-4.48,"use":"Maximum impact, compressed tracking"},"hero-secondary":{"size":72,"weight":400,"lineHeight":1.05,"tracking":-2.88,"use":"Large section headers"},"section":{"size":48,"weight":400,"lineHeight":1.08,"tracking":-1.68,"use":"Primary section anchors"},"heading-lg":{"size":38,"weight":400,"lineHeight":1.1,"tracking":-1.14,"use":"Feature section titles"},"heading-md":{"size":32,"weight":425,"lineHeight":1.24,"tracking":-0.32,"use":"Card titles, subsection headers"},"heading-sm":{"size":24,"weight":425,"lineHeight":1.24,"tracking":-0.24,"use":"Smaller feature headings"},"subheading":{"size":20,"weight":425,"lineHeight":1.13,"tracking":-0.2,"use":"Sub-section markers"},"body-lg":{"size":18,"weight":400,"lineHeight":1.5,"tracking":-0.18,"use":"Intro paragraphs, descriptions"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard body text"},"caption":{"size":13,"weight":400,"lineHeight":1.3,"tracking":-0.13,"use":"Metadata, descriptions, tags"},"micro":{"size":11,"weight":600,"lineHeight":1,"use":"Uppercase labels, tiny badges"},"code":{"size":15,"weight":400,"lineHeight":1.5,"use":"Code blocks, technical content"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":96},"rounded":{"sm":4,"md":6,"lg":12,"full":9999},"shadow":{"ring":"0px 0px 0px 1px #212121","focus":"0 0 0 2px #0052ef"},"components":{"button-primary":{"type":"button","bg":"#f36458","fg":"#ffffff","radius":9999,"padding":"8px 16px","font":"16px/400 waldenburgNormal","use":"Primary CTA pill, hover #0052ef"},"button-secondary":{"type":"button","bg":"#0b0b0b","fg":"#b9b9b9","radius":9999,"padding":"8px 12px","use":"Dark pill, hover #0052ef"},"button-outlined":{"type":"button","bg":"#ffffff","fg":"#0b0b0b","radius":9999,"padding":"8px","use":"Light pill, 1px #0b0b0b border, hover #0052ef"},"button-ghost":{"type":"button","bg":"#212121","fg":"#b9b9b9","radius":6,"padding":"0px 12px","use":"Subtle button, 1px #212121 border, hover #0052ef"},"button-label":{"type":"button","bg":"#212121","fg":"#b9b9b9","font":"11px/600 waldenburgNormal","use":"Uppercase tab-like nav and filters"},"card-dark":{"type":"card","bg":"#212121","fg":"#ffffff","radius":6,"padding":"24px","use":"Dark content card, 1px #353535 border"},"card-feature":{"type":"card","bg":"#0b0b0b","radius":12,"padding":"32px","use":"Full-bleed feature card with overlaid text"},"input-text":{"type":"input","bg":"#0b0b0b","fg":"#b9b9b9","radius":3,"padding":"8px 12px","use":"Text input, 1px #212121 border, focus 2px #0052ef ring"},"badge-subtle":{"type":"badge","bg":"#ffffff","fg":"#0b0b0b","radius":9999,"padding":"8px","font":"13px","use":"Neutral subtle pill"},"badge-filled":{"type":"badge","bg":"#0b0b0b","fg":"#ffffff","radius":9999,"padding":"8px","font":"13px","use":"Neutral filled pill"}},"components_harvested":true}, ds: { name: "Sanity UI", url: "https://www.sanity.io/ui", type: "system", description: "Sanity's accessible React toolkit for building apps with design tokens.", ogImage: "https://cdn.sanity.io/images/mos42crl/production/f378d0067c1406f4e3d3ed6874cd715c72f52d2c-1920x1080.png" } },
|
|
233
|
-
{ id: "sansan", name: "Sansan", displayName: "Sansan", country: "JP", category: "productivity", homepage: "https://www.sansan.com", primaryColor: "#E60012", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=sansan.com&sz=128" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#E60012","primary-hover":"#cc0010","primary-tint":"#fdecec","canvas":"#ffffff","ink":"#1a1a1a","ink-black":"#222222","orange":"#f5821f","blue":"#0a6ebd","error":"#d32f2f","success":"#2e9e5b","warning":"#f5a623","grey-50":"#f7f8fa","grey-100":"#eef0f3","grey-200":"#e1e4e8","grey-300":"#cbd0d6","grey-400":"#9aa1aa","grey-500":"#6b727c","grey-600":"#4a5159","grey-700":"#33383f","grey-900":"#1a1a1a"},"typography":{"family":{"sans":"Hiragino Kaku Gothic ProN","mono":"SF Mono"},"display-hero":{"size":48,"weight":700,"lineHeight":1.25,"tracking":-0.01,"use":"Landing hero headline"},"display-lg":{"size":36,"weight":700,"lineHeight":1.33,"tracking":-0.01,"use":"Section openers"},"heading-1":{"size":28,"weight":700,"lineHeight":1.43,"use":"Page titles"},"heading-2":{"size":22,"weight":700,"lineHeight":1.45,"use":"Sub-sections, modal headers"},"heading-3":{"size":18,"weight":600,"lineHeight":1.55,"use":"Card titles"},"subtitle":{"size":16,"weight":600,"lineHeight":1.62,"use":"List headers, lead-ins"},"body-lg":{"size":16,"weight":400,"lineHeight":1.75,"use":"Marketing body, descriptions"},"body":{"size":14,"weight":400,"lineHeight":1.71,"use":"Standard UI reading text"},"body-sm":{"size":13,"weight":400,"lineHeight":1.62,"use":"Secondary info"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"use":"Timestamps, fine print, labels"}},"spacing":{"xs":4,"sm":8,"md":16,"base":24,"lg":32,"xl":48,"xxl":64,"section":96},"rounded":{"sm":4,"md":6,"lg":12,"full":9999},"shadow":{"subtle":"0 1px 3px rgba(26,26,26,0.06)","standard":"0 4px 16px rgba(26,26,26,0.08)","elevated":"0 8px 24px rgba(26,26,26,0.14)","modal":"0 12px 32px rgba(26,26,26,0.20)"},"components":{"button-primary":{"type":"button","bg":"#E60012","fg":"#ffffff","radius":4,"padding":"14px 28px","font":"16px/700 Hiragino","use":"Primary CTA, hover #cc0010"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#E60012","radius":4,"padding":"13px 27px","font":"16px/700 Hiragino","use":"Outline red, 1.5px #E60012 border, hover #fdecec"},"button-neutral":{"type":"button","bg":"#ffffff","fg":"#33383f","radius":4,"padding":"13px 27px","font":"16px/600 Hiragino","use":"Cancel, back, 1px #cbd0d6 border"},"button-ghost":{"type":"button","bg":"#ffffff","fg":"#E60012","padding":"8px 4px","font":"15px/600 Hiragino","use":"Inline text link with arrow glyph"},"input-text":{"type":"input","bg":"#ffffff","fg":"#1a1a1a","radius":4,"padding":"12px 14px","font":"15px/400 Hiragino","use":"Standard form input, 1px #cbd0d6 border, focus #E60012"},"input-filled":{"type":"input","bg":"#f7f8fa","fg":"#1a1a1a","radius":4,"padding":"12px 14px","use":"In-product dense forms, focus #ffffff bg + #E60012 border"},"card-standard":{"type":"card","bg":"#ffffff","radius":8,"padding":"24px","use":"Content panels, 1px #e1e4e8 border"},"card-elevated":{"type":"card","bg":"#ffffff","radius":12,"padding":"32px","use":"Hero feature, pricing tiers"},"card-list":{"type":"listItem","bg":"#ffffff","radius":6,"padding":"16px","use":"Dense list rows, contact records, 1px #e1e4e8 border"},"card-highlighted":{"type":"card","bg":"#fdecec","radius":8,"padding":"24px","use":"Recommended tier, selected, 1px #E60012 border"},"badge-brand":{"type":"badge","bg":"#E60012","fg":"#ffffff","radius":4,"padding":"3px 8px","font":"12px/700 Hiragino","use":"NEW, おすすめ, featured"},"badge-soft":{"type":"badge","bg":"#fdecec","fg":"#cc0010","radius":4,"padding":"3px 8px","font":"12px/700 Hiragino","use":"Subtle category/status tag"},"badge-neutral":{"type":"badge","bg":"#eef0f3","fg":"#4a5159","radius":4,"padding":"3px 8px","font":"12px/600 Hiragino","use":"Metadata, tag chips, filter labels"},"badge-success":{"type":"badge","fg":"#2e9e5b","radius":4,"padding":"3px 8px","use":"登録済み, completion state"},"tab-underline":{"type":"tab","fg":"#6b727c","padding":"12px 20px","font":"15px/600 Hiragino","active":"Active #1a1a1a text + 2px #E60012 bottom border","use":"In-product section switching"},"tab-segmented":{"type":"tab","bg":"#eef0f3","radius":6,"padding":"8px 16px","font":"14px/600","active":"Active #ffffff bg + #1a1a1a text","use":"Compact view toggles"},"toast-default":{"type":"toast","bg":"#1a1a1a","fg":"#ffffff","radius":6,"padding":"12px 16px","font":"14px/500","use":"Transient confirmation, 3s auto-dismiss"},"toast-success":{"type":"toast","bg":"#ffffff","fg":"#1a1a1a","radius":6,"padding":"12px 16px","use":"Inline success banner, 4px #2e9e5b left border"},"dialog-modal":{"type":"dialog","bg":"#ffffff","fg":"#1a1a1a","radius":12,"padding":"32px","use":"Confirmation prompts, forms, detail overlays"},"toggle-switch":{"type":"toggle","bg":"#E60012","radius":9999,"use":"Boolean settings, #cbd0d6 off, #ffffff thumb"}},"components_harvested":true} },
|
|
234
|
-
{ id: "sendbird", name: "Sendbird", displayName: "Sendbird", country: "US", category: "developer-tools", homepage: "https://sendbird.com", primaryColor: "#742DDD", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=sendbird.com&sz=128" }, verified: "2026-06-01", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#742DDD","primary-hover":"#6211C8","primary-active":"#491389","brand":"#742DDD","canvas":"#FFFFFF","foreground":"#0D0D0D","body":"#424242","muted":"#EEEEEE","on-primary":"#FFFFFF","success":"#259C72","error":"#DE360B","info":"#ADC9FF","surface":"#F2F3F7","hairline":"#E3E5EF","border-light":"#D1D1D1","ink-dark":"#0D0D0D"},"typography":{"family":{"sans":"Helvetica Now Text","mono":"system-ui"},"display-serif":{"size":72,"weight":500,"use":"Marketing hero headline (serif)"},"body-lg":{"size":18,"weight":400,"use":"Marketing body text"},"nav":{"size":16,"weight":500,"use":"Marketing nav links"},"body":{"size":14,"weight":400,"use":"UIKit message text and labels"},"label":{"size":14,"weight":600,"use":"UIKit labels, button text"},"cta":{"size":13,"weight":600,"use":"Marketing pill CTA text"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32},"rounded":{"sm":4,"md":8,"lg":24,"full":9999},"shadow":{"focus-ring":"0 0 0 1px #742DDD","scrim":"rgba(0,0,0,0.55)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#742DDD","fg":"#FFFFFF","radius":"4px","height":"40px","padding":"10px 16px","font":"14px / 600","hover":"#6211C8","active":"#491389","use":"UIKit primary action (send, confirm)"},"button-secondary":{"type":"button","bg":"transparent","fg":"#742DDD","border":"1px solid #742DDD","radius":"4px","active":"rgba(0,0,0,0.04)","use":"UIKit ghost alternative beside primary"},"button-danger":{"type":"button","bg":"#DE360B","fg":"#FFFFFF","radius":"4px","hover":"#BF0711","active":"#9D091E","use":"UIKit destructive action"},"button-disabled":{"type":"button","bg":"#E0E0E0","fg":"rgba(0,0,0,0.38)","radius":"4px","disabled":"non-interactive","use":"UIKit blocked action"},"input":{"type":"input","bg":"#FFFFFF","fg":"rgba(0,0,0,0.87)","border":"1px solid rgba(0,0,0,0.12)","radius":"4px","padding":"7px 12px","font":"14px / 400","focus":"border #742DDD + 0 0 0 1px #742DDD","use":"UIKit text field"},"bubble-outgoing":{"type":"listItem","bg":"#742DDD","fg":"#FFFFFF","use":"Outgoing message bubble, right-aligned, max 400px"},"bubble-incoming":{"type":"listItem","bg":"#EEEEEE","fg":"rgba(0,0,0,0.87)","use":"Incoming message bubble, left-aligned, 40px avatar"},"cta-dark-pill":{"type":"button","bg":"#0D0D0D","fg":"#FFFFFF","border":"1px solid #0D0D0D","radius":"24px","height":"42px","padding":"12px 10px","font":"13px / 600","use":"Marketing highest-emphasis CTA"},"cta-outline-pill":{"type":"button","bg":"#FFFFFF","fg":"#0D0D0D","border":"1px solid #0D0D0D","radius":"24px","height":"42px","padding":"12px 10px","font":"13px / 600","use":"Marketing secondary CTA"},"chip":{"type":"badge","bg":"#F2F3F7","fg":"#0D0D0D","border":"1px solid #E3E5EF","radius":"8px","height":"50px","padding":"8px 12px","font":"18px / 400","use":"Marketing neutral selector / utility control"},"input-newsletter":{"type":"input","bg":"#FFFFFF","fg":"#424242","border":"1px solid #D1D1D1","radius":"50px","padding":"6px 35px","font":"12.8px / 400","use":"Marketing pill email capture"}}}, ds: { name: "Sendbird UIKit", url: "https://sendbird.com/docs/chat/uikit/v3/react/overview", type: "system", description: "Sendbird's official chat UIKit — a documented, token-driven conversation-UI system (React, iOS, Android, React Native) with named color sets, message components, and themeable light/dark resources." } },
|
|
235
|
-
{ id: "sentry", name: "Sentry", displayName: "Sentry", country: "US", category: "backend-devops", homepage: "https://sentry.io", primaryColor: "#362d59", logo: { type: "simpleicons", slug: "sentry" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#79628c","primary-hover":"#6a5fc1","brand":"#362d59","canvas":"#1f1633","canvas-deep":"#150f23","foreground":"#ffffff","muted":"#e5e7eb","on-primary":"#ffffff","accent-lime":"#c2ef4e","accent-coral":"#ffb287","accent-pink":"#fa7faa","accent-violet":"#422082","hairline":"#cfcfdb","border-dark":"#362d59","code-yellow":"#dcdcaa"},"typography":{"family":{"sans":"Rubik","mono":"Monaco"},"display-hero":{"size":88,"weight":700,"lineHeight":1.2,"use":"Hero headlines (Dammit Sans), brand voice"},"display-secondary":{"size":60,"weight":500,"lineHeight":1.1,"use":"Secondary hero text (Dammit Sans)"},"section":{"size":30,"weight":400,"lineHeight":1.2,"use":"Major section titles"},"subheading":{"size":27,"weight":500,"lineHeight":1.25,"use":"Feature section headers"},"card-title":{"size":24,"weight":500,"lineHeight":1.25,"use":"Card and block headings"},"feature-title":{"size":20,"weight":600,"lineHeight":1.25,"use":"Emphasized feature names"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard body text"},"nav-label":{"size":15,"weight":500,"lineHeight":1.4,"use":"Navigation links"},"button":{"size":14,"weight":700,"lineHeight":1.2,"tracking":0.2,"use":"Uppercase button label"},"caption":{"size":12,"weight":600,"lineHeight":2,"use":"Subtle annotations"},"code":{"size":16,"weight":400,"lineHeight":1.5,"use":"Code blocks (Monaco)"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":40},"rounded":{"sm":6,"md":8,"lg":13,"full":9999},"shadow":{"surface":"rgba(0,0,0,0.08) 0px 2px 8px","elevated":"rgba(0,0,0,0.1) 0px 10px 15px -3px","prominent":"rgba(0,0,0,0.18) 0px 0.5rem 1.5rem","inset":"rgba(0,0,0,0.1) 0px 1px 3px 0px inset","ambient":"rgba(22,15,36,0.9) 0px 4px 4px 9px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#79628c","fg":"#ffffff","border":"1px solid #362d59","radius":"13px","font":"14px / 700","shadow":"rgba(0,0,0,0.1) 0px 1px 3px 0px inset","hover":"rgba(0,0,0,0.18) 0px 0.5rem 1.5rem","use":"Primary muted-purple action, uppercase"},"button-glass":{"type":"button","bg":"rgba(255,255,255,0.18)","fg":"#ffffff","radius":"12px","padding":"8px","shadow":"rgba(0,0,0,0.08) 0px 2px 8px","hover":"rgba(54,22,107,0.14)","use":"Secondary action on dark surfaces"},"button-white":{"type":"button","bg":"#ffffff","fg":"#1f1633","radius":"8px","padding":"12px 16px","hover":"bg #6a5fc1, text #ffffff","focus":"bg #ffb287, outline #6a5fc1","use":"High-visibility CTA on dark"},"button-violet":{"type":"button","bg":"#422082","fg":"#ffffff","radius":"8px","padding":"8px 16px","use":"Select / dropdown"},"input":{"type":"input","bg":"#ffffff","fg":"#1f1633","border":"1px solid #cfcfdb","radius":"6px","padding":"8px 12px","focus":"rgba(0,0,0,0.15) 0px 2px 10px inset","use":"Text input"},"card":{"type":"card","radius":"12px","shadow":"rgba(0,0,0,0.1) 0px 10px 15px -3px","use":"Glass / dark purple surface, backdrop blur(18px)"}}} },
|
|
236
|
-
{ id: "shinhancard", name: "Shinhan Card", displayName: "Shinhan Card", country: "KR", category: "fintech", homepage: "https://www.shinhancard.com", primaryColor: "#005df9", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=shinhancard.com&sz=128" }, verified: "2026-06-09", added: "2026-06-09", tokens: {"source":"live-extract","extracted":"2026-06-09","components_harvested":true,"colors":{"primary":"#005df9","indigo":"#6268ff","canvas":"#ffffff","surface":"#f8f9fc","surface-blue":"#f0f4fa","surface-indigo":"#ebf0ff","heading":"#101828","slate":"#344054","body":"#475467","muted":"#667085","muted-light":"#818da2","border":"#e4e7ec","border-strong":"#d0d5dd","on-primary":"#ffffff","danger":"#f44f4f","danger-bg":"#fff6f5"},"typography":{"family":{"sans":"Digital One Shinhan"},"display":{"size":32,"weight":900,"lineHeight":1.2,"tracking":-0.64,"use":"Hero / main visual headline"},"h1":{"size":28,"weight":700,"lineHeight":1.3,"tracking":-0.28,"use":"Page title"},"section":{"size":21,"weight":700,"lineHeight":1.3,"tracking":-0.28,"use":"Section heading"},"body-input":{"size":16,"weight":500,"lineHeight":1.69,"tracking":-0.32,"use":"Form input, emphasized body"},"body":{"size":14,"weight":400,"lineHeight":1.71,"tracking":-0.28,"use":"Standard reading text, nav links"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"use":"Metadata, fine print, timestamps"}},"spacing":{"xs":2,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32,"section":48},"rounded":{"sm":8,"md":12,"lg":16,"full":9999},"shadow":{"hairline":"#e4e7ec 0px 0px 0px 1px","inset-line":"#d0d5dd 0px -1px 0px 0px inset"},"components":{"button-primary":{"type":"button","bg":"#005df9","fg":"#ffffff","radius":"16px","padding":"2px 12px","font":"14px / 400","use":"Primary CTA — 로그인, SOL페이 다운로드 (shc-btn theme-primary)"},"button-tertiary":{"type":"button","bg":"#f0f4fa","fg":"#101828","radius":"12px","padding":"2px 8px","font":"14px / 400","use":"Tertiary action — 마이페이지, 내 정보관리 (shc-btn theme-tertiary)"},"button-indigo":{"type":"button","bg":"#6268ff","fg":"#ffffff","radius":"12px","padding":"2px 8px","font":"14px / 400","use":"Secondary accent action / promo"},"card":{"type":"card","bg":"#f8f9fc","fg":"#101828","radius":"16px","padding":"24px","font":"14px / 400","use":"Product / loan entry card, hairline #e4e7ec ring"},"card-indigo":{"type":"card","bg":"#ebf0ff","fg":"#101828","radius":"16px","padding":"24px","use":"Highlighted promo card on indigo tint"},"input-text":{"type":"input","bg":"#ffffff","fg":"#101828","radius":"8px","font":"16px / 500","use":"Search / form input, 1px #d0d5dd border, focus #005df9"},"badge-danger":{"type":"badge","bg":"#fff6f5","fg":"#f44f4f","radius":"8px","padding":"2px 8px","font":"12px / 400","use":"Alert / required / error badge"},"tab":{"type":"tab","bg":"#ffffff","fg":"#667085","radius":"0px","font":"14px / 400","active":"2px bottom border #005df9, fg #101828","use":"Main navigation / content tabs"},"list-item":{"type":"listItem","bg":"#ffffff","fg":"#344054","radius":"12px","padding":"0px 12px","font":"14px / 400","use":"Menu / quick-link list row, #e4e7ec divider"},"toggle":{"type":"toggle","bg":"#005df9","fg":"#ffffff","radius":"9999px","use":"On-state switch / segmented selector"}}} },
|
|
237
|
-
{ id: "shopline", name: "SHOPLINE", displayName: "SHOPLINE", country: "TW", category: "e-commerce", homepage: "https://shopline.tw", primaryColor: "#356dff", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=shopline.tw&sz=128" }, verified: "2026-06-08", added: "2026-06-08", tokens: {"source":"live-extract","extracted":"2026-06-08","note":"primary = live CTA blue (#356dff); ink = navy text/dark-section (#00142d); shadows are neutral soft-gray, alpha kept in shadow strings only","colors":{"primary":"#356dff","primary-ink":"#ffffff","ink":"#00142d","canvas":"#ffffff","surface-tint":"#edf4fd","surface-mist":"#f2f7fc","dark-section":"#00142d","heading":"#00142d","body":"#00142d","on-dark":"#ffffff","cta-black":"#000000","hairline":"#d6d6d6"},"typography":{"family":{"sans":"Noto Sans TC","fallback":"-apple-system, system-ui, Segoe UI, Roboto"},"display-hero":{"size":48,"weight":700,"lineHeight":1.33,"tracking":0,"use":"Hero headline (h1), white-on-navy"},"section":{"size":40,"weight":700,"lineHeight":1.37,"tracking":0,"use":"Section titles (h2)"},"subheading":{"size":24,"weight":700,"lineHeight":1.4,"use":"Card / feature heads"},"cta-lg":{"size":18,"weight":700,"lineHeight":1,"use":"Primary pill CTA label"},"cta-sm":{"size":14,"weight":700,"lineHeight":1,"use":"Nav header CTA label"},"nav":{"size":16,"weight":400,"lineHeight":1.5,"use":"Top navigation links"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text"},"caption":{"size":13,"weight":400,"lineHeight":1.85,"use":"Small descriptions, metadata"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":80},"rounded":{"sm":3,"md":6,"lg":9,"pill":30,"full":9999},"shadow":{"soft":"rgba(200,200,200,0.27) 2px 2px 6px 0px","card":"rgba(0,0,0,0.08) 0px 8px 16px 0px","float":"rgba(0,0,0,0.08) 0px 4px 24px 0px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#356dff","fg":"#ffffff","radius":"30px","height":"45px","padding":"0 24px","font":"18px / 700","use":"Primary marketing CTA"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#356dff","border":"1px solid #356dff","radius":"30px","height":"45px","font":"18px / 700","use":"Secondary action beside primary"},"button-dark":{"type":"button","bg":"#00142d","fg":"#ffffff","radius":"30px","height":"44px","padding":"8px 24px","font":"16px / 700","use":"High-emphasis booking/conversion CTA"},"button-nav":{"type":"button","bg":"#000000","fg":"#ffffff","radius":"30px","height":"38px","padding":"0 24px","font":"14px / 700","use":"Always-visible free-trial CTA in sticky nav"},"card":{"type":"card","bg":"#ffffff","radius":"8px","shadow":"rgba(0,0,0,0.08) 0px 8px 16px 0px","use":"Standard elevated card; elevation from soft shadow not hairlines"},"input":{"type":"input","bg":"#ffffff","fg":"#00142d","border":"1px solid #d6d6d6","radius":"6px","focus":"#356dff blue ring/border","use":"Form input"},"section-band":{"type":"card","bg":"#edf4fd","use":"Light-blue wash band (#edf4fd / #f2f7fc) alternating with white; navy #00142d for immersive sections"}}} },
|
|
238
|
-
{ id: "slack", name: "Slack", displayName: "Slack", country: "US", category: "productivity", homepage: "https://slack.com", primaryColor: "#4A154B", logo: { type: "favicon", slug: "https://slack.com/favicon.ico" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#4A154B","primary-hover":"#611F69","primary-active":"#7C3085","brand":"#4A154B","canvas":"#FFFFFF","foreground":"#1D1C1D","body":"#616061","muted":"#868686","on-primary":"#FFFFFF","cta-green":"#007A5A","cta-green-hover":"#148567","link":"#1264A3","error":"#E01E5A","warning":"#ECB22E","success":"#2BAC76","accent-blue":"#36C5F0","accent-green":"#2EB67D","accent-yellow":"#ECB22E","surface":"#F8F8F8","hairline":"#E8E8E8","sidebar":"#3F0E40"},"typography":{"family":{"sans":"Lato","mono":"Monaco"},"display-hero":{"size":56,"weight":900,"lineHeight":1.14,"tracking":-0.02,"use":"Marketing hero headlines (Larsseit)"},"display-lg":{"size":44,"weight":700,"lineHeight":1.18,"tracking":-0.01,"use":"Section headers (web)"},"heading-1":{"size":32,"weight":700,"lineHeight":1.25,"use":"Page titles"},"heading-2":{"size":24,"weight":700,"lineHeight":1.33,"use":"Sub-sections, modal titles"},"heading-3":{"size":18,"weight":700,"lineHeight":1.44,"use":"Card titles, channel headers"},"subtitle":{"size":16,"weight":700,"lineHeight":1.5,"use":"List headers, emphasized labels"},"body-lg":{"size":16,"weight":400,"lineHeight":1.5,"use":"Marketing body, descriptions"},"body":{"size":15,"weight":400,"lineHeight":1.46,"use":"Message text — the workhorse"},"body-sm":{"size":13,"weight":400,"lineHeight":1.38,"use":"Secondary info, metadata"},"caption":{"size":12,"weight":400,"lineHeight":1.33,"use":"Timestamps, fine print"},"code":{"size":12,"weight":400,"lineHeight":1.5,"use":"Inline code, code blocks (Monaco)"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48},"rounded":{"sm":4,"md":8,"lg":12,"full":9999},"shadow":{"card":"0 1px 3px rgba(0,0,0,0.08)","feature":"0 4px 16px rgba(0,0,0,0.10)","popover":"0 4px 12px rgba(0,0,0,0.12)","modal":"0 18px 48px rgba(0,0,0,0.35)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#007A5A","fg":"#FFFFFF","radius":"4px","padding":"0 16px","height":"44px","font":"18px / 900","hover":"#148567","use":"Primary marketing CTA"},"button-aubergine":{"type":"button","bg":"#4A154B","fg":"#FFFFFF","radius":"4px","padding":"0 16px","font":"18px / 900","hover":"#611F69","use":"Brand-forward CTA on white"},"button-outline":{"type":"button","bg":"transparent","fg":"#4A154B","border":"1px solid #4A154B","radius":"4px","padding":"0 16px","font":"18px / 700","hover":"8% aubergine tint fill","use":"Secondary marketing action"},"button-product":{"type":"button","bg":"#007A5A","fg":"#FFFFFF","border":"1px solid transparent","radius":"4px","padding":"0 12px","height":"36px","font":"15px / 900","hover":"#148567","use":"In-app confirm (Send, Create channel)"},"button-danger":{"type":"button","bg":"#E01E5A","fg":"#FFFFFF","radius":"4px","padding":"0 12px","font":"15px / 900","hover":"darken 8%","disabled":"opacity 0.5","use":"Destructive confirm"},"input":{"type":"input","bg":"#FFFFFF","fg":"#1D1C1D","border":"1px solid rgba(29,28,29,0.3)","radius":"4px","padding":"11px 12px","font":"15px / 400","focus":"border #1264A3 + 0 0 0 1px #1264A3","use":"Standard form input"},"composer":{"type":"input","bg":"#FFFFFF","fg":"#1D1C1D","border":"1px solid rgba(29,28,29,0.3)","radius":"8px","padding":"8px 12px","font":"15px / 400","focus":"border rgba(29,28,29,0.5), inner shadow","use":"Message composer"},"card":{"type":"card","bg":"#FFFFFF","border":"1px solid #E8E8E8","radius":"8px","padding":"24px","shadow":"0 1px 3px rgba(0,0,0,0.08)","use":"Content panels, feature cards"},"badge-unread":{"type":"badge","bg":"#CD2553","fg":"#FFFFFF","radius":"9999px","padding":"1px 6px","font":"12px / 700","use":"Channel/DM unread count"},"badge-status":{"type":"badge","bg":"#F8F8F8","fg":"#616061","border":"1px solid #E8E8E8","radius":"12px","padding":"2px 10px","font":"13px / 700","use":"NEW, custom status, app labels"},"tab-sidebar":{"type":"tab","bg":"transparent","fg":"rgba(255,255,255,0.7)","active":"bg #1164A3, text #FFFFFF","hover":"bg rgba(255,255,255,0.1)","font":"15px / 700","use":"Channel list in sidebar"},"tab-segmented":{"type":"tab","bg":"transparent","fg":"#616061","active":"text #1D1C1D, 2px bottom border #4A154B","font":"15px / 700","use":"Threads/Mentions/Saved switching"},"toast":{"type":"toast","bg":"#1D1C1D","fg":"#FFFFFF","radius":"8px","padding":"12px 16px","shadow":"0 4px 12px rgba(0,0,0,0.2)","font":"15px / 400","use":"Transient confirmation"},"banner":{"type":"card","bg":"#FEF7E0","fg":"#1D1C1D","border":"3px solid #ECB22E","radius":"4px","padding":"12px 16px","use":"System notice, workspace announcement"},"dialog":{"type":"dialog","bg":"#FFFFFF","fg":"#1D1C1D","radius":"8px","padding":"24px","shadow":"0 18px 48px rgba(0,0,0,0.35)","use":"Create-channel, preferences, confirmation"},"toggle":{"type":"toggle","bg":"#868686","radius":"9999px","states":"on #007A5A","use":"Boolean settings; white thumb"}}} },
|
|
239
|
-
{ id: "smarthr", name: "SmartHR", displayName: "SmartHR", country: "JP", category: "saas", homepage: "https://smarthr.jp", primaryColor: "#00C4CC", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=smarthr.jp&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#00C4CC","brand":"#00C4CC","canvas":"#FFFFFF","foreground":"#23221F","body":"#4E4C49","muted":"#AAA69F","on-primary":"#FFFFFF","accent-orange":"#FF9900","surface":"#F8F7F6","hairline":"#EDEBE6","success":"#3DCC65","error":"#EC5A55","warning":"#FFD74A","info":"#32B7F0","aqua-dark":"#0F7F85"},"typography":{"family":{"sans":"system-ui","mono":"system-ui"},"page-heading":{"size":32,"weight":700,"lineHeight":1.25,"use":"Page headings (XXL; mobile 28.8px)"},"section":{"size":24,"weight":700,"lineHeight":1.25,"use":"Section headings (XL)"},"subheading":{"size":19.2,"weight":700,"lineHeight":1.25,"use":"Subheadings (L)"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Body default (M)"},"label":{"size":13.71,"weight":400,"lineHeight":1,"use":"Secondary labels (S)"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"use":"Captions, helper text (XS)"},"fine":{"size":10.67,"weight":400,"lineHeight":1.5,"use":"Fine print, dense table captions (XXS)"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32},"rounded":{"sm":4,"md":6,"lg":8,"full":9999},"shadow":{"popover":"subtle tokenized shadow (light)","modal":"stronger tokenized shadow + Stone01 backdrop scrim"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#00C4CC","fg":"#FFFFFF","radius":"6px","font":"16px / 700","use":"Single most important action (Save/Submit)"},"button-secondary":{"type":"button","bg":"#FFFFFF","fg":"#23221F","border":"1px solid #EDEBE6","radius":"6px","use":"Cancel / secondary beside primary"},"button-danger":{"type":"button","bg":"#EC5A55","fg":"#FFFFFF","radius":"6px","use":"Destructive action"},"button-text":{"type":"button","bg":"transparent","fg":"#0F7F85","use":"Low-emphasis inline action"},"button-disabled":{"type":"button","bg":"#EDEBE6","fg":"#AAA69F","disabled":"palette swap, no opacity trick","use":"Unavailable action"},"input":{"type":"input","bg":"#FFFFFF","fg":"#23221F","border":"1px solid #AAA69F","radius":"4px","focus":"border #00C4CC + focus ring","use":"Form text field"},"input-error":{"type":"input","border":"1px solid #EC5A55","use":"Validation failure; helper text #A53F3F at 12px"},"card":{"type":"card","bg":"#FFFFFF","border":"1px solid #EDEBE6","radius":"8px","use":"Content panel on Stone01 #F8F7F6 page bg"},"notice-info":{"type":"card","bg":"#DDF2FB","fg":"#1376A0","radius":"4px","use":"Informational banner"},"notice-success":{"type":"card","bg":"#E6F2C8","fg":"#378445","radius":"4px","use":"Confirmation message"},"notice-warning":{"type":"card","bg":"#FAF2D0","fg":"#F56121","radius":"4px","use":"Caution message"},"notice-error":{"type":"card","bg":"#FFE7E5","fg":"#A53F3F","radius":"4px","use":"Error / failure banner"},"badge":{"type":"badge","radius":"9999px","use":"Status chip — family-01 tint bg, family-04 dark text, color-coded by semantic family"}}}, ds: { name: "SmartHR Design System", url: "https://smarthr.design", type: "system", description: "SmartHR's fully public, governance-driven design system — primitive and semantic tokens, accessibility-first components, and inclusive UI guidelines published openly at smarthr.design." } },
|
|
240
|
-
{ id: "smartnews", name: "SmartNews", displayName: "SmartNews", country: "JP", category: "consumer-tech", homepage: "https://www.smartnews.com", primaryColor: "#EB0B22", logo: { type: "github", slug: "smartnews" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#EB0B22","brand":"#EB0B22","canvas":"#FFFFFF","foreground":"#000000","muted":"#666666","on-primary":"#FFFFFF","surface":"#F5F5F5"},"typography":{"family":{"sans":"system-ui","mono":"system-ui"},"headline":{"size":18,"weight":700,"lineHeight":1.3,"use":"Bold scannable article headlines"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Article preview / body text"},"meta":{"size":13,"weight":400,"lineHeight":1.4,"use":"Source name, timestamp, channel labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32},"rounded":{"sm":4,"md":8,"lg":12,"full":9999},"shadow":{"card":"minimal / 1px separation on light-neutral feed"},"components_harvested":true,"components":{"tab-channel":{"type":"tab","bg":"#FFFFFF","fg":"#666666","active":"text #000000 bold, #EB0B22 underline bar","use":"Swipeable channel bar — core navigation"},"button-primary":{"type":"button","bg":"#EB0B22","fg":"#FFFFFF","radius":"8px","use":"Key conversion action (Get the app, Subscribe)"},"button-secondary":{"type":"button","bg":"#FFFFFF","fg":"#000000","border":"1px solid neutral","radius":"8px","use":"Lower-emphasis action"},"button-download":{"type":"button","bg":"#000000","fg":"#FFFFFF","radius":"12px","font":"/ 700","use":"App Store / Google Play download tile"},"card-article":{"type":"card","bg":"#FFFFFF","fg":"#000000","radius":"8px","use":"Headline + source + timestamp + thumbnail feed unit"},"card-image":{"type":"card","fg":"#FFFFFF","use":"Featured story — photo fill, white headline over dark scrim"},"badge-breaking":{"type":"badge","bg":"#EB0B22","fg":"#FFFFFF","radius":"4px","font":"/ 700","use":"Breaking / live emphasis, uppercase"}}} },
|
|
241
|
-
{ id: "socar", name: "SOCAR", displayName: "SOCAR", country: "KR", category: "consumer-tech", homepage: "https://www.socar.kr", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=socar.kr&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","note":"SOCAR Blue brand hex unpublished; web chrome intentionally achromatic, so primary maps to ink #000000 / neutral scale","colors":{"primary":"#000000","canvas":"#ffffff","foreground":"#354153","body":"#354153","muted":"#b4bbcb","on-primary":"#ffffff","surface":"#f2f3f8","surface-footer":"#f5f5f5","hairline":"#e5e8ef"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"h1":{"size":26,"weight":700,"lineHeight":1.38,"use":"Single hero line"},"h2":{"size":22,"weight":700,"lineHeight":1.36,"use":"Section titles"},"h3":{"size":16,"weight":600,"lineHeight":1.5,"use":"City names, card headings"},"nav":{"size":16,"weight":600,"use":"Header navigation items"},"body":{"size":16,"weight":400,"use":"Card descriptions, copy"},"button":{"size":14,"weight":600,"use":"Search CTA label"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32},"rounded":{"sm":12,"md":14,"lg":16,"full":9999},"shadow":{"card":"rgba(0,0,0,0.1) 0px 4px 8px 0px"},"components_harvested":true,"components":{"button-primary":{"type":"button","fg":"#ffffff","radius":"12px","padding":"12px 18px","font":"14px / 600","use":"Primary booking CTA (SOCAR Blue in funnel)"},"button-search":{"type":"button","bg":"#f2f3f8","fg":"#b4bbcb","radius":"12px","padding":"12px 18px","font":"14px / 600","use":"Neutral search trigger, state-swaps when complete"},"link-nav":{"type":"button","bg":"transparent","fg":"#354153","font":"16px / 600","use":"Top nav text link, no underline/hover bg"},"card":{"type":"card","bg":"#ffffff","radius":"16px","shadow":"rgba(0,0,0,0.1) 0px 4px 8px 0px","use":"Article / promo tile"},"card-region":{"type":"card","bg":"#ffffff","border":"1px solid #e5e8ef","radius":"14px","padding":"20px","fg":"#354153","use":"Location/region booking entry tile"},"chip-timerange":{"type":"badge","bg":"#ffffff","border":"1px solid #e5e8ef","radius":"14px","padding":"0 12px","font":"16px / 400","use":"Date-time range selector chip"},"input":{"type":"input","bg":"#ffffff","fg":"#354153","border":"1px solid #e5e8ef","radius":"12px","padding":"0 13px","font":"16px / 400","use":"Search field; placeholder #b4bbcb"}}}, ds: { name: "SOCAR Design", url: "https://design.socar.kr/", type: "system", description: "SOCAR's design system hub — Space Frame, SOCAR Blue, Sandoll Gothic Neo2 + Avenir typography, and mobility-flow component patterns.", ogImage: "https://design.socar.kr/og.jpg" } },
|
|
242
|
-
{ id: "soomgo", name: "Soomgo", displayName: "Soomgo", country: "KR", category: "consumer-tech", homepage: "https://soomgo.com", primaryColor: "#693bf2", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=soomgo.com&sz=128" }, verified: "2026-06-09", added: "2026-06-09", tokens: {"source":"live-extract","extracted":"2026-06-09","components_harvested":true,"colors":{"primary":"#693bf2","canvas":"#ffffff","heading":"#293341","heading-deep":"#1c242f","body":"#6a7685","muted":"#aab4bf","surface":"#f6f7f9","surface-gray":"#eff1f5","hairline":"#e0e5eb","border":"#c7ced6","rating":"#ffc300","info":"#0087ff","ink":"#000000","on-primary":"#ffffff"},"typography":{"family":{"sans":"Pretendard","fallback":"Apple SD Gothic Neo"},"section":{"size":24,"weight":700,"lineHeight":1.33,"tracking":0,"use":"Section headline, page title"},"subheading":{"size":18,"weight":700,"lineHeight":1.44,"use":"Card title, sub-section head"},"title":{"size":16,"weight":700,"lineHeight":1.5,"use":"List item title, h2 default"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text, links"},"label":{"size":14,"weight":500,"lineHeight":1.43,"use":"Button label, nav label, chips"},"caption":{"size":13,"weight":400,"lineHeight":1.54,"use":"Metadata, helper text, prices"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":6,"md":8,"lg":16,"full":9999},"shadow":{"card":"rgba(0,0,0,0.06) 0px 2px 8px","floating":"rgba(0,0,0,0.12) 0px 4px 16px"},"components":{"button-primary":{"type":"button","bg":"#693bf2","fg":"#ffffff","radius":"6px","padding":"7px 14px","font":"14px / 500","use":"Primary CTA — 고수가입 / 견적 요청, the only purple fill on the page"},"button-secondary":{"type":"button","bg":"#f6f7f9","fg":"#000000","radius":"15px","padding":"12px","font":"16px / 400","use":"Soft neutral action — AI 견적 요청, surface-filled"},"button-ghost":{"type":"button","bg":"#eff1f5","fg":"#1c242f","radius":"8px","padding":"8px 12px","font":"16px / 400","use":"Tertiary action — 더보기 / load-more on cards"},"category-tab":{"type":"tab","bg":"#293341","fg":"#000000","radius":"16px","padding":"8px 12px","font":"16px / 400","active":"Filled dark pill #293341, inactive surface #f6f7f9","use":"Service category navigation pills"},"region-chip":{"type":"badge","bg":"#f6f7f9","fg":"#293341","radius":"36px","padding":"0 16px","font":"16px / 400","use":"Region/location filter chip — 서울, fully rounded"},"rating-badge":{"type":"badge","fg":"#293341","radius":"6px","font":"13px / 400","use":"Star rating, #ffc300 star glyph + count"},"search-input":{"type":"input","bg":"#f6f7f9","fg":"#293341","radius":"8px","padding":"12px","font":"16px / 400","use":"Quote/search field, placeholder #aab4bf"},"pro-card":{"type":"card","bg":"#ffffff","fg":"#293341","radius":"8px","use":"Pro listing card, 1px #e0e5eb hairline, card shadow on hover"},"info-link":{"type":"badge","fg":"#0087ff","font":"14px / 400","use":"Inline informational link / status accent"}}} },
|
|
243
|
-
{ id: "spacex", name: "SpaceX", displayName: "SpaceX", country: "US", category: "consumer-tech", homepage: "https://www.spacex.com", primaryColor: "#005288", logo: { type: "simpleicons", slug: "spacex" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#f0f0fa","brand":"#000000","canvas":"#000000","foreground":"#f0f0fa","on-primary":"#000000","surface":"#1a1a1f","hairline":"#56565b","accent-red":"#cc0000","accent-amber":"#f5a623"},"typography":{"family":{"sans":"D-DIN","mono":"D-DIN"},"display-hero":{"size":48,"weight":700,"lineHeight":1,"tracking":0.96,"use":"Hero headline, uppercase"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text"},"nav-bold":{"size":13,"weight":700,"lineHeight":0.94,"tracking":1.17,"use":"Nav emphasis, uppercase"},"nav":{"size":12,"weight":400,"lineHeight":2,"use":"Nav link, uppercase"},"micro":{"size":10,"weight":400,"lineHeight":0.94,"tracking":1,"use":"Micro label, uppercase"}},"spacing":{"xs":3,"sm":5,"md":12,"base":15,"lg":20,"xl":24,"xxl":30},"rounded":{"sm":4,"md":4,"lg":32,"full":9999},"shadow":{"none":"SpaceX uses zero shadows; depth comes from photography"},"components_harvested":true,"components":{"button-ghost":{"type":"button","bg":"rgba(240,240,250,0.1)","fg":"#f0f0fa","border":"1px solid rgba(240,240,250,0.35)","radius":"32px","padding":"18px","hover":"background brightens, text full spectral white","use":"The only button — LEARN MORE CTA on photography"}}} },
|
|
244
|
-
{ id: "spoon", name: "Spoon", displayName: "Spoon", country: "KR", category: "audio-social", homepage: "https://www.spooncast.net", primaryColor: "#FF5500", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=spooncast.net&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#FF5500","primary-hover":"#E64D00","brand":"#FF5500","canvas":"#FFFFFF","foreground":"#1A1A1A","body":"#333333","muted":"#767676","on-primary":"#FFFFFF","surface":"#F2F2F2","hairline":"#E5E5E5","success":"#22C55E","error":"#FF3B30","accent-gift":"#FFB300","accent-coral":"#F23C5C"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"hero":{"size":28,"weight":700,"lineHeight":1.3,"use":"Marketing hero, section headlines"},"section":{"size":20,"weight":700,"lineHeight":1.35,"use":"라이브/팟캐스트/랭킹 headers"},"card-title":{"size":16,"weight":600,"lineHeight":1.4,"use":"Live-room titles, DJ names"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Descriptions, room info"},"chip":{"size":12,"weight":400,"lineHeight":1.4,"use":"Hashtag chips, CTAs"},"meta":{"size":12,"weight":400,"lineHeight":1.4,"use":"Listener counts, timestamps"},"caption":{"size":11,"weight":400,"lineHeight":1.4,"use":"Fine print"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24},"rounded":{"sm":6,"md":12,"lg":16,"full":9999},"shadow":{"scrim":"rgba(0,0,0,0.5)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#FF5500","fg":"#FFFFFF","radius":"999px","height":"28px","padding":"4px 12px","font":"12px / 500","hover":"#E64D00","use":"Login/signup primary CTA — compact orange pill"},"button-golive":{"type":"button","bg":"#FF5500","fg":"#FFFFFF","radius":"999px","padding":"10px 20px","font":"15px / 600","use":"방송하기 / start-a-live — larger orange pill"},"button-outline":{"type":"button","bg":"#FFFFFF","fg":"#FF5500","border":"1px solid #FF5500","radius":"999px","padding":"4px 12px","font":"12px / 500","use":"Follow, secondary action"},"button-ghost":{"type":"button","bg":"transparent","fg":"#333333","font":"14px / 500","use":"Tertiary nav, 더보기"},"input":{"type":"input","bg":"#F2F2F2","fg":"#1A1A1A","radius":"999px","padding":"8px 14px","font":"14px / 400","focus":"border #FF5500","use":"Room/DJ search, form fields; placeholder #AAAAAA"},"card":{"type":"card","bg":"#FFFFFF","border":"1px solid #E5E5E5","radius":"12px","padding":"12px","use":"Live-room card — avatar, title, hashtags, listener count"},"avatar":{"type":"avatar","bg":"#D9D9D9","border":"2px solid #FF5500","radius":"50%","use":"DJ/creator avatar; orange ring = live now"},"chip-hashtag":{"type":"badge","bg":"#F2F2F2","fg":"#333333","radius":"12px","padding":"0 6px","font":"12px / 400","use":"Discovery hashtag chip"},"badge-live":{"type":"badge","bg":"#FF5500","fg":"#FFFFFF","radius":"6px","padding":"2px 6px","font":"11px / 600","use":"LIVE / ON AIR flag"},"badge-gift":{"type":"badge","bg":"rgba(255,179,0,0.15)","fg":"#FFB300","radius":"999px","padding":"2px 8px","font":"12px / 600","use":"Spoon-count / gift indicator"},"tab":{"type":"tab","fg":"#767676","active":"text #1A1A1A weight 600, #FF5500 on selected","font":"14px / 500","use":"라이브/팟캐스트/랭킹 switcher"},"toast":{"type":"toast","bg":"#1A1A1A","fg":"#FFFFFF","radius":"12px","padding":"12px 16px","use":"Transient feedback snackbar"},"dialog":{"type":"dialog","bg":"#FFFFFF","fg":"#1A1A1A","radius":"16px","padding":"24px","shadow":"rgba(0,0,0,0.5)","use":"Login, gift selection, bottom sheet"}}} },
|
|
245
|
-
{ id: "spotify", name: "Spotify", displayName: "Spotify", country: "US", category: "consumer-tech", homepage: "https://www.spotify.com", primaryColor: "#1db954", logo: { type: "simpleicons", slug: "spotify" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#1ed760","brand":"#1ed760","brand-border":"#1db954","canvas":"#121212","foreground":"#ffffff","muted":"#b3b3b3","on-primary":"#000000","surface":"#181818","surface-mid":"#1f1f1f","surface-card":"#252525","hairline":"#4d4d4d","border-light":"#7c7c7c","error":"#f3727f","warning":"#ffa42b","info":"#539df5"},"typography":{"family":{"sans":"SpotifyMixUI","mono":"SpotifyMixUI"},"section-title":{"size":24,"weight":700,"use":"Bold section titles (SpotifyMixUITitle)"},"feature-heading":{"size":18,"weight":600,"lineHeight":1.3,"use":"Semibold section heads"},"body-bold":{"size":16,"weight":700,"use":"Emphasized text"},"body":{"size":16,"weight":400,"use":"Standard body"},"button":{"size":14,"weight":700,"tracking":1.4,"use":"Uppercase button label"},"nav":{"size":14,"weight":400,"use":"Navigation links"},"small":{"size":12,"weight":400,"use":"Tags, counts, fine print"},"badge":{"size":10.5,"weight":600,"lineHeight":1.33,"use":"Badge text, capitalize"},"micro":{"size":10,"weight":400,"use":"Smallest text"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48},"rounded":{"sm":4,"md":8,"lg":16,"full":9999},"shadow":{"heavy":"rgba(0,0,0,0.5) 0px 8px 24px","medium":"rgba(0,0,0,0.3) 0px 8px 8px","inset-border":"rgb(18,18,18) 0px 1px 0px, rgb(124,124,124) 0px 0px 0px 1px inset"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#1ed760","fg":"#000000","radius":"9999px","padding":"12px 32px","font":"14px / 700","hover":"scale(1.04) + brightness","use":"Primary brand CTA (Get Spotify Free, Premium)"},"button-dark-pill":{"type":"button","bg":"#1f1f1f","fg":"#ffffff","radius":"9999px","padding":"8px 16px","font":"14px / 700","use":"Navigation pills, secondary actions on dark"},"button-light-pill":{"type":"button","bg":"#ffffff","fg":"#121212","radius":"500px","padding":"16px 48px","font":"16px / 700","use":"Light-mode CTAs (cookie consent, marketing)"},"button-outline":{"type":"button","bg":"transparent","fg":"#ffffff","border":"1px solid #7c7c7c","radius":"9999px","padding":"4px 16px 4px 36px","font":"14px / 700","use":"Follow buttons, secondary actions"},"button-play":{"type":"button","bg":"#1f1f1f","fg":"#ffffff","radius":"50%","padding":"12px","font":"14px / 700","hover":"scale(1.06)","use":"Play/pause circular control"},"input-search":{"type":"input","bg":"#1f1f1f","fg":"#ffffff","border":"1px solid transparent","radius":"500px","padding":"12px 16px 12px 48px","font":"14px / 400","focus":"1px solid #000000","use":"Top-bar pill search; placeholder #b3b3b3"},"input":{"type":"input","bg":"#1f1f1f","fg":"#ffffff","border":"1px solid #7c7c7c","radius":"4px","padding":"8px 12px","font":"14px / 400","focus":"1px solid #1ed760","use":"Settings forms, playlist edit"},"card":{"type":"card","bg":"#181818","fg":"#ffffff","radius":"8px","padding":"16px","hover":"bg #1f1f1f + scale(1.02) artwork","use":"Album/playlist grid card"},"card-elevated":{"type":"card","bg":"#181818","fg":"#ffffff","radius":"8px","padding":"16px","shadow":"rgba(0,0,0,0.3) 0px 8px 8px","use":"Now playing, sticky/floating surfaces"},"badge-nowplaying":{"type":"badge","bg":"transparent","fg":"#1ed760","radius":"2px","font":"11px / 700","use":"Playback indicator on active track row"},"badge-genre":{"type":"badge","bg":"#3a3a3a","fg":"#ffffff","radius":"4px","padding":"2px 8px","font":"11px / 700","use":"Genre/mood tag on album header"}}} },
|
|
246
|
-
{ id: "starbucks", name: "Starbucks", displayName: "Starbucks", country: "US", category: "consumer-tech", homepage: "https://www.starbucks.com", primaryColor: "#00704A", logo: { type: "simpleicons", slug: "starbucks" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#00704A","accent-green":"#00a862","deep-forest":"#1e3932","warm-white":"#f1f8f4","white":"#fafafa","cream":"#ede9e1","latte":"#d4e9e2","gold":"#cba258","berry":"#c44d58","success":"#00754a","error":"#e75b52","black":"#000000","charcoal":"#1e1e1e","body":"#4a4a4a","secondary":"#6b6b6b","disabled":"#8c8c8c","border":"#d4d4d4","light-gray":"#e8e8e8","bg-gray":"#f2f0eb"},"typography":{"family":{"sans":"SoDo Sans","mono":"SoDo Sans"},"display-hero":{"size":48,"weight":700,"lineHeight":1.08,"tracking":-0.5,"use":"Campaign hero headlines (Pike/Lander)"},"display-lg":{"size":36,"weight":700,"lineHeight":1.22,"tracking":-0.25,"use":"Page titles, section openers"},"heading-1":{"size":28,"weight":700,"lineHeight":1.29,"use":"Major section headings"},"heading-2":{"size":22,"weight":600,"lineHeight":1.36,"use":"Card headings, sub-sections"},"heading-3":{"size":18,"weight":600,"lineHeight":1.44,"use":"List headers, menu item names"},"subtitle":{"size":16,"weight":600,"lineHeight":1.5,"use":"Navigation, emphasized labels"},"body-lg":{"size":16,"weight":400,"lineHeight":1.63,"use":"Descriptions, product copy"},"body":{"size":14,"weight":400,"lineHeight":1.57,"use":"Standard reading text"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"tracking":0.2,"use":"Metadata, fine print, legal"},"button":{"size":14,"weight":600,"lineHeight":1,"tracking":0.3,"use":"Button labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":96},"rounded":{"sm":4,"md":16,"lg":20,"full":9999},"shadow":{"subtle":"0 2px 8px rgba(30,57,50,0.08)","standard":"0 4px 16px rgba(30,57,50,0.12)","elevated":"0 6px 20px rgba(30,57,50,0.25)","modal":"0 12px 40px rgba(30,57,50,0.24)"},"components":{"button-primary":{"type":"button","bg":"#00704A","fg":"#ffffff","radius":9999,"padding":"12px 24px","font":"14px/600 SoDo Sans","use":"Primary CTA pill, hover #1e3932"},"button-secondary":{"type":"button","fg":"#00704A","radius":9999,"padding":"12px 24px","font":"14px/600 SoDo Sans","use":"Outlined green pill, 1px #00704A border"},"button-tertiary":{"type":"button","fg":"#00704A","padding":"8px 12px","font":"14px/600 SoDo Sans","use":"Low-emphasis inline action, underline on hover"},"button-dark":{"type":"button","bg":"#fafafa","fg":"#00704A","radius":9999,"padding":"12px 24px","font":"14px/600 SoDo Sans","use":"Primary CTA on deep-forest or photo dark section"},"button-gold":{"type":"button","bg":"#cba258","fg":"#1e3932","radius":9999,"padding":"12px 24px","font":"14px/700 SoDo Sans","use":"Rewards/loyalty CTA"},"input-text":{"type":"input","fg":"#1e1e1e","radius":4,"padding":"14px 16px","font":"16px/400 SoDo Sans","use":"Standard form input, 1px #8c8c8c border, focus 2px #00704A"},"input-search":{"type":"input","bg":"#f2f0eb","radius":9999,"padding":"12px 20px","font":"16px/400 SoDo Sans","use":"Store locator, menu search pill"},"card-product":{"type":"card","radius":16,"padding":"16px","use":"Menu item, product, promo tile, 1px #e8e8e8 border, top full-bleed image"},"card-editorial":{"type":"card","bg":"#f1f8f4","radius":20,"padding":"32px","use":"Story blocks, campaign features, flat warm surface"},"card-rewards":{"type":"card","fg":"#ffffff","radius":16,"padding":"24px","use":"Loyalty balance, star count, green-to-forest gradient"},"badge-status":{"type":"badge","bg":"#00704A","fg":"#ffffff","radius":9999,"padding":"4px 12px","font":"11px/700 SoDo Sans","use":"NEW, LIMITED TIME, uppercase"},"badge-gold":{"type":"badge","bg":"#cba258","fg":"#1e3932","radius":9999,"padding":"4px 12px","font":"11px/700 SoDo Sans","use":"Star earnings, member-exclusive"},"badge-subtle":{"type":"badge","bg":"#d4e9e2","fg":"#00704A","radius":9999,"padding":"4px 12px","font":"11px/600 SoDo Sans","use":"Category labels, dietary tags"},"toast-default":{"type":"toast","bg":"#1e3932","fg":"#ffffff","radius":8,"padding":"14px 18px","font":"14px/600 SoDo Sans","use":"Transient confirmation"},"toast-success":{"type":"toast","bg":"#d4e9e2","fg":"#00704A","radius":8,"padding":"12px 16px","use":"Persistent success banner, 4px #00704A left border"},"dialog-modal":{"type":"dialog","fg":"#1e1e1e","radius":16,"padding":"32px","use":"Confirmation, store selection, green-tinted scrim"},"toggle-switch":{"type":"toggle","bg":"#00704A","radius":9999,"use":"Preference settings, #d4d4d4 off, #ffffff thumb"}},"components_harvested":true} },
|
|
247
|
-
{ id: "stores", name: "STORES", displayName: "STORES", country: "JP", category: "saas", homepage: "https://stores.jp", primaryColor: "#0066ff", logo: { type: "github", slug: "heyinc" }, verified: "2026-06-10", added: "2026-06-10", tokens: {"source":"live-extract","extracted":"2026-06-10","note":"stores.jp redirects to stores.fun (canonical marketing surface). primary = CTA blue (#0066ff); warm off-white surface ladder (#fafaf8 / #f2f2f0 / #ebebe9); near-black ink #0a0a0a; warm olive-grey muted #737368; campaign yellow #ffe145.","colors":{"primary":"#0066ff","on-primary":"#ffffff","ink":"#0a0a0a","ink-pure":"#000000","muted":"#737368","canvas":"#ffffff","surface":"#fafaf8","surface-alt":"#f2f2f0","surface-deep":"#ebebe9","hairline":"#d0d0cc","accent-yellow":"#ffe145"},"typography":{"family":{"sans":"ShoraiSansStdN","fallback":"Hiragino Sans / Noto Sans CJK JP / Yu Gothic / Meiryo"},"display-hero":{"size":64,"weight":600,"lineHeight":1.1,"tracking":-1.92,"use":"Hero headline (STORESで売れるお店をつくる)"},"section":{"size":48,"weight":600,"lineHeight":1.15,"tracking":-1.44,"use":"Section headlines"},"card-title":{"size":24,"weight":600,"lineHeight":1.4,"tracking":-0.48,"use":"Pricing plan / large card titles"},"feature-title":{"size":16,"weight":600,"lineHeight":1.75,"tracking":0.32,"use":"Service card titles (positive tracking)"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text"},"nav":{"size":14,"weight":600,"lineHeight":1.75,"tracking":0.28,"use":"Nav menu items, footer headings"},"button":{"size":14,"weight":600,"use":"Header CTA / chip labels"},"button-lg":{"size":16,"weight":600,"use":"Hero / section CTA labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":80},"rounded":{"sm":8,"md":16,"lg":30,"xl":40,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#0066ff","fg":"#ffffff","radius":"9999px","height":"56px","padding":"0 24px","font":"16px / 600 Shorai Sans","use":"Hero/section CTA (無料ではじめる) — header compact version is 38px / 0 16px / 14px"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#0a0a0a","border":"1px solid #d0d0cc","radius":"9999px","height":"38px","padding":"0 16px","font":"14px / 600 Shorai Sans","use":"Outline consult CTA (相談する)"},"button-chip":{"type":"button","bg":"#f2f2f0","fg":"#0a0a0a","radius":"9999px","height":"38px","padding":"0 16px","font":"14px / 600 Shorai Sans","use":"Tertiary tinted chip (ログイン)"},"card-surface":{"type":"card","bg":"#fafaf8","fg":"#0a0a0a","radius":"16px","use":"Warm off-white service/feature card on white canvas"},"nav-item":{"type":"tab","fg":"#0a0a0a","font":"14px / 600 Shorai Sans","use":"Header nav menu item (transparent bg, 12px 16px padding)"},"banner-campaign":{"type":"badge","bg":"#ffe145","fg":"#0a0a0a","font":"14px / 600 Shorai Sans","use":"Top campaign strip"}},"components_harvested":true} },
|
|
248
|
-
{ id: "stripe", name: "Stripe", displayName: "Stripe", country: "US", category: "fintech", homepage: "https://stripe.com", primaryColor: "#635bff", logo: { type: "simpleicons", slug: "stripe" }, verified: "2026-05-15", tokens: {"source":"reconciled","extracted":"2026-06-08","note":"primary = live interactive purple (#533afd); brand = documented logo/marketing purple (#635bff)","colors":{"primary":"#533afd","primary-hover":"#4434d4","primary-deep":"#2e2b8c","brand":"#635bff","brand-dark":"#1c1e54","canvas":"#ffffff","heading":"#061b31","label":"#273951","body":"#64748d","on-primary":"#ffffff","ruby":"#ea2261","magenta":"#f96bee","success":"#15be53","success-text":"#108c3d","hairline":"#e5edf5","border-purple":"#b9b9f9"},"typography":{"family":{"sans":"sohne-var","mono":"SourceCodePro"},"display-hero":{"size":56,"weight":300,"lineHeight":1.03,"tracking":-1.4,"use":"Hero headlines, whisper-weight authority"},"display-lg":{"size":48,"weight":300,"lineHeight":1.15,"tracking":-0.96,"use":"Secondary hero headlines"},"section":{"size":32,"weight":300,"lineHeight":1.1,"tracking":-0.64,"use":"Feature section titles"},"subheading":{"size":22,"weight":300,"lineHeight":1.1,"tracking":-0.22,"use":"Card / sub-section heads"},"body-lg":{"size":18,"weight":300,"lineHeight":1.4,"use":"Feature descriptions, intro"},"body":{"size":16,"weight":400,"lineHeight":1.4,"use":"Standard reading text"},"button":{"size":16,"weight":400,"lineHeight":1,"use":"Primary button label"},"caption":{"size":13,"weight":400,"use":"Small labels, metadata"},"code":{"size":12,"weight":500,"lineHeight":2,"use":"Code blocks, syntax"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":16,"full":9999},"shadow":{"ambient":"rgba(23,23,23,0.06) 0px 3px 6px","standard":"rgba(23,23,23,0.08) 0px 15px 35px","elevated":"rgba(50,50,93,0.25) 0px 30px 45px -30px, rgba(0,0,0,0.1) 0px 18px 36px -18px"},"components":{"button-primary":{"type":"button","bg":"#533afd","fg":"#ffffff","radius":4,"padding":"8px 16px","font":"16px/400 sohne-var","use":"Primary CTA, hover #4434d4"},"button-ghost":{"type":"button","fg":"#533afd","radius":4,"padding":"8px 16px","font":"16px/400 sohne-var","use":"Secondary action, 1px #b9b9f9 border"},"card":{"type":"card","bg":"#ffffff","radius":8,"use":"Content card, 1px #e5edf5 border, blue-tinted standard shadow"},"input-text":{"type":"input","fg":"#061b31","radius":4,"font":"14px sohne-var","use":"Form input, 1px #e5edf5 border, focus #533afd, placeholder #64748d"},"badge-success":{"type":"badge","fg":"#108c3d","radius":4,"padding":"1px 6px","font":"10px/300 sohne-var","use":"Success badge, success #15be53 tinted bg"}},"components_harvested":true} },
|
|
249
|
-
{ id: "studio", name: "Studio", displayName: "Studio", country: "JP", category: "design-tools", homepage: "https://studio.design", primaryColor: "#007cff", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=studio.design&sz=128" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#007cff","blue-light":"#4b9cfb","white":"#ffffff","off-white":"#f7f7f7","black":"#000000","ink":"#111111","error":"#f84f65","error-deep":"#b50000","caution":"#ffff99","grey-50":"#fafafa","grey-100":"#f5f5f5","grey-150":"#f2f2f2","grey-200":"#ededed","grey-250":"#e5e5e5","grey-300":"#eeeeee","grey-400":"#cccccc","grey-600":"#616161","grey-700":"#333333","grey-800":"#222222","grey-900":"#1a1a1a"},"typography":{"family":{"sans":"Inter","mono":"Menlo"},"display-hero":{"size":64,"weight":600,"lineHeight":1.05,"tracking":-0.03,"use":"Landing hero headline"},"display":{"size":48,"weight":600,"lineHeight":1.1,"tracking":-0.02,"use":"Major section openers"},"heading-1":{"size":32,"weight":600,"lineHeight":1.2,"tracking":-0.02,"use":"Page / panel titles"},"heading-2":{"size":24,"weight":600,"lineHeight":1.25,"tracking":-0.015,"use":"Section headings"},"heading-3":{"size":18,"weight":600,"lineHeight":1.35,"tracking":-0.01,"use":"Card / group titles"},"subtitle":{"size":16,"weight":500,"lineHeight":1.4,"use":"List headers, nav labels"},"body-lg":{"size":16,"weight":400,"lineHeight":1.6,"use":"Marketing paragraphs"},"body":{"size":14,"weight":400,"lineHeight":1.55,"use":"Standard UI text"},"body-sm":{"size":13,"weight":400,"lineHeight":1.5,"use":"Secondary info"},"caption":{"size":12,"weight":400,"lineHeight":1.45,"tracking":0.01,"use":"Metadata, timestamps"},"code":{"size":12,"weight":400,"lineHeight":1.5,"use":"CSS values, tokens (Menlo)"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":96},"rounded":{"sm":4,"md":6,"lg":8,"full":9999},"shadow":{"subtle":"0 1px 2px rgba(0,0,0,0.06)","floating":"0 4px 16px rgba(0,0,0,0.08)","modal":"0 8px 32px rgba(0,0,0,0.16)","showcase":"0 8px 24px rgba(0,0,0,0.10)"},"components":{"button-primary":{"type":"button","bg":"#111111","fg":"#ffffff","radius":6,"padding":"0 18px","font":"14px/600 Inter","use":"Primary CTA, hover #000000"},"button-blue":{"type":"button","bg":"#007cff","fg":"#ffffff","radius":6,"padding":"0 18px","font":"14px/600 Inter","use":"Action emphasis inside editor"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#111111","radius":6,"padding":"0 18px","font":"14px/500 Inter","use":"Outline, 1px #e5e5e5 border, hover #fafafa"},"button-ghost":{"type":"button","fg":"#616161","radius":6,"padding":"0 10px","font":"14px/500 Inter","use":"Tertiary / toolbar actions"},"button-pill":{"type":"badge","fg":"#4b9cfb","radius":9999,"padding":"4px 12px","font":"12px/600 Inter","use":"New, Beta, category chips"},"input-text":{"type":"input","bg":"#ffffff","fg":"#111111","radius":6,"padding":"9px 12px","font":"14px/400 Inter","use":"Standard form input, 1px #e5e5e5 border, focus #007cff"},"input-inset":{"type":"input","bg":"#f7f7f7","fg":"#111111","radius":4,"padding":"6px 8px","font":"13px/400 Inter","use":"Property/inspector value fields"},"card-standard":{"type":"card","bg":"#ffffff","radius":6,"padding":"20px","use":"Template tiles, project cards, 1px #eeeeee border, no shadow"},"card-floating":{"type":"card","bg":"#ffffff","radius":6,"padding":"16px","use":"Popovers, inspector, floating menus"},"card-showcase":{"type":"card","bg":"#f7f7f7","radius":6,"padding":"0","use":"Gallery tile, image-filled, hover scale 1.01"},"badge-neutral":{"type":"badge","bg":"#f5f5f5","fg":"#616161","radius":4,"padding":"2px 8px","font":"12px/500 Inter","use":"Tag, status metadata"},"badge-accent":{"type":"badge","fg":"#007cff","radius":9999,"padding":"3px 10px","font":"12px/600 Inter","use":"New, highlighted category"},"badge-error":{"type":"badge","fg":"#f84f65","radius":4,"padding":"2px 8px","font":"12px/600 Inter","use":"Failed / blocked state"},"tab-underline":{"type":"tab","fg":"#616161","padding":"0 4px 12px","font":"14px/500 Inter","active":"Active #111111 text + 2px #111111 bottom border","use":"Section switching"},"toast-default":{"type":"toast","bg":"#111111","fg":"#ffffff","radius":6,"padding":"12px 16px","font":"14px/500 Inter","use":"Transient confirmation"},"dialog-modal":{"type":"dialog","bg":"#ffffff","fg":"#111111","radius":6,"padding":"24px","use":"Confirm / settings dialogs"},"toggle-default":{"type":"toggle","bg":"#007cff","radius":9999,"use":"Boolean settings, #e5e5e5 off, #ffffff thumb"}},"components_harvested":true} },
|
|
250
|
-
{ id: "supabase", name: "Supabase", displayName: "Supabase", country: "US", category: "backend-devops", homepage: "https://supabase.com", primaryColor: "#3ecf8e", logo: { type: "simpleicons", slug: "supabase" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#3ecf8e","green-link":"#00c573","near-black":"#0f0f0f","canvas":"#171717","border-dark":"#242424","border":"#2e2e2e","border-mid":"#363636","border-light":"#393939","charcoal":"#434343","dark-gray":"#4d4d4d","mid-gray":"#898989","light-gray":"#b4b4b4","near-white":"#efefef","off-white":"#fafafa"},"typography":{"family":{"sans":"Circular","mono":"Source Code Pro"},"display-hero":{"size":72,"weight":400,"lineHeight":1,"use":"Maximum density, zero waste"},"section":{"size":36,"weight":400,"lineHeight":1.25,"use":"Feature section titles"},"card-title":{"size":24,"weight":400,"lineHeight":1.33,"tracking":-0.16,"use":"Slight negative tracking"},"subheading":{"size":18,"weight":400,"lineHeight":1.56,"use":"Secondary headings"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard body text"},"nav-link":{"size":14,"weight":500,"lineHeight":1.43,"use":"Navigation items"},"button":{"size":14,"weight":500,"lineHeight":1.14,"use":"Button labels"},"caption":{"size":14,"weight":400,"lineHeight":1.43,"use":"Metadata, tags"},"small":{"size":12,"weight":400,"lineHeight":1.33,"use":"Fine print, footer links"},"code-label":{"size":12,"weight":400,"lineHeight":1.33,"tracking":1.2,"use":"Uppercase technical labels (Source Code Pro)"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":96},"rounded":{"sm":6,"md":8,"lg":16,"full":9999},"shadow":{"focus":"rgba(0,0,0,0.1) 0px 4px 12px"},"components":{"button-primary":{"type":"button","bg":"#0f0f0f","fg":"#fafafa","radius":9999,"padding":"8px 32px","font":"14px/500 Circular","use":"Primary CTA, 1px #fafafa border"},"button-secondary":{"type":"button","bg":"#0f0f0f","fg":"#fafafa","radius":9999,"padding":"8px 32px","font":"14px/500 Circular","use":"Secondary CTA, 1px #2e2e2e border, opacity 0.8"},"button-ghost":{"type":"button","fg":"#fafafa","radius":6,"padding":"8px","font":"14px/500 Circular","use":"Tertiary actions, icon buttons"},"card-standard":{"type":"card","bg":"#171717","radius":16,"padding":"24px","use":"Feature card, 1px #2e2e2e border, no shadow"},"tab-pill":{"type":"tab","radius":9999,"font":"14px/500 Circular","active":"Active green accent or lighter surface","use":"Pill tabs, 1px #2e2e2e border"}},"components_harvested":true}, ds: { name: "Supabase Brand Assets", url: "https://supabase.com/brand-assets", type: "brand", description: "Supabase's brand guidelines with logos and integration button specs.", ogImage: "https://supabase.com/images/og/supabase-og.png" } },
|
|
251
|
-
{ id: "superhuman", name: "Superhuman", displayName: "Superhuman", country: "US", category: "developer-tools", homepage: "https://superhuman.com", primaryColor: "#5840ff", logo: { type: "github", slug: "superhuman" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"mysteria":"#1b1938","lavender":"#cbb7fb","charcoal":"#292827","link":"#714cb6","white":"#ffffff","cream":"#e9e5dd","border":"#dcd7d3"},"typography":{"family":{"sans":"Super Sans VF","mono":"Messina Mono"},"display-hero":{"size":64,"weight":540,"lineHeight":0.96,"use":"Maximum compression, powerful headlines"},"section-display":{"size":48,"weight":460,"lineHeight":0.96,"tracking":-1.32,"use":"Section introductions"},"feature-title":{"size":28,"weight":540,"lineHeight":1.14,"tracking":-0.63,"use":"Feature block headlines"},"subheading":{"size":26,"weight":460,"lineHeight":1.3,"use":"Content sub-sections"},"body-heading":{"size":20,"weight":460,"lineHeight":1.2,"use":"Bold content intros"},"emphasis":{"size":18,"weight":540,"lineHeight":1.5,"tracking":-0.135,"use":"Medium-weight callouts"},"body":{"size":16,"weight":460,"lineHeight":1.5,"use":"Standard reading text"},"button":{"size":16,"weight":600,"lineHeight":1,"use":"Semi-bold UI labels"},"nav-link":{"size":16,"weight":460,"lineHeight":1.2,"use":"Navigation items"},"caption":{"size":14,"weight":500,"lineHeight":1.2,"tracking":-0.315,"use":"Small labels, metadata"},"micro":{"size":12,"weight":700,"lineHeight":1.5,"use":"Badges, tags"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":80},"rounded":{"sm":8,"md":12,"lg":16,"full":9999},"shadow":{"subtle":"1px solid #dcd7d3"},"components":{"button-cream":{"type":"button","bg":"#e9e5dd","fg":"#292827","radius":8,"padding":"12px 20px","font":"16px/460 Super Sans VF","use":"Signature CTA, warm muted luxurious"},"button-dark":{"type":"button","bg":"#292827","fg":"#ffffff","radius":8,"padding":"12px 20px","font":"16px/600 Super Sans VF","use":"Inverse CTA on light sections"},"button-hero":{"type":"button","bg":"#e9e5dd","fg":"#292827","radius":8,"padding":"14px 24px","font":"16px/600 Super Sans VF","use":"Hero CTA on purple gradient"},"button-ghost":{"type":"button","fg":"#714cb6","padding":"0","font":"16px/460 Super Sans VF","use":"Inline text link, underline"},"input-default":{"type":"input","bg":"#ffffff","fg":"#292827","radius":8,"padding":"12px 16px","font":"16px/460 Super Sans VF","use":"Standard input, 1px #dcd7d3 border, focus #292827"},"card-content":{"type":"card","bg":"#ffffff","radius":16,"padding":"24px","use":"Clean minimal default card, 1px #dcd7d3 border"},"card-dark":{"type":"card","bg":"#292827","fg":"#e9e5dd","radius":16,"padding":"24px","use":"Card on dark sections, 1px #292827 border"},"card-screenshot":{"type":"card","radius":12,"padding":"0","use":"Product UI image, clean edges, minimal framing"},"badge-default":{"type":"badge","bg":"#e9e5dd","fg":"#292827","radius":8,"padding":"4px 10px","font":"12px/600 Super Sans VF","use":"Warm cream micro-tag"}},"components_harvested":true}, ds: { name: "Superhuman Media Assets", url: "https://superhuman.com/media-assets", type: "brand", description: "Superhuman's press and brand asset kit.", ogImage: "https://superhumanstatic.com/super-funnel/main/public/images/v3/social-share.png" } },
|
|
252
|
-
{ id: "surveycake", name: "SurveyCake", displayName: "SurveyCake", country: "TW", category: "productivity", homepage: "https://www.surveycake.com", primaryColor: "#3dba90", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=www.surveycake.com&sz=128" }, verified: "2026-06-08", added: "2026-06-08", tokens: {"source":"live-extract","extracted":"2026-06-08","note":"primary = live CTA + brand mint green #3dba90 (rgb(61,186,144)); ink heading #3e3e3e is the dominant text color, not pure black","colors":{"primary":"#3dba90","primary-hover":"#34a07d","primary-deep":"#2b8568","on-primary":"#ffffff","canvas":"#ffffff","surface-mute":"#f7f7f7","surface-gray":"#f2f2f2","ink":"#3e3e3e","ink-strong":"#000000","muted":"#9b9b9b","hairline":"#dddddd","accent-violet":"#5f54e0","accent-amber":"#f5b849","accent-coral":"#f26659","accent-blue":"#0073b7"},"typography":{"family":{"sans":"Noto Sans TC","fallback":"Helvetica Neue, Microsoft JhengHei, sans-serif"},"display-hero":{"size":42,"weight":900,"lineHeight":1.5,"tracking":1,"use":"Hero headline, heavy black weight authority"},"section":{"size":36,"weight":700,"lineHeight":1.5,"tracking":1,"use":"Feature section titles"},"subheading":{"size":24,"weight":700,"lineHeight":1.5,"tracking":1,"use":"Card / sub-section heads"},"body-lg":{"size":18,"weight":400,"lineHeight":1.75,"use":"Feature descriptions, intro"},"body":{"size":16,"weight":400,"lineHeight":1.75,"use":"Standard reading text"},"link":{"size":16,"weight":700,"lineHeight":1.5,"use":"Inline 了解更多 green text links"},"button":{"size":14,"weight":500,"lineHeight":1,"use":"Primary CTA label"},"nav":{"size":14,"weight":500,"lineHeight":1,"use":"Top navigation links"},"caption":{"size":14,"weight":400,"use":"Plan labels, metadata, fine print"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":80},"rounded":{"sm":4,"md":8,"lg":16,"full":9999},"shadow":{"ambient":"rgba(0,0,0,0.06) 0px 2px 8px","standard":"rgba(0,0,0,0.08) 0px 8px 24px","elevated":"rgba(0,0,0,0.12) 0px 16px 40px"},"components":{"button-primary":{"type":"button","bg":"#3dba90","fg":"#ffffff","radius":4,"padding":"60px tall hero","font":"14px/500 Noto Sans TC","use":"Hero/section primary action, hover #34a07d"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#3dba90","radius":4,"font":"14px/700 Noto Sans TC","use":"Sign-up 註冊, 1px #3dba90 border"},"link-green":{"type":"badge","fg":"#3dba90","font":"16px/700 Noto Sans TC","use":"Inline 了解更多 learn-more link, no underline"},"input-text":{"type":"input","fg":"#000000","radius":4,"use":"Form input, 1px #dddddd border, focus #3dba90, placeholder #9b9b9b"},"card":{"type":"card","bg":"#ffffff","radius":8,"use":"Feature card, soft neutral shadow on #f7f7f7 sections"},"tab-pricing":{"type":"tab","fg":"#3e3e3e","font":"14px/400 Noto Sans TC","active":"Highlighted tier #3dba90 top band","use":"Pricing tier card label"}},"components_harvested":true} },
|
|
253
|
-
{ id: "tada", name: "TADA", displayName: "타다", country: "KR", category: "consumer-tech", homepage: "https://tadatada.com", primaryColor: "#1ec59f", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=tadatada.com&sz=128" }, verified: "2026-05-27", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#1ec59f","primary-pressed":"#17a384","primary-deep":"#149378","mint-light":"#e6f8f3","canvas":"#ffffff","heading":"#1a1a1a","gray-800":"#333333","gray-700":"#555555","body":"#777777","gray-500":"#999999","gray-400":"#bbbbbb","border":"#e5e5e5","surface":"#f2f2f2","on-primary":"#ffffff","error":"#ff4452","warning":"#ff9f1c","navy":"#19254d"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"display":{"size":28,"weight":700,"lineHeight":38,"tracking":-0.4,"use":"Onboarding / hero moment"},"heading-lg":{"size":22,"weight":700,"lineHeight":30,"tracking":-0.4,"use":"Screen title"},"heading":{"size":18,"weight":700,"lineHeight":26,"tracking":-0.3,"use":"Section header, vehicle type title"},"title":{"size":16,"weight":600,"lineHeight":24,"tracking":-0.3,"use":"Bottom-sheet header, list header"},"body-lg":{"size":16,"weight":400,"lineHeight":24,"tracking":-0.2,"use":"Descriptions, address text"},"body":{"size":14,"weight":400,"lineHeight":22,"tracking":-0.2,"use":"Default body, list metadata"},"caption":{"size":13,"weight":400,"lineHeight":18,"tracking":-0.2,"use":"Secondary metadata, timestamps"},"micro":{"size":12,"weight":500,"lineHeight":16,"tracking":-0.2,"use":"Fine print, map labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32,"section":40},"rounded":{"sm":8,"md":12,"lg":16,"full":9999},"shadow":{"subtle":"0px 1px 3px rgba(0,0,0,0.06)","standard":"0px 2px 8px rgba(0,0,0,0.08)","floating":"0px 4px 16px rgba(0,0,0,0.12)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#1ec59f","fg":"#ffffff","radius":12,"padding":"16px 20px","font":"16/700","use":"Primary CTA, thumb-reachable bottom action"},"button-dark":{"type":"button","bg":"#19254d","fg":"#ffffff","radius":12,"padding":"16px 20px","font":"16/700","use":"Marketing-surface strong CTA"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#1ec59f","radius":12,"padding":"16px 20px","font":"16/600","use":"Secondary CTA"},"button-neutral":{"type":"button","bg":"#f2f2f2","fg":"#333333","radius":12,"padding":"14px 16px","font":"14/500","use":"Tertiary actions"},"button-danger":{"type":"button","bg":"#ff4452","fg":"#ffffff","radius":12,"padding":"16px 20px","font":"16/700","use":"Destructive confirm"},"input-default":{"type":"input","bg":"#ffffff","fg":"#1a1a1a","radius":12,"padding":"14px 16px","font":"16/400","use":"Default text input"},"input-search":{"type":"input","bg":"#f2f2f2","fg":"#1a1a1a","radius":12,"padding":"14px 16px 14px 44px","font":"16/400","use":"Destination-entry field"},"card-vehicle":{"type":"card","bg":"#ffffff","radius":16,"padding":"16px","use":"Vehicle type selection card"},"card-trip":{"type":"card","bg":"#ffffff","radius":16,"padding":"20px","use":"Active-trip summary over map"},"badge-status":{"type":"badge","bg":"#e6f8f3","fg":"#149378","radius":8,"padding":"4px 8px","font":"12/700","use":"Trip status"},"badge-neutral":{"type":"badge","bg":"#f2f2f2","fg":"#555555","radius":8,"padding":"4px 8px","font":"12/700","use":"Metadata / feature label"},"tab-bottom":{"type":"tab","fg":"#999999","use":"Bottom tab bar","active":"label #1ec59f, icon filled"}}} },
|
|
254
|
-
{ id: "teamblind", name: "Blind", displayName: "블라인드", country: "KR", category: "consumer-tech", homepage: "https://www.teamblind.com/kr", primaryColor: "#da3238", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=teamblind.com&sz=128" }, verified: "2026-06-10", added: "2026-06-10", tokens: {"source":"live-extract","extracted":"2026-06-10","note":"Two live reds across surfaces: EN sign-up CTA #da3238 (canonical brand red) vs KR login CTA #fb5957 (lighter coral). KR surface is white-canvas list UI; EN surface is a #f9f9fb-canvas card feed. Both run Pretendard.","colors":{"primary":"#da3238","primary-coral":"#fb5957","accent-up":"#ff4848","ink":"#222222","ink-deep":"#18202a","body-en":"#42424b","muted-nav":"#5f6b7c","muted-meta":"#94969b","muted-en":"#989a9e","secondary-en":"#65696c","rank-bg":"#e6e8ef","rank-fg":"#939dac","canvas":"#ffffff","canvas-en":"#f9f9fb","surface":"#eff0f4","surface-soft":"#f6f7fa","surface-chip":"#f2f2f3","hairline":"#d7d7d7","hairline-en":"#e9ebee","hairline-input":"#d4d4d4","on-primary":"#ffffff"},"typography":{"family":{"sans":"Pretendard"},"nav-kr":{"size":16,"weight":600,"use":"KR global nav (홈/채널/기업 리뷰)"},"section":{"size":18,"weight":600,"lineHeight":2.39,"use":"KR section headings (토픽 베스트)"},"hero-input":{"size":18,"weight":400,"use":"KR hero search input text"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Standard UI text, both surfaces"},"post-title":{"size":14,"weight":600,"use":"Feed post titles"},"body-en":{"size":16,"weight":400,"lineHeight":1.5,"use":"EN base body text"},"meta":{"size":12,"weight":400,"use":"Category labels, timestamps"},"label-en":{"size":12,"weight":600,"use":"EN sidebar group labels (Location, Industry)"},"badge":{"size":10,"weight":600,"use":"Numeric rank chips"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"section":48},"rounded":{"sm":4,"md":8,"lg":12,"pill":20,"hero":30,"full":9999},"shadow":{"none":"none"},"components":{"button-signup":{"type":"button","bg":"#da3238","fg":"#ffffff","radius":"8px","padding":"0 16px","height":"40px","font":"14px / 600","use":"EN 'Sign up' — the canonical brand-red CTA"},"button-login-kr":{"type":"button","bg":"#fb5957","fg":"#ffffff","radius":"4px","height":"40px","border":"1px solid #fb5957","font":"14px / 600","use":"KR '로그인' CTA — lighter coral red on the KR surface"},"button-signin-ghost":{"type":"button","fg":"#222222","radius":"8px","padding":"0 16px","height":"40px","border":"1px solid #e9ebee","font":"14px / 600","use":"EN 'Sign in' secondary ghost button"},"input-search-en":{"type":"input","bg":"#eff0f4","fg":"#222222","radius":"8px","font":"14px / 400","use":"EN header search — borderless grey field"},"input-hero-kr":{"type":"input","bg":"#ffffff","fg":"#222222","radius":"30px","height":"60px","border":"2px solid #222222","font":"18px / 400","use":"KR hero search — bold ink-outlined pill"},"card-feed":{"type":"card","bg":"#ffffff","border":"1px solid #e9ebee","radius":"12px","padding":"16px","use":"EN feed/content card on the #f9f9fb canvas"},"badge-rank":{"type":"badge","bg":"#e6e8ef","fg":"#939dac","radius":"4px","padding":"3px","font":"10px / 600","use":"KR '토픽 베스트' numeric rank chip (1–10)"},"tab-gnb-kr":{"type":"tab","active":"text #18202a","fg":"#5f6b7c","font":"16px / 600","use":"KR global nav — 홈 active vs 채널/기업 리뷰 inactive"},"pill-side-nav":{"type":"tab","bg":"#f6f7fa","fg":"#222222","radius":"8px","padding":"8px 12px","font":"14px / 600","use":"EN sidebar selected item; inactive items #65696c on transparent"},"list-post":{"type":"listItem","fg":"#222222","font":"14px / 600","use":"Post-row title; 12px #94969b category label above"}},"components_harvested":true} },
|
|
255
|
-
{ id: "tesla", name: "Tesla", displayName: "Tesla", country: "US", category: "automotive", homepage: "https://www.tesla.com", primaryColor: "#cc0000", logo: { type: "simpleicons", slug: "tesla" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#3e6ae1","brand":"#cc0000","canvas":"#ffffff","surface":"#f4f4f4","carbon":"#171a20","graphite":"#393c41","pewter":"#5c5e62","placeholder":"#8e8e8e","border":"#eeeeee","border-strong":"#d0d1d2","on-primary":"#ffffff"},"typography":{"family":{"sans":"Universal Sans Text","mono":"Universal Sans Text"},"hero":{"size":40,"weight":500,"lineHeight":1.2,"use":"Hero titles, white on dark imagery"},"product-name":{"size":17,"weight":500,"lineHeight":1.18,"use":"Model names in nav panel and cards"},"nav":{"size":14,"weight":500,"lineHeight":1.2,"use":"Primary navigation labels"},"body":{"size":14,"weight":400,"lineHeight":1.43,"use":"Paragraph and descriptive content"},"button":{"size":14,"weight":500,"lineHeight":1.2,"use":"CTA button text"},"promo":{"size":22,"weight":400,"lineHeight":0.91,"use":"White promotional text on hero"},"category":{"size":16,"weight":500,"use":"White text labels on category cards"}},"spacing":{"xs":4,"sm":8,"md":16,"base":24,"lg":32,"xl":48,"xxl":64},"rounded":{"sm":4,"md":12,"lg":12,"full":9999},"shadow":{"none":"none"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#3e6ae1","fg":"#ffffff","radius":4,"padding":"4px","font":"14/500","use":"Primary CTA Order Now, 200px wide, 40px min-height"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#393c41","radius":4,"padding":"4px","font":"14/500","use":"Alternative action, View Inventory"},"button-nav":{"type":"button","fg":"#171a20","radius":4,"padding":"4px 16px","font":"14/500","use":"Top navigation items"},"link-text":{"type":"button","fg":"#5c5e62","font":"14/400","use":"In-content text links"},"card-category":{"type":"card","radius":12,"use":"Full-bleed photography category card, white corner label"},"input-default":{"type":"input","fg":"#171a20","font":"14/400","use":"Form input, placeholder #8e8e8e"}}} },
|
|
256
|
-
{ id: "theverge", name: "The Verge", displayName: "The Verge", country: "US", category: "marketing", homepage: "https://www.theverge.com", primaryColor: "#5200ff", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=theverge.com&sz=128" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#5200ff","accent":"#3cffd0","canvas":"#131313","surface":"#2d2d2d","image-frame":"#313131","border-strong":"#c2c2c2","text-muted":"#e9e9e9","text-secondary":"#949494","on-primary":"#ffffff","link-hover":"#3860be","focus":"#1eaedb"},"typography":{"family":{"sans":"PolySans","mono":"PolySans Mono"},"display-mega":{"size":107,"weight":900,"lineHeight":0.95,"tracking":-0.02,"use":"Hero/feature splash headlines"},"display-lg":{"size":72,"weight":900,"lineHeight":1,"tracking":-0.02,"use":"Section/package headlines"},"display":{"size":60,"weight":900,"lineHeight":1.02,"tracking":-0.01,"use":"Story-tile headlines"},"headline":{"size":32,"weight":700,"lineHeight":1.1,"tracking":-0.01,"use":"Sub-feature, card titles"},"title":{"size":24,"weight":700,"lineHeight":1.2,"use":"List headlines, module titles"},"subtitle":{"size":18,"weight":600,"lineHeight":1.35,"use":"Deks, standfirst"},"body-lg":{"size":18,"weight":400,"lineHeight":1.55,"use":"Article body lead"},"body":{"size":16,"weight":400,"lineHeight":1.6,"use":"Standard article reading text"},"body-sm":{"size":14,"weight":400,"lineHeight":1.5,"use":"Secondary text, captions"},"kicker":{"size":12,"weight":600,"lineHeight":1.2,"tracking":0.06,"use":"UPPERCASE section tags, kickers"},"caption":{"size":12,"weight":400,"lineHeight":1.4,"use":"Bylines, timestamps, credits"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32},"rounded":{"sm":3,"md":3,"lg":3,"full":9999},"shadow":{"none":"none"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#5200ff","fg":"#ffffff","radius":3,"padding":"12px 20px","font":"14/600","use":"Primary CTA Subscribe, Read more"},"button-accent":{"type":"button","bg":"#3cffd0","fg":"#131313","radius":3,"padding":"12px 20px","font":"14/600","use":"High-energy secondary CTA on dark canvas"},"button-outline":{"type":"button","fg":"#ffffff","radius":3,"padding":"12px 20px","font":"14/600","use":"Secondary action on dark, 1px border #c2c2c2"},"badge-pill":{"type":"badge","fg":"#3cffd0","radius":9999,"padding":"4px 12px","font":"12/600","use":"Section tags, topic chips, UPPERCASE mono, 1px accent border"},"input-default":{"type":"input","bg":"#2d2d2d","fg":"#ffffff","radius":3,"padding":"12px 14px","font":"16/400","use":"Newsletter signup, search, comment box"},"input-error":{"type":"input","bg":"#2d2d2d","fg":"#ffffff","radius":3,"padding":"12px 14px","font":"16/400","use":"Validation error, 1px border #5200ff"},"card-tile":{"type":"card","bg":"#5200ff","fg":"#ffffff","radius":3,"padding":"20px","use":"Signature color-block story tile, Manuka 60/900 headline"},"card-standard":{"type":"card","bg":"#131313","fg":"#ffffff","radius":3,"padding":"16px","use":"StoryStream rows, list modules, mint kicker"},"card-inverted":{"type":"card","bg":"#ffffff","fg":"#131313","radius":3,"padding":"16px","use":"Sponsored / special sections on light"},"tab-nav":{"type":"tab","fg":"#ffffff","use":"Top nav section list on #131313","active":"underline or #5200ff marker"}}} },
|
|
257
|
-
{ id: "timee", name: "Timee", displayName: "Timee", country: "JP", category: "consumer-tech", homepage: "https://timee.co.jp", primaryColor: "#ffd700", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=timee.co.jp&sz=128" }, verified: "2026-06-10", added: "2026-06-10", tokens: {"source":"live-extract","extracted":"2026-06-10","note":"primary = brand yellow (#ffd700) on the worker-facing surface; business (B2B) surface swaps the action color to iOS-system blue (#007aff). Ink is near-black #212121; signature hard offset shadows (0 8px 0) in ink or deep blue #0054af.","colors":{"primary":"#ffd700","ink":"#212121","canvas":"#ffffff","action-blue":"#007aff","blue-shadow":"#0054af","alert":"#ff3b30","surface-inactive":"#eaeaea","neutral":"#b7b8bc","surface-business":"#f5f5f4","muted":"#666666","faint":"#999999","on-primary":"#212121"},"typography":{"family":{"sans":"Noto Sans JP"},"section":{"size":32,"weight":700,"lineHeight":1.5,"use":"Homepage section headlines (H2)"},"section-biz":{"size":30,"weight":700,"lineHeight":1.2,"use":"Business LP section headlines (H2)"},"subsection":{"size":24,"weight":700,"lineHeight":1.4,"use":"Feature heads, app-download head (H3)"},"button-lg":{"size":20,"weight":700,"lineHeight":1.5,"use":"Large CTA labels, filter pills"},"category":{"size":18,"weight":700,"lineHeight":1.5,"use":"Job-category titles, anchor links"},"card-title":{"size":16,"weight":700,"lineHeight":1.5,"use":"Job-card titles"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Standard reading text"},"button-sm":{"size":14,"weight":700,"lineHeight":1.5,"use":"Header pill button label"},"badge":{"size":12,"weight":700,"lineHeight":1.5,"use":"NEW!! sticker badge"}},"spacing":{"xs":4,"sm":8,"md":16,"lg":20,"xl":24,"section":64},"rounded":{"md":16,"lg":25,"xl":48,"full":9999},"shadow":{"hard-ink":"0px 8px 0px 0px #212121","hard-blue":"0px 8px 0px 0px #0054af","modal":"0px 8px 32px 0px rgba(0, 0, 0, 0.24)"},"components":{"button-primary":{"type":"button","bg":"#ffd700","fg":"#212121","border":"2px solid #212121","radius":"9999px","padding":"24px 20px","height":"82px","font":"20px / 700","shadow":"0px 8px 0px 0px #212121","use":"Brand-yellow hero CTA (企業様向けページはこちら) — outlined pill with hard offset shadow"},"button-app-cta":{"type":"button","bg":"#007aff","fg":"#ffffff","radius":"9999px","height":"89px","font":"16px / 400","shadow":"0px 8px 0px 0px #0054af","use":"App-install CTA on worker homepage, hard blue offset shadow"},"button-business":{"type":"button","bg":"#007aff","fg":"#ffffff","border":"2px solid #007aff","radius":"9999px","padding":"4px 16px 6px","height":"38px","font":"16px / 700","use":"B2B primary CTA (アカウント開設) on business LP"},"button-business-ghost":{"type":"button","bg":"#ffffff","fg":"#007aff","border":"2px solid #007aff","radius":"9999px","padding":"4px 16px 6px","height":"38px","font":"16px / 700","use":"B2B secondary CTA (資料ダウンロード)"},"tab-age-filter":{"type":"tab","bg":"#eaeaea","fg":"#212121","border":"1px solid #212121","radius":"999px","height":"42px","font":"20px / 700","active":"bg #212121 + text #ffffff","use":"Worker-data age filter pills (18歳〜/20代/30代…)"},"badge-new":{"type":"badge","bg":"#212121","fg":"#ffd700","radius":"99px","font":"12px / 700","use":"Circular NEW!! sticker, yellow-on-ink"},"card-feature":{"type":"card","bg":"#ffffff","fg":"#212121","radius":"25px","use":"Feature explainer card (単発で働ける/即日振り込み) on tinted section"},"dialog-qr":{"type":"dialog","bg":"#ffffff","radius":"16px","shadow":"0px 8px 32px 0px rgba(0,0,0,0.24)","use":"QR app-download modal"}},"components_harvested":true} },
|
|
258
|
-
{ id: "together.ai", name: "Together AI", displayName: "Together AI", country: "US", category: "ai", homepage: "https://www.together.ai", primaryColor: "#0f6fff", logo: { type: "github", slug: "togethercomputer" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#0f6fff","magenta":"#ef2cc1","orange":"#fc4c02","dark-blue":"#010120","lavender":"#bdbbff","canvas":"#ffffff","foreground":"#000000","on-dark":"#ffffff"},"typography":{"family":{"sans":"The Future","mono":"PP Neue Montreal Mono"},"display":{"size":64,"weight":500,"lineHeight":1.05,"tracking":-1.92,"use":"Hero, dense blocks"},"section":{"size":40,"weight":500,"lineHeight":1.2,"tracking":-0.8,"use":"Feature section titles"},"subheading":{"size":28,"weight":500,"lineHeight":1.15,"tracking":-0.42,"use":"Card headings"},"feature-title":{"size":22,"weight":500,"lineHeight":1.15,"tracking":-0.22,"use":"Small feature headings"},"body-lg":{"size":18,"weight":400,"lineHeight":1.3,"tracking":-0.18,"use":"Descriptions, sections"},"body":{"size":16,"weight":400,"lineHeight":1.28,"tracking":-0.16,"use":"Standard body, nav, buttons"},"caption":{"size":14,"weight":400,"lineHeight":1.4,"use":"Metadata, descriptions"},"mono-label":{"size":16,"weight":500,"lineHeight":1,"tracking":0.08,"use":"Uppercase section labels"},"mono-small":{"size":11,"weight":500,"lineHeight":1,"tracking":0.055,"use":"Small uppercase tags"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48},"rounded":{"sm":4,"md":8,"lg":8,"full":9999},"shadow":{"subtle":"rgba(1,1,32,0.1) 0px 4px 10px"},"components_harvested":true,"components":{"button-dark":{"type":"button","bg":"#010120","fg":"#ffffff","radius":4,"use":"Primary CTA on light surfaces"},"button-outline":{"type":"button","fg":"#000000","radius":4,"use":"Secondary actions on light surfaces"},"card":{"type":"card","bg":"#ffffff","radius":8,"use":"Container with dark-blue-tinted subtle shadow, stats numbers"},"badge":{"type":"badge","fg":"#000000","radius":4,"padding":"2px 8px","font":"16/500","use":"Compact uppercase mono tag"}}}, ds: { name: "Together AI Brand", url: "https://www.together.ai/brand", type: "brand", description: "Together AI's logo, color, and typography brand guidelines.", ogImage: "https://cdn.prod.website-files.com/69654e88dce9154b5f1206dd/69a49f8243e74bf4b805d130_og-brand.jpg" } },
|
|
259
|
-
{ id: "toss", name: "Toss", displayName: "Toss", country: "KR", category: "fintech", homepage: "https://toss.im", primaryColor: "#0064ff", logo: { type: "favicon", slug: "https://static.toss.im/icons/png/4x/icon-toss-logo.png" }, verified: "2026-05-15", tokens: {"source":"reconciled","extracted":"2026-06-08","note":"primary = live Toss Blue blue500 (#3182f6); brand = official Pantone 2175C (#0064ff)","colors":{"primary":"#3182f6","primary-hover":"#2272eb","brand":"#0064ff","brand-gray":"#202632","canvas":"#ffffff","foreground":"#191f28","grey-700":"#333d4b","grey-600":"#4e5968","muted":"#8b95a1","surface":"#f2f4f6","border":"#e5e8eb","on-primary":"#ffffff","error":"#f04452","success":"#03b26c","warning":"#fe9800"},"typography":{"family":{"sans":"Toss Product Sans","emoji":"Tossface"},"display-hero":{"size":30,"weight":700,"lineHeight":1.33,"use":"Splash screens, hero moments"},"display-lg":{"size":26,"weight":700,"lineHeight":1.38,"use":"Section headers, key metrics"},"heading-lg":{"size":22,"weight":700,"lineHeight":1.36,"use":"Feature titles, modal headers"},"heading":{"size":20,"weight":600,"lineHeight":1.4,"use":"Card headings, sub-sections"},"subtitle":{"size":16,"weight":600,"lineHeight":1.5,"use":"Navigation titles, list headers"},"body-lg":{"size":16,"weight":400,"lineHeight":1.5,"use":"Descriptions, explanations"},"body":{"size":14,"weight":400,"lineHeight":1.57,"use":"Standard reading text"},"body-sm":{"size":13,"weight":400,"lineHeight":1.54,"use":"Secondary information"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48},"rounded":{"sm":4,"md":8,"lg":16,"full":9999},"shadow":{"subtle":"0px 1px 3px rgba(0,0,0,0.06)","standard":"0px 2px 8px rgba(0,0,0,0.08)","elevated":"0px 4px 12px rgba(0,0,0,0.12)"},"components_harvested":true,"components":{"button-fill-primary":{"type":"button","bg":"#3182f6","fg":"#ffffff","radius":16,"padding":"0 20px","font":"17/600","use":"Primary CTA on light surfaces, 56px tall"},"button-fill-dark":{"type":"button","bg":"#4e5968","fg":"#ffffff","radius":16,"padding":"0 20px","font":"17/600","use":"Strong action where blue too playful"},"button-fill-danger":{"type":"button","bg":"#f04452","fg":"#ffffff","radius":16,"padding":"0 20px","font":"17/600","use":"Destructive confirmation"},"input-box":{"type":"input","fg":"#333d4b","radius":14,"padding":"14px 16px","font":"17/400","use":"Standard form input, most-used variant"},"card":{"type":"card","bg":"#ffffff","radius":16,"use":"White surface with standard shadow"}}}, ds: { name: "TDS", url: "https://tossmini-docs.toss.im/tds-mobile/", type: "system", description: "Toss's mobile design system — 40+ components, tokens, and hooks." } },
|
|
260
|
-
{ id: "toss-securities", name: "Toss Securities", displayName: "Toss Securities (토스증권)", country: "KR", category: "fintech", homepage: "https://tossinvest.com", primaryColor: "#3182f6", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=tossinvest.com&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#3182f6","primary-hover":"#2562b9","primary-pressed":"#29518e","brand-text":"#4391ff","positive":"#dc2e47","positive-hover":"#ad2136","positive-pressed":"#8d222f","positive-text":"#f5445a","negative":"#3182f6","negative-text":"#4391ff","canvas":"#101013","overlay":"#202025","on-primary":"#ffffff"},"typography":{"family":{"sans":"Toss Product Sans","mono":"Toss Product Sans"},"section-h2":{"size":24,"weight":700,"use":"Section headers"},"sub-h3":{"size":19,"weight":700,"use":"Sub-section headers"},"nav":{"size":15,"weight":500,"use":"Global nav links"},"body":{"size":16,"weight":400,"use":"Body and button text"},"input":{"size":15,"weight":400,"use":"Form field text"},"memo-chip":{"size":12,"weight":600,"use":"Contextual pill action"},"on-cta":{"size":16,"weight":400,"use":"White on tinted-fill button"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48},"rounded":{"sm":4,"md":8,"lg":16,"full":9999},"shadow":{"none":"none"},"components_harvested":true,"components":{"button-brand":{"type":"button","bg":"#3182f6","fg":"#ffffff","use":"Primary CTA brand fill"},"badge-positive":{"type":"badge","fg":"#f5445a","font":"12/600","use":"Up-tick / 매수 indicator (KR red-up)"},"badge-negative":{"type":"badge","fg":"#4391ff","font":"12/600","use":"Down-tick / 매도 indicator (KR blue-down)"},"input-field":{"type":"input","font":"15/400","use":"Form field on dark surface"}}} },
|
|
261
|
-
{ id: "tossbank", name: "Toss Bank", displayName: "Toss Bank", country: "KR", category: "fintech", homepage: "https://www.tossbank.com", primaryColor: "#0064FF", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=tossbank.com&sz=128" }, verified: "2026-05-27", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#3182f6","primary-hover":"#2272eb","primary-light":"#e8f3ff","brand":"#0064ff","brand-gray":"#202632","canvas":"#ffffff","surface":"#f2f4f6","grey-50":"#f9fafb","heading":"#191f28","grey-800":"#333d4b","grey-700":"#4e5968","body":"#6b7684","muted":"#8b95a1","placeholder":"#b0b8c1","border":"#e5e8eb","border-strong":"#d1d6db","on-primary":"#ffffff","error":"#f04452","success":"#03b26c","warning":"#fe9800","caution":"#ffc342"},"typography":{"family":{"sans":"Toss Product Sans","mono":"SF Mono"},"display-hero":{"size":30,"weight":700,"lineHeight":1.33,"use":"Onboarding, hero moments"},"display-lg":{"size":26,"weight":700,"lineHeight":1.38,"use":"Section headers, key metrics"},"heading-lg":{"size":22,"weight":700,"lineHeight":1.36,"use":"Feature titles, modal headers"},"heading":{"size":20,"weight":600,"lineHeight":1.4,"use":"Card headings, sub-sections"},"subtitle":{"size":16,"weight":600,"lineHeight":1.5,"use":"List headers, nav titles"},"body-lg":{"size":16,"weight":400,"lineHeight":1.5,"use":"Descriptions, explanations"},"body":{"size":14,"weight":400,"lineHeight":1.57,"use":"Standard reading text"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"use":"Timestamps, fine print, rate disclaimers"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48},"rounded":{"sm":8,"md":12,"lg":16,"full":9999},"shadow":{"standard":"0px 2px 8px rgba(0,0,0,0.08)","elevated":"0px 4px 12px rgba(0,0,0,0.12)","sheet":"0px -4px 12px rgba(0,0,0,0.08)"},"components_harvested":true,"components":{"button-fill-primary":{"type":"button","bg":"#3182f6","fg":"#ffffff","radius":16,"padding":"0 20px","font":"17/600","use":"Primary CTA, 56px tall"},"button-fill-dark":{"type":"button","bg":"#4e5968","fg":"#ffffff","radius":16,"padding":"0 20px","font":"17/600","use":"Strong neutral action"},"button-fill-danger":{"type":"button","bg":"#f04452","fg":"#ffffff","radius":16,"padding":"0 20px","font":"17/600","use":"Destructive confirmation"},"input-box":{"type":"input","fg":"#333d4b","radius":14,"padding":"14px 16px","font":"17/400","use":"Standard form input"},"input-error":{"type":"input","fg":"#333d4b","radius":14,"padding":"14px 16px","font":"17/400","use":"hasError state, 1px border #f04452"},"card-account":{"type":"card","bg":"#ffffff","radius":16,"padding":"24px","use":"Account/balance hero card"},"card-standard":{"type":"card","bg":"#ffffff","radius":12,"padding":"20px","use":"Transaction summary, product cards"},"card-compact":{"type":"listItem","bg":"#ffffff","radius":8,"padding":"12px","use":"Transaction list row, 1px border #e5e8eb"},"badge-blue":{"type":"badge","bg":"#3182f6","fg":"#ffffff","radius":12,"padding":"3px 7px","font":"13/700","use":"Status emphasis NEW"},"badge-elephant":{"type":"badge","fg":"#4e5968","radius":12,"padding":"3px 7px","font":"13/700","use":"Neutral metadata badge"},"toast":{"type":"toast","bg":"#191f28","fg":"#ffffff","radius":8,"padding":"12px 16px","font":"14/500","use":"Transient feedback"},"sheet":{"type":"dialog","bg":"#ffffff","fg":"#191f28","radius":16,"padding":"24px 20px","use":"Bottom sheet, top corners only"},"segmented":{"type":"tab","bg":"#f2f4f6","fg":"#8b95a1","radius":12,"padding":"8px 16px","font":"14/600","use":"Segmented switch","active":"bg #ffffff, text #191f28"},"toggle":{"type":"toggle","bg":"#3182f6","radius":9999,"use":"On #3182f6 / off #d1d6db, white 18px thumb"}}} },
|
|
262
|
-
{ id: "trenbe", name: "Trenbe", displayName: "Trenbe", country: "KR", category: "ecommerce", homepage: "https://www.trenbe.com", primaryColor: "#7620F6", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=trenbe.com&sz=256" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#7620F6","primary-ui":"#7351EC","marketing-cta":"#7618F1","black":"#000000","canvas":"#FFFFFF","text01":"#2F2E2B","text02":"#4F4E4B","text03":"#6F6E6B","border":"#CFCECB","surface":"#F7F6F5","secondary":"#EC5151","success":"#1EB789","caution":"#FFAB1E","disabled-text":"#AFAEAB"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"display01":{"size":32,"weight":700,"lineHeight":1.31,"use":"Largest display headline"},"display02":{"size":24,"weight":700,"lineHeight":1.33,"use":"Secondary display"},"title":{"size":18,"weight":600,"lineHeight":1.44,"use":"Section titles"},"headline":{"size":16,"weight":500,"lineHeight":1.5,"use":"Subheadings"},"body":{"size":14,"weight":400,"lineHeight":1.57,"use":"Body text"},"caption":{"size":12,"weight":400,"lineHeight":1.67,"use":"Captions, helper text"},"cta":{"size":18,"weight":600,"lineHeight":1.4,"use":"Marketing CTA label"}},"spacing":{"xs":2,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":2,"md":4,"lg":8,"full":9999},"shadow":{"scrim":"rgba(0,0,0,0.5)"},"components":{"button-primary":{"type":"button","bg":"#000000","fg":"#FFFFFF","radius":"2px","padding":"6px 12px","font":"13px / 400","use":"Primary black CTA in shopping UI"},"button-ghost":{"type":"button","bg":"#FFFFFF","fg":"#000000","radius":"2px","padding":"6px 12px","font":"13px / 400","use":"Default outlined action"},"button-disabled":{"type":"button","bg":"#FFFFFF","fg":"#AFAEAB","radius":"2px","use":"Disabled action"},"button-marketing":{"type":"button","bg":"#7618F1","fg":"#FFFFFF","radius":"4px","padding":"0 24px","font":"18px / 600","use":"Brand purple CTA on marketing surfaces"},"input-default":{"type":"input","bg":"#FFFFFF","fg":"#6F6E6B","radius":"0px","padding":"6px 12px","font":"13px / 400","use":"Default text field"},"badge-primary":{"type":"badge","bg":"#000000","fg":"#FFFFFF","radius":"0px","padding":"0.2em 0.6em 0.3em","use":"Primary black label"},"badge-sale":{"type":"badge","bg":"#EC5151","fg":"#FFFFFF","radius":"4px","use":"Sale / accent badge"},"card":{"type":"card","bg":"#FFFFFF","radius":"8px","use":"Product card, hairline border"}},"components_harvested":true} },
|
|
263
|
-
{ id: "triple", name: "Triple", displayName: "Triple", country: "KR", category: "travel", homepage: "https://triple.guide", primaryColor: "#368FFF", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=triple.guide&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#368fff","primary-pressed":"#1a85e8","sky-accent":"#1aadf6","blue-tint":"#f1f7ff","canvas":"#ffffff","surface":"#f5f6f7","heading":"#1b1d1f","body":"#3a3e41","secondary":"#7e848a","tertiary":"#adb1b5","border":"#e8eaec","border-strong":"#d5d8db","success":"#22c55e","highlight-teal":"#0ecedb","error":"#ff3b30","warning":"#faad14"},"typography":{"family":{"sans":"-apple-system","mono":"-apple-system"},"hero":{"size":32,"weight":700,"lineHeight":1.3,"use":"Intro hero, feature headlines"},"section":{"size":22,"weight":700,"lineHeight":1.35,"use":"Itinerary day headers, section titles"},"card-title":{"size":16,"weight":600,"lineHeight":1.4,"use":"Place/itinerary card titles"},"cta":{"size":18,"weight":700,"lineHeight":1.4,"use":"Primary buttons"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Descriptions, tip copy"},"meta":{"size":14,"weight":400,"lineHeight":1.4,"use":"Place metadata, distance, hours"},"caption":{"size":12,"weight":400,"lineHeight":1.4,"use":"Badges, fine print"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48},"rounded":{"sm":12,"md":12,"lg":20,"full":9999},"shadow":{"none":"none"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#368fff","fg":"#ffffff","radius":9999,"padding":"0 28px","font":"18/700","use":"Primary CTA, 56px pill"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#368fff","radius":9999,"padding":"0 28px","font":"18/700","use":"Secondary action, 1px border #368fff"},"button-soft":{"type":"button","bg":"#f1f7ff","fg":"#368fff","radius":9999,"padding":"0 24px","font":"16/600","use":"Low-emphasis action"},"button-ghost":{"type":"button","fg":"#3a3e41","font":"16/600","use":"Tertiary nav, 더보기"},"input-search":{"type":"input","bg":"#f5f6f7","fg":"#1b1d1f","radius":12,"padding":"12px 16px","font":"16/400","use":"Destination/place search"},"card-place":{"type":"card","bg":"#ffffff","radius":20,"padding":"16px","use":"Place/itinerary card, 1px border #e8eaec"},"card-tip":{"type":"card","bg":"#f1f7ff","fg":"#3a3e41","radius":20,"padding":"20px","font":"16/400","use":"Travel tips, contextual info"},"chip-filter":{"type":"badge","bg":"#f5f6f7","fg":"#3a3e41","radius":9999,"padding":"6px 14px","font":"13/500","use":"Place-type filters","active":"text #368fff"},"chip-selected":{"type":"badge","fg":"#368fff","radius":12,"use":"Selected itinerary item, 1px border #368fff"},"tab-nav":{"type":"tab","fg":"#7e848a","font":"12/500","use":"Bottom/top nav switcher","active":"icon+label #368fff"},"toast":{"type":"toast","bg":"#1b1d1f","fg":"#ffffff","radius":12,"padding":"12px 16px","use":"Snackbar transient feedback"},"sheet":{"type":"dialog","bg":"#ffffff","fg":"#1b1d1f","radius":20,"padding":"24px","use":"Modal / bottom sheet"}}} },
|
|
264
|
-
{ id: "tumblbug", name: "Tumblbug", displayName: "텀블벅", country: "KR", category: "consumer-tech", homepage: "https://tumblbug.com", primaryColor: "#fd5744", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=tumblbug.com&sz=128" }, verified: "2026-05-27", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#fd5744","primary-hover":"#f86453","primary-pressed":"#e53c41","canvas":"#ffffff","foreground":"#000000","gray-900":"#1c1c1c","gray-800":"#3d3d3d","gray-600":"#545454","gray-500":"#6d6d6d","gray-400":"#9e9e9e","border":"#e4e4e4","surface":"#f0f0f0","gray-50":"#f6f6f6","error":"#e53c41"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"display":{"size":28,"weight":700,"lineHeight":38,"tracking":-0.4,"use":"Editorial banner / featured project title"},"heading-lg":{"size":22,"weight":700,"lineHeight":30,"tracking":-0.4,"use":"Section header"},"heading":{"size":18,"weight":700,"lineHeight":26,"tracking":-0.3,"use":"Project detail title, sub-section"},"title":{"size":16,"weight":700,"lineHeight":24,"tracking":-0.3,"use":"Card project title"},"body-lg":{"size":16,"weight":400,"lineHeight":24,"tracking":-0.2,"use":"Project story body"},"body":{"size":14,"weight":400,"lineHeight":22,"tracking":-0.2,"use":"Default body, card metadata"},"body-bold":{"size":14,"weight":700,"lineHeight":22,"tracking":-0.2,"use":"Creator name, emphasis, nav"},"caption":{"size":13,"weight":400,"lineHeight":18,"tracking":-0.2,"use":"Days-left, backer count, timestamps"},"micro":{"size":12,"weight":500,"lineHeight":16,"tracking":-0.2,"use":"Fine print, category labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48},"rounded":{"sm":4,"md":8,"lg":12,"full":9999},"shadow":{"none":"none"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#fd5744","fg":"#ffffff","radius":9999,"padding":"14px 24px","font":"16/700","use":"Primary CTA 후원하기"},"button-secondary":{"type":"button","bg":"#000000","fg":"#ffffff","radius":9999,"padding":"14px 24px","font":"16/700","use":"Strong neutral action"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#545454","radius":9999,"padding":"11.5px 16px","font":"14/700","use":"Secondary actions, 1px border #e4e4e4"},"button-ghost":{"type":"button","fg":"#000000","radius":9999,"padding":"8px 12px","font":"14/700","use":"Inline nav / utility action"},"input-default":{"type":"input","bg":"#ffffff","fg":"#000000","radius":8,"padding":"12px 14px","font":"14/400","use":"Default text input, 1px border #e4e4e4"},"input-search":{"type":"input","bg":"#f0f0f0","fg":"#000000","radius":9999,"padding":"12px 16px 12px 40px","font":"14/400","use":"Header pill search bar"},"input-error":{"type":"input","bg":"#ffffff","fg":"#000000","radius":8,"padding":"12px 14px","font":"14/400","use":"Validation failure, 1px border #e53c41"},"card-project":{"type":"card","bg":"#ffffff","radius":8,"use":"Project listing card, thumbnail + funding bar"},"card-reward":{"type":"card","bg":"#ffffff","radius":12,"padding":"20px","use":"Pledge-tier reward, selected 1.5px #fd5744"},"badge-category":{"type":"badge","bg":"#f0f0f0","fg":"#545454","radius":9999,"padding":"6px 12px","font":"13/700","use":"Category filter chip","active":"bg #000000, text #ffffff"},"badge-status":{"type":"badge","bg":"#fd5744","fg":"#ffffff","radius":4,"padding":"3px 6px","font":"11/700","use":"Time-sensitive project flag"},"badge-new":{"type":"badge","bg":"#ffffff","fg":"#000000","radius":4,"padding":"3px 6px","font":"11/700","use":"NEW / editor flag, 1px border #000000"},"tab-bottom":{"type":"tab","fg":"#9e9e9e","use":"Bottom tab bar","active":"label #000000"}}} },
|
|
265
|
-
{ id: "tving", name: "TVING", displayName: "TVING (티빙)", country: "KR", category: "consumer-tech", homepage: "https://www.tving.com", primaryColor: "#ff153c", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=tving.com&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#ff153c","canvas":"#000000","on-primary":"#ffffff","surface":"#2e2e2e","surface-modal":"#111111","surface-overlay":"#262626","text-secondary":"#b3b3b3","text-tertiary":"#a3a3a3","disabled-bright":"#d9d9d9","muted":"#6e6e6e","disabled-deep":"#4f4f4f","cate-home":"#ff1f45","cate-live":"#ff584a","cate-clip":"#fd8163","cate-vod":"#387dff","cate-movie":"#7d57fc","cate-ad":"#fcc800"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"hero":{"size":43,"weight":700,"use":"Hero headline, onboarding h2"},"cta":{"size":19,"weight":700,"use":"Primary CTA label"},"secondary-nav":{"size":16,"weight":400,"use":"Secondary nav"},"footer":{"size":16,"weight":400,"use":"Footer link"},"nav-cta":{"size":14,"weight":700,"use":"Nav CTA 티빙 시작하기"},"body":{"size":12,"weight":400,"use":"Body baseline"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48},"rounded":{"sm":3,"md":8,"lg":16,"full":9999},"shadow":{"none":"none"},"components_harvested":true,"components":{"button-cta-hero":{"type":"button","bg":"#ff153c","fg":"#ffffff","radius":12,"font":"19/700","use":"Primary hero CTA"},"button-cta-nav":{"type":"button","bg":"#ff153c","fg":"#ffffff","radius":8,"font":"14/700","use":"Header inline CTA 티빙 시작하기"},"card-poster":{"type":"card","radius":16,"use":"Poster card, top-corners-only radius, art bleeds bottom edge"},"chip-meta":{"type":"badge","radius":3,"use":"Fine chip / tag / meta-label"},"avatar":{"type":"avatar","radius":9999,"use":"Avatar / circular icon"}}} },
|
|
266
|
-
{ id: "uber", name: "Uber", displayName: "Uber", country: "US", category: "consumer-tech", homepage: "https://www.uber.com", primaryColor: "#000000", logo: { type: "simpleicons", slug: "uber" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#000000","canvas":"#ffffff","hover-gray":"#e2e2e2","hover-light":"#f3f3f3","chip-gray":"#efefef","body":"#4b4b4b","muted":"#afafaf","link":"#0000ee","on-primary":"#ffffff"},"typography":{"family":{"sans":"UberMove","mono":"system-ui"},"display":{"size":52,"weight":700,"lineHeight":1.23,"use":"Hero, billboard presence"},"section":{"size":36,"weight":700,"lineHeight":1.22,"use":"Major section anchors"},"card-title":{"size":32,"weight":700,"lineHeight":1.25,"use":"Card and feature headings"},"subheading":{"size":24,"weight":700,"lineHeight":1.33,"use":"Secondary section headers"},"nav":{"size":18,"weight":500,"lineHeight":1.33,"use":"Navigation links, prominent UI"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Body text, button labels"},"caption":{"size":14,"weight":400,"lineHeight":1.43,"use":"Metadata, small links"},"micro":{"size":12,"weight":400,"lineHeight":1.67,"use":"Fine print, legal"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":12,"full":9999},"shadow":{"light":"rgba(0,0,0,0.12) 0px 4px 16px 0px","medium":"rgba(0,0,0,0.16) 0px 2px 8px 0px"},"components":{"button-primary":{"type":"button","bg":"#000000","fg":"#ffffff","radius":9999,"padding":"10px 12px","font":"16px/500","use":"Primary CTA — bold high-contrast pill"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#000000","radius":9999,"padding":"10px 12px","use":"Secondary action; hover #e2e2e2"},"chip-filter":{"type":"tab","bg":"#efefef","fg":"#000000","radius":9999,"padding":"14px 16px","use":"Nav chips / category selectors","active":"black bg #000000 with white #ffffff text"},"button-floating":{"type":"button","bg":"#ffffff","fg":"#000000","radius":9999,"padding":"14px","use":"Map controls, FAB; shadow rgba(0,0,0,0.16)"},"card":{"type":"card","bg":"#ffffff","radius":8,"use":"Content card defined by shadow not stroke"},"input":{"type":"input","bg":"#ffffff","fg":"#000000","radius":8,"use":"Form input, 1px solid #000000 border"}},"components_harvested":true}, ds: { name: "Base Web", url: "https://baseweb.design", type: "system", description: "Uber's React implementation of Base — a living component system." } },
|
|
267
|
-
{ id: "ubie", name: "Ubie", displayName: "Ubie", country: "JP", category: "healthcare", homepage: "https://ubie.life", primaryColor: "#3959cc", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=ubie.life&sz=128" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#3959cc","primary-hover":"#304cad","accent":"#27cc91","accent-hover":"#21ad7b","canvas":"#ffffff","text-main":"#32353a","text-sub":"#686a6d","placeholder":"#96989a","disabled":"#dcdddd","border":"#c5c6c7","border-light":"#dcdddd","surface-subtle":"#fafafa","error":"#e32e55","error-text":"#a1213c","error-bg":"#fceff2","success-text":"#1c9167","success-bg":"#e9faf4","info-bg":"#f0f2fc","info-border":"#8296df","on-primary":"#ffffff"},"typography":{"family":{"sans":"A P-OTF UD Shin Go Pr6N","mono":"Open Sans"},"heading-xl":{"size":32,"weight":700,"lineHeight":1.4,"use":"Page hero, landing titles"},"heading-lg":{"size":28,"weight":700,"lineHeight":1.4,"use":"Major section titles"},"heading-md":{"size":24,"weight":700,"lineHeight":1.4,"use":"Section headers"},"heading-sm":{"size":20,"weight":700,"lineHeight":1.5,"use":"Card titles, modal headers"},"heading-xs":{"size":16,"weight":700,"lineHeight":1.5,"use":"List headers, sub-sections"},"body-lg":{"size":16,"weight":400,"lineHeight":1.7,"use":"Primary reading text"},"body-md":{"size":14,"weight":400,"lineHeight":1.7,"use":"Standard body, descriptions"},"note":{"size":12,"weight":400,"lineHeight":1.5,"use":"Captions, helper text"},"button":{"size":16,"weight":700,"lineHeight":1,"use":"Action labels"},"tag":{"size":12,"weight":700,"lineHeight":1,"use":"Category chips, status keywords"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":12,"full":9999},"shadow":{"card":"0px 1px 4px rgba(22,25,31,0.08)","interactive":"0px 2px 8px rgba(22,25,31,0.10)"},"components":{"button-primary":{"type":"button","bg":"#3959cc","fg":"#ffffff","radius":8,"padding":"12px 24px","font":"16px/700","use":"Single most important action; hover #304cad"},"button-accent":{"type":"button","bg":"#27cc91","fg":"#ffffff","radius":8,"padding":"12px 24px","use":"Health-forward emphasis; hover #21ad7b"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#3959cc","radius":8,"padding":"12px 24px","use":"Subordinate action; 1px #3959cc border; hover #f0f2fc"},"button-alert":{"type":"button","bg":"#e32e55","fg":"#ffffff","radius":8,"padding":"12px 24px","use":"Irreversible/risky actions"},"button-text":{"type":"button","bg":"transparent","fg":"#3959cc","radius":8,"padding":"8px 12px","font":"14px/700","use":"Low-emphasis inline action"},"textfield":{"type":"input","bg":"#ffffff","fg":"#32353a","radius":8,"padding":"12px 16px","font":"16px","use":"Standard input; 1px #c5c6c7 border, focus #3959cc"},"textfield-error":{"type":"input","bg":"#ffffff","fg":"#32353a","radius":8,"padding":"12px 16px","use":"Validation failure; 1px #e32e55 border, help #a1213c"},"card":{"type":"card","bg":"#ffffff","radius":12,"padding":"24px","use":"Symptom result / content panel; 1px #dcdddd border"},"card-interactive":{"type":"card","bg":"#ffffff","radius":12,"padding":"16px","use":"Tappable card; 1px #dcdddd border, hover #8296df"},"card-tinted":{"type":"card","bg":"#f0f2fc","radius":8,"padding":"16px","use":"Inline informational callout"}},"components_harvested":true}, ds: { name: "Ubie Vitals", url: "https://vitals.ubie.life", type: "system", description: "Ubie's open-source design system — tokens, 25+ components, icons, and UX writing for healthcare products." } },
|
|
268
|
-
{ id: "uniqlo", name: "Uniqlo", displayName: "Uniqlo", country: "JP", category: "ecommerce", homepage: "https://www.uniqlo.com", primaryColor: "#ed1d24", logo: { type: "simpleicons", slug: "uniqlo" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#ed1d24","primary-hover":"#c8161c","canvas":"#ffffff","heading":"#1a1a1a","body":"#333333","secondary":"#666666","muted":"#999999","error":"#d0021b","success":"#1a8917","info":"#0070c9","gray-50":"#f5f5f5","gray-100":"#eeeeee","gray-300":"#cccccc","border":"#e0e0e0","border-strong":"#1a1a1a","on-primary":"#ffffff"},"typography":{"family":{"sans":"TT Commons Pro","mono":"Helvetica Neue"},"display-hero":{"size":48,"weight":700,"lineHeight":1.1,"tracking":-0.5,"use":"Campaign headlines, hero"},"display-lg":{"size":36,"weight":700,"lineHeight":1.15,"tracking":-0.3,"use":"Feature section heads"},"heading-1":{"size":28,"weight":700,"lineHeight":1.2,"use":"Page titles, category heads"},"heading-2":{"size":22,"weight":700,"lineHeight":1.25,"use":"Sub-section titles"},"subtitle":{"size":16,"weight":600,"lineHeight":1.4,"use":"Product names in tiles"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Standard catalog text"},"price":{"size":18,"weight":700,"lineHeight":1.2,"use":"Product price, tabular numerals"},"caption":{"size":12,"weight":400,"lineHeight":1.4,"use":"Metadata, fine print"},"label":{"size":11,"weight":700,"lineHeight":1.2,"tracking":0.5,"use":"Uppercase tags NEW/SALE"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":2,"md":2,"lg":4,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#ed1d24","fg":"#ffffff","radius":2,"padding":"14px 24px","font":"15px/700","use":"Primary CTA ADD TO CART; hover #c8161c"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#1a1a1a","radius":2,"padding":"14px 24px","use":"Outlined; 1px #1a1a1a border, hover inverts to #1a1a1a"},"button-solid-black":{"type":"button","bg":"#1a1a1a","fg":"#ffffff","radius":2,"padding":"14px 24px","use":"Neutral strong action; hover #333333"},"button-disabled":{"type":"button","bg":"#eeeeee","fg":"#999999","radius":2,"use":"Unavailable action"},"product-tile":{"type":"card","bg":"#ffffff","radius":0,"padding":"8px","use":"Atomic product tile, grid-gutter separated, no shadow"},"input":{"type":"input","bg":"#ffffff","fg":"#1a1a1a","radius":2,"padding":"12px 14px","font":"14px","use":"Text input; 1px #cccccc border, focus #1a1a1a"},"size-chip":{"type":"badge","bg":"#ffffff","fg":"#1a1a1a","radius":2,"padding":"8px 14px","use":"Size selector; 1px #cccccc border, selected 2px #1a1a1a"},"sale-flag":{"type":"badge","bg":"#ed1d24","fg":"#ffffff","radius":0,"padding":"2px 6px","font":"11px/700","use":"SALE/LIMITED uppercase flag"}},"components_harvested":true} },
|
|
269
|
-
{ id: "upbit", name: "Upbit", displayName: "Upbit", country: "KR", category: "fintech", homepage: "https://upbit.com", primaryColor: "#093687", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=upbit.com&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#1375ec","primary-deep":"#0062df","primary-darker":"#003597","rise":"#dd3c44","fall":"#1375ec","heading":"#1a2434","body":"#333333","muted":"#666666","subtle":"#565d6a","disabled":"#8e929b","surface-body":"#e9ecf1","surface-card":"#ffffff","table-header":"#f9fafc","table-alt":"#f4f5f7","neutral":"#edeef1","border":"#bec1c6","on-primary":"#ffffff"},"typography":{"family":{"sans":"Roboto","mono":"Roboto"},"nav":{"size":15,"weight":400,"use":"Top-nav primary items"},"body":{"size":14,"weight":400,"use":"Default body, button labels"},"table-cell":{"size":12,"weight":400,"use":"Price/change table cells"},"header":{"size":11,"weight":400,"use":"Table column headers"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":4,"lg":4,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#0062df","fg":"#ffffff","radius":4,"padding":"0 10px","font":"14px/400","use":"로그인/회원가입 in compact nav, h36"},"button-hero":{"type":"button","bg":"#003597","fg":"#ffffff","radius":4,"padding":"0 12px","font":"15px/400","use":"Hero CTA, h44"},"button-secondary":{"type":"button","bg":"#edeef1","fg":"#1a2434","radius":4,"padding":"0 10px","font":"14px/400","use":"Paired secondary action, h36"},"tag-percent":{"type":"badge","bg":"#ffffff","fg":"#1a2434","radius":4,"padding":"0 8px 1px","font":"12px/400","use":"Quick-fill 10/25/50/100%; 1px #bec1c6 border"},"cell-rise":{"type":"card","bg":"#ffffff","fg":"#dd3c44","radius":0,"padding":"4.5px 4px","font":"12px/400","use":"상승 가격 셀 / 매수호가 tint"},"cell-fall":{"type":"card","bg":"#ffffff","fg":"#1375ec","radius":0,"padding":"4.5px 4px","font":"12px/400","use":"하락 가격 셀 / 매도호가 tint"},"header-row":{"type":"card","bg":"#f9fafc","fg":"#666666","radius":0,"padding":"0 14px","font":"11px/400","use":"Column heads, h30, bottom 1px #edeef1"},"segment":{"type":"tab","bg":"#ffffff","fg":"#333333","radius":0,"padding":"0","font":"12px/400","use":"KO/EN locale switch; 1px #bec1c6 border","active":"selected bg #f4f5f7"},"nav":{"type":"tab","bg":"#ffffff","fg":"#1a2434","radius":0,"padding":"0 20px","font":"15px/400","use":"Persistent top-bar, h80, bottom 1px #edeef1"}},"components_harvested":true} },
|
|
270
|
-
{ id: "upstage", name: "Upstage", displayName: "업스테이지", country: "KR", category: "ai", homepage: "https://www.upstage.ai", primaryColor: "#d2ff95", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=upstage.ai&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#5b52ff","primary-hover":"#1e116e","primary-deep":"#281ca5","accent":"#d2ff95","body":"#70757f","heading":"#0a0d14","muted":"#6e7191","canvas":"#ffffff","subtle":"#f9fafb","footer":"#191722","plum":"#3c043b","lavender":"#f0ecfd","purple-100":"#dde3ff","border":"#eeeeee","border-subtle":"#f7f7fc","on-primary":"#ffffff"},"typography":{"family":{"sans":"Geist","mono":"monospace"},"hero-h1":{"size":58,"weight":600,"use":"Hero headline (Espeak face)"},"section-h2":{"size":40,"weight":600,"use":"Section headings"},"body-lg":{"size":18,"weight":400,"use":"Dominant body size"},"body":{"size":16,"weight":400,"use":"Standard body"},"button":{"size":16,"weight":500,"use":"Button + nav labels"},"caption":{"size":14,"weight":400,"use":"Small / caption"},"micro":{"size":12,"weight":400,"use":"Legal / micro"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":8,"md":8,"lg":8,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#5b52ff","fg":"#ffffff","radius":8,"font":"16px/500","use":"Try now persistent nav CTA"},"card":{"type":"card","bg":"transparent","fg":"#70757f","radius":8,"use":"Product/solution/customer card; no shadow, inline Learn more link"},"nav":{"type":"tab","bg":"transparent","fg":"#0a0d14","radius":8,"use":"Transparent over hero, white below; 5 categories + Try now CTA"}},"components_harvested":true}, ds: { name: "Upstage Brand Resource Center", url: "https://www.upstage.ai/resources/brand-resource-center", type: "brand", description: "Upstage's brand resource hub — logo / symbol assets + IP rights statement. Token spec lives only in production CSS (Geist + Espeak proprietary face + violet #5B52FF × plum #3C043B + Solar accent #D2FF95).", ogImage: "https://cdn.prod.website-files.com/6743d5190bb2b52f38e99e37/680a25ee07a17eed6deeff74_OG.avif" } },
|
|
271
|
-
{ id: "velog", name: "velog", displayName: "velog", country: "KR", category: "developer-tools", homepage: "https://velog.io", primaryColor: "#12B886", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=velog.io&sz=128" }, verified: "2026-06-01", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#12b886","primary-alt":"#20c997","destructive":"#ff6b6b","text":"#212529","body":"#495057","muted":"#868e96","canvas":"#f8f9fa","surface":"#ffffff","border":"#e9ecef","border-strong":"#dee2e6"},"typography":{"family":{"sans":"system-ui","mono":"ui-monospace"},"body":{"size":16,"weight":400,"use":"Body copy, reading surface"},"login":{"size":16,"weight":700,"use":"Login pill label"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":16,"full":9999},"shadow":{"none":"none"},"components":{"button-login":{"type":"button","bg":"#212529","fg":"#ffffff","radius":16,"font":"16px/700","use":"Dark sign-in pill, top-right header, h32"},"button-write":{"type":"button","bg":"#12b886","fg":"#ffffff","use":"Brand teal primary-action — compose a post"},"header":{"type":"card","bg":"#ffffff","fg":"#212529","font":"16px","use":"Top navigation surface"},"page":{"type":"card","bg":"#f8f9fa","fg":"#212529","font":"16px","use":"Soft-gray reading canvas framing white blocks"}},"components_harvested":true}, ds: { name: "velog (open source)", url: "https://github.com/velog-io/velog", type: "system", description: "velog's production frontend is fully open-source (MIT); its design tokens live in src/lib/styles (themes.ts + palette.ts), built on the Open Color palette." } },
|
|
272
|
-
{ id: "vercel", name: "Vercel", displayName: "Vercel", country: "US", category: "developer-tools", homepage: "https://vercel.com", primaryColor: "#000000", logo: { type: "simpleicons", slug: "vercel" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#171717","black":"#000000","canvas":"#ffffff","ship":"#ff5b4f","preview":"#de1d8d","develop":"#0a72ef","link":"#0072f5","body":"#4d4d4d","muted":"#666666","placeholder":"#808080","border":"#ebebeb","surface-tint":"#fafafa","badge-bg":"#ebf5ff","badge-text":"#0068d6","on-primary":"#ffffff"},"typography":{"family":{"sans":"Geist","mono":"Geist Mono"},"display-hero":{"size":48,"weight":600,"lineHeight":1.1,"tracking":-2.4,"use":"Hero, billboard impact"},"section":{"size":40,"weight":600,"lineHeight":1.2,"tracking":-2.4,"use":"Feature section titles"},"subheading":{"size":32,"weight":600,"lineHeight":1.25,"tracking":-1.28,"use":"Card headings, sub-sections"},"card-title":{"size":24,"weight":600,"lineHeight":1.33,"tracking":-0.96,"use":"Feature cards"},"body-lg":{"size":20,"weight":400,"lineHeight":1.8,"use":"Introductions, descriptions"},"body":{"size":18,"weight":400,"lineHeight":1.56,"use":"Standard reading text"},"body-medium":{"size":16,"weight":500,"lineHeight":1.5,"use":"Navigation, emphasized text"},"button":{"size":14,"weight":500,"lineHeight":1.43,"use":"Buttons, links"},"caption":{"size":12,"weight":400,"lineHeight":1.33,"use":"Metadata, tags"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":6,"lg":12,"full":9999},"shadow":{"subtle":"rgba(0,0,0,0.04) 0px 2px 2px","border":"rgba(0,0,0,0.08) 0px 0px 0px 1px","card":"rgba(0,0,0,0.08) 0px 0px 0px 1px, rgba(0,0,0,0.04) 0px 2px 2px, rgba(0,0,0,0.04) 0px 8px 8px -8px"},"components":{"button-primary":{"type":"button","bg":"#171717","fg":"#ffffff","radius":6,"padding":"8px 16px","use":"Primary CTA Start Deploying"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#171717","radius":6,"padding":"0 6px","use":"Shadow-bordered secondary; ring 1px #ebebeb"},"badge":{"type":"badge","bg":"#ebf5ff","fg":"#0068d6","radius":9999,"padding":"0 10px","font":"12px/500","use":"Status badges, tags, feature labels"},"card":{"type":"card","bg":"#ffffff","radius":8,"use":"Shadow-bordered card; border via 1px shadow"},"input":{"type":"input","bg":"#ffffff","radius":6,"use":"Border via shadow technique; focus blue ring"},"nav":{"type":"tab","bg":"#ffffff","fg":"#171717","font":"14px/500","use":"Sticky horizontal nav; dark pill CTAs","active":"weight 600 or underline"}},"components_harvested":true}, ds: { name: "Geist", url: "https://vercel.com/geist", type: "system", description: "Vercel's design system with 50+ components, foundations, and brand resources.", ogImage: "https://assets.vercel.com/image/upload/v1709494095/front/design/geist-og.jpg" } },
|
|
273
|
-
{ id: "voicetube", name: "VoiceTube", displayName: "VoiceTube", country: "TW", category: "education", homepage: "https://tw.voicetube.com", primaryColor: "#7E3AAF", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=tw.voicetube.com&sz=256" }, verified: "2026-06-03", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#7e3aaf","vibrant":"#a73aaf","gradient-start":"#653aaf","deep-purple":"#210040","canvas":"#18131d","surface":"#251633","nav-end":"#1d102b","tint":"#e0d0ec","body":"#e3e3e3","secondary":"#b4b4b4","placeholder":"#9ca3af","error":"#ed4f55","success":"#33991d","link":"#4283e4","on-primary":"#ffffff"},"typography":{"family":{"sans":"PingFang TC","mono":"ui-monospace"},"h2xl":{"size":24,"weight":700,"lineHeight":1.425,"use":"Largest headings"},"xl":{"size":20,"weight":600,"lineHeight":1.425,"use":"Section heads"},"lg":{"size":18,"weight":500,"lineHeight":1.425,"use":"Sub-heads"},"base":{"size":16,"weight":400,"lineHeight":1.425,"use":"Body, button labels"},"sm":{"size":14,"weight":400,"lineHeight":1.425,"use":"Secondary text, tags"},"xs":{"size":12,"weight":400,"lineHeight":1.425,"use":"Captions, fine print"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":4,"lg":8,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#653aaf","fg":"#ffffff","radius":9999,"padding":"0 20px","font":"16px/500","use":"Gradient CTA #653AAF→#A73AAF, h40"},"button-outline":{"type":"button","bg":"transparent","fg":"#e3e3e3","radius":9999,"padding":"0 20px","font":"16px/500","use":"Ghost/secondary; 1px #e3e3e3 border, h40"},"nav":{"type":"tab","bg":"#210040","fg":"#e3e3e3","use":"Top nav gradient #210040→#1D102B, h64"},"sidebar-item":{"type":"listItem","bg":"#251633","fg":"#e3e3e3","radius":0,"padding":"12px 8px","font":"14px/400","use":"Sidebar nav item; active rgba purple tint"},"tag":{"type":"badge","bg":"#7e3aaf","fg":"#e3e3e3","radius":4,"padding":"2.5px 12px","font":"14px/400","use":"Brand tag chip"},"input":{"type":"input","bg":"transparent","fg":"#e3e3e3","radius":4,"use":"Text input; 1px #e3e3e3 border, focus #7e3aaf, error #ed4f55"}},"components_harvested":true} },
|
|
274
|
-
{ id: "voltagent", name: "VoltAgent", displayName: "VoltAgent", country: "US", category: "ai", homepage: "https://voltagent.dev", primaryColor: "#22c55e", logo: { type: "github", slug: "VoltAgent" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#00d992","mint":"#2fd6a1","emerald":"#10b981","purple":"#818cf8","cobalt":"#306cce","canvas":"#050507","surface":"#101010","border":"#3d3a39","text":"#f2f2f2","on-primary":"#ffffff","body":"#b8b3b0","muted":"#8b949e","success":"#008b00","warning":"#ffba00","danger":"#fb565b","info":"#4cb3d4"},"typography":{"family":{"sans":"system-ui","mono":"SFMono-Regular"},"display":{"size":60,"weight":400,"lineHeight":1,"tracking":-0.65,"use":"Hero, compressed blocks"},"section":{"size":36,"weight":400,"lineHeight":1.11,"tracking":-0.9,"use":"Section headings"},"subheading":{"size":24,"weight":700,"lineHeight":1.33,"tracking":-0.6,"use":"Bold emphasis sub-heads"},"overline":{"size":20,"weight":600,"lineHeight":1.4,"tracking":0.5,"use":"Uppercase section labels"},"feature":{"size":20,"weight":500,"lineHeight":1.4,"use":"Card headings, feature names"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"Body, nav links, buttons"},"caption":{"size":14,"weight":400,"lineHeight":1.43,"use":"Descriptions, metadata, badges"},"micro":{"size":12,"weight":400,"lineHeight":1.33,"use":"Smallest sans text"},"code":{"size":14,"weight":400,"lineHeight":1.43,"use":"Inline code, terminal output"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":6,"lg":8,"full":9999},"shadow":{"haze":"rgba(92,88,85,0.2) 0px 0px 15px","dramatic":"rgba(0,0,0,0.7) 0px 20px 60px"},"components":{"button-ghost":{"type":"button","bg":"transparent","fg":"#ffffff","radius":6,"padding":"12px 16px","use":"Default interactive; 1px #3d3a39 border"},"button-primary":{"type":"button","bg":"#101010","fg":"#2fd6a1","radius":6,"padding":"12px 16px","use":"Powered-on CTA; mint text on dark, mint outline"},"button-container":{"type":"button","bg":"#101010","fg":"#f2f2f2","radius":8,"padding":"20px","use":"Card-like button for larger surfaces; 3px #3d3a39 border"},"card":{"type":"card","bg":"#101010","fg":"#f2f2f2","radius":8,"use":"Content card; 1px #3d3a39 border, 2px #00d992 if active; haze shadow"},"input":{"type":"input","bg":"#101010","fg":"#f2f2f2","use":"Inferred; #3d3a39 border, mint focus ring"},"nav":{"type":"tab","bg":"#050507","fg":"#f2f2f2","font":"14px/500","use":"Sticky top nav; links shift green on hover"}},"components_harvested":true} },
|
|
275
|
-
{ id: "wadiz", name: "Wadiz", displayName: "Wadiz", country: "KR", category: "fintech", homepage: "https://www.wadiz.kr", primaryColor: "#00c4c4", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=wadiz.kr&sz=256" }, verified: "2026-05-14", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#00c4c4","primary-hover":"#07abae","tint":"#e6fafa","tint-accent":"#bef5f5","heading":"#191f28","body":"#333d4b","muted":"#4e5968","subtle":"#6b7684","placeholder":"#8b95a1","disabled":"#b1b8c3","canvas":"#ffffff","surface-alt":"#fafbfd","surface-neutral":"#f2f5f8","divider":"#e3e7ee","border":"#ced4de","success":"#00af84","alert":"#ff5959","info":"#4672f9","promo":"#fcc500","on-primary":"#ffffff"},"typography":{"family":{"sans":"Pretendard","mono":"ui-monospace"},"hero-numeral":{"size":64,"weight":700,"lineHeight":1.1,"use":"Funded amount % on detail pages"},"h1":{"size":48,"weight":700,"lineHeight":1.2,"use":"Home banner, category landing"},"h2":{"size":32,"weight":700,"lineHeight":1.25,"use":"Section titles"},"h3":{"size":24,"weight":700,"lineHeight":1.3,"use":"Maker name, modal headings"},"card-title":{"size":18,"weight":700,"lineHeight":1.35,"use":"Reward card project title"},"lead":{"size":17,"weight":400,"lineHeight":1.5,"use":"Short paragraph leads"},"body":{"size":15,"weight":400,"lineHeight":1.55,"use":"Description text, body copy"},"label":{"size":14,"weight":400,"lineHeight":1.4,"use":"Time-remaining, supporter count"},"caption":{"size":13,"weight":400,"lineHeight":1.4,"use":"Helper text, fine print"},"small":{"size":12,"weight":400,"lineHeight":1.3,"use":"Badge text, micro-tags"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32,"section":64},"rounded":{"sm":4,"md":8,"lg":16,"full":9999},"shadow":{"header":"0 1px #0000000f","modal":"0 16px 16px -1px #0a16461a, 0 0 5px #0a16460f"},"components":{"button-primary":{"type":"button","bg":"#00c4c4","fg":"#ffffff","radius":8,"use":"Filled mint contained CTA; active #07abae family"},"button-secondary":{"type":"button","bg":"transparent","fg":"#00c4c4","radius":8,"use":"Outlined mint; 1px #00c4c4 border, hover #e6fafa"},"button-tint":{"type":"button","bg":"#e6fafa","fg":"#00c4c4","radius":8,"use":"Wadiz signature tint button; hover #bef5f5"},"label-badge-solid":{"type":"badge","bg":"#00c4c4","fg":"#ffffff","use":"Funding-state chip solid (오픈중)"},"label-badge-tint":{"type":"badge","bg":"#e6fafa","fg":"#00c4c4","use":"Funding-state chip tint (얼리버드)"},"reward-card":{"type":"card","bg":"#ffffff","radius":8,"padding":"16px","use":"Most-shipped component; 4:3 thumbnail, badge row, funding row"},"input":{"type":"input","bg":"#ffffff","fg":"#333d4b","radius":8,"padding":"12px 16px","font":"15px/400","use":"Border 1px #ced4de, focus #00c4c4, error #ff5959"},"modal":{"type":"dialog","bg":"#ffffff","radius":16,"padding":"32px","use":"Desktop modal max-w 480px; mobile bottom-sheet top corners only"},"tooltip":{"type":"card","bg":"#191f28","fg":"#ffffff","radius":4,"padding":"8px 12px","font":"12px/400","use":"Tooltip/popover"},"nav":{"type":"tab","bg":"#ffffff","fg":"#191f28","use":"Fixed top header h64, white veil, hairline shadow"}},"components_harvested":true} },
|
|
276
|
-
{ id: "wanted", name: "Wanted", displayName: "Wanted", country: "KR", category: "productivity", homepage: "https://www.wanted.co.kr", primaryColor: "#0066ff", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=wanted.co.kr&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#0066ff","brand-black":"#14191e","accent-orange":"#ff5c00","accent-pink":"#ff8eff","accent-sky":"#00adff","accent-violet":"#8364ff","brand-grey":"#f0f4f8","canvas":"#ffffff","surface-subtle":"#f7f7f8","heading":"#171719","body":"#333333","disabled":"#a0a0a0","divider":"#e5e8eb","error":"#f0483c","success":"#00b97c","warning":"#ffab00"},"typography":{"family":{"sans":"Pretendard Variable","mono":"Pretendard Variable"},"display":{"size":32,"weight":700,"lineHeight":1.25,"use":"Brandcenter, montage hero"},"h1":{"size":24,"weight":700,"lineHeight":1.4,"use":"Job detail header"},"h2":{"size":20,"weight":700,"lineHeight":1.4,"use":"Section titles"},"subtitle":{"size":16,"weight":600,"lineHeight":1.5,"use":"JobCard position title"},"body":{"size":14,"weight":400,"lineHeight":1.6,"use":"Standard reading, filter chip label"},"body-small":{"size":13,"weight":400,"lineHeight":1.5,"use":"Company name on JobCard"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"use":"Metadata, dates, location"},"micro":{"size":10,"weight":500,"lineHeight":1.4,"use":"Footer link strip"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24,"xxl":32,"section":64},"rounded":{"sm":6,"md":8,"lg":12,"full":9999},"shadow":{"floating":"0px 4px 12px rgba(0,0,0,0.08)","modal":"0px 8px 24px rgba(0,0,0,0.12)"},"components":{"button-primary":{"type":"button","bg":"#0066ff","fg":"#ffffff","radius":8,"padding":"7px 14px","font":"14px/400 Pretendard Variable","use":"Sign-up / apply CTA (filled)"},"button-secondary":{"type":"button","fg":"#171719","radius":8,"padding":"7px 14px","font":"14px/400 Pretendard Variable","use":"Header nav text button"},"filter-chip":{"type":"badge","fg":"#171719","radius":10,"padding":"7px 9px 7px 11px","font":"14px/400 Pretendard Variable","use":"Filter taxonomy chip, hover bg #f7f7f8"},"jobcard":{"type":"card","bg":"#ffffff","radius":12,"padding":"12px 16px","use":"Job posting card, no shadow, gutter separation"},"segmented":{"type":"tab","bg":"#f7f7f8","radius":10,"padding":"0 4px","font":"14px/400 Pretendard Variable","use":"Sort control track","active":"white segment 8px radius #333333 text"},"reward-badge":{"type":"badge","fg":"#ffffff","radius":2,"font":"12px/600 Pretendard Variable","use":"합격보상금 overlay on thumbnail"},"micro-tag":{"type":"badge","bg":"#a0a0a0","fg":"#ffffff","radius":0,"padding":"5px 7px","font":"10px/500 Pretendard Variable","use":"Footer legal pill"},"search-input":{"type":"input","fg":"#171719","radius":9999,"font":"14px/400 Pretendard Variable","use":"Header search trigger"},"avatar-pill":{"type":"avatar","bg":"#171719","radius":9999,"use":"Header user avatar 38x38"}},"components_harvested":true}, ds: { name: "Wanted Montage", url: "https://montage.wanted.co.kr/", type: "system", description: "Wanted's Montage design system docs — components, foundations, Wanted Sans, and the brandcenter resource hub." } },
|
|
277
|
-
{ id: "wantedly", name: "Wantedly", displayName: "Wantedly", country: "JP", category: "consumer-tech", homepage: "https://www.wantedly.com", primaryColor: "#21bddb", logo: { type: "simpleicons", slug: "wantedly" }, verified: "2026-06-10", added: "2026-06-10", tokens: {"source":"live-extract","extracted":"2026-06-10","note":"primary = official blue400 #21bddb (Brand Guide v2.0) confirmed live on the signup CTA; text links use a darker accessible teal #006f8e; dark editorial surfaces (wantedly.design) run on official gray800 #292929.","colors":{"primary":"#21bddb","link":"#006f8e","ink":"#24282a","gray800":"#292929","card-dark":"#424242","gray50":"#f5f5f5","banner":"#eeeeee","mid-gray":"#757575","canvas":"#ffffff","on-primary":"#ffffff","alert":"#cc0000"},"typography":{"family":{"latin-display":"ITC Avant Garde Gothic → Poppins","latin-body":"Lato / Helvetica Neue","japanese":"Tazugane Gothic → Hiragino Kaku Gothic ProN → Noto Sans CJK"},"display-hero":{"size":72,"weight":700,"lineHeight":1.33,"use":"Hero headline over photography, Poppins Bold, white"},"section":{"size":40,"weight":700,"lineHeight":1.4,"use":"Section headlines, Poppins Bold"},"h1-quiet":{"size":28,"weight":400,"lineHeight":1.5,"use":"Page H1, regular weight (visual hierarchy carried by hero H2)"},"button":{"size":16,"weight":600,"use":"Pill button labels, Poppins SemiBold"},"button-sm":{"size":14,"weight":600,"use":"Small pill buttons / SSO buttons, Poppins SemiBold"},"nav-label":{"size":14,"weight":600,"tracking":0.2,"use":"Uppercase nav labels on wantedly.design"},"input":{"size":16,"weight":400,"use":"Form inputs, Lato"},"body":{"size":14,"weight":400,"lineHeight":1.57,"use":"Standard reading text, Helvetica Neue / Hiragino Sans"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":40,"section":72},"rounded":{"sm":4,"md":8,"lg":16,"xl":24,"full":9999},"shadow":{"button":"rgba(0,0,0,0.1) 0px 2px 6px","card":"rgba(0,0,0,0.15) 0px 2px 8px"},"components":{"button-primary":{"type":"button","bg":"#21bddb","fg":"#ffffff","radius":"28px","height":"56px","font":"16px / 400 Poppins","use":"Signup / submit CTA — full pill on the brand blue"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"rgba(0,0,0,0.56)","radius":"48px","height":"52px","padding":"0 16px","font":"16px / 600 Poppins","shadow":"rgba(0,0,0,0.1) 0px 2px 6px","use":"White pill (今すぐシゴトを検索, SSO sign-in)"},"input-text":{"type":"input","bg":"rgba(0,0,0,0.06)","fg":"rgba(0,0,0,0.84)","radius":"4px","height":"40px","padding":"6px 12px","font":"16px / 400 Lato","use":"Email signup field — tinted fill, no border"},"card-elevated":{"type":"card","bg":"#ffffff","radius":"12px","shadow":"rgba(0,0,0,0.15) 0px 2px 8px","use":"Floating banner card"},"panel-tint":{"type":"card","bg":"rgba(0,0,0,0.06)","radius":"16px","padding":"20px 24px","use":"App-download promo panel on white"},"banner-recruiter":{"type":"card","bg":"#eeeeee","radius":"24px","padding":"40px 80px 32px","use":"Recruiter-facing wide banner"},"card-dark":{"type":"card","bg":"#424242","fg":"#ffffff","radius":"4px","use":"Article card on the wantedly.design gray800 canvas"},"link-teal":{"type":"tab","fg":"#006f8e","active":"text #24282a","font":"14px / 400 Poppins","use":"Text links and nav items — dark teal, darkens to ink on active"}},"components_harvested":true} },
|
|
278
|
-
{ id: "warp", name: "Warp", displayName: "Warp", country: "US", category: "developer-tools", homepage: "https://www.warp.dev", primaryColor: "#01a4ff", logo: { type: "simpleicons", slug: "warp" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"parchment":"#faf9f6","earth-gray":"#353534","charcoal":"#454545","stone-gray":"#868584","ash-gray":"#afaeac","muted-purple":"#666469","input-bg":"#1a1a18"},"typography":{"family":{"sans":"Matter Regular","mono":"Matter Mono Regular"},"display-hero":{"size":80,"weight":400,"lineHeight":1,"tracking":-2.4,"use":"Hero impact"},"section":{"size":56,"weight":400,"lineHeight":1.2,"tracking":-0.56,"use":"Feature section headings"},"feature":{"size":40,"weight":400,"lineHeight":1.1,"tracking":-0.4,"use":"Feature block titles"},"body-heading":{"size":24,"weight":400,"lineHeight":1.2,"use":"Bold content intros"},"card-title":{"size":22,"weight":500,"lineHeight":1.14,"use":"Emphasized card headers"},"body-lg":{"size":20,"weight":400,"lineHeight":1.4,"tracking":-0.2,"use":"Primary body, relaxed"},"body":{"size":18,"weight":400,"lineHeight":1.3,"tracking":-0.18,"use":"Standard paragraphs"},"nav":{"size":16,"weight":400,"lineHeight":1.2,"use":"Navigation, UI text"},"button":{"size":16,"weight":500,"lineHeight":1.2,"use":"Button labels"},"caption":{"size":14,"weight":400,"lineHeight":1,"tracking":1.4,"use":"Uppercase labels"},"small-label":{"size":12,"weight":400,"lineHeight":1.35,"tracking":2.4,"use":"Uppercase micro-labels"},"micro":{"size":11,"weight":400,"lineHeight":1.2,"use":"Smallest text"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":36,"section":80},"rounded":{"sm":4,"md":8,"lg":12,"full":50},"shadow":{"ambient":"rgba(0,0,0,0.2) 0px 5px 15px"},"components":{"button-dark-pill":{"type":"button","bg":"#353534","fg":"#afaeac","radius":50,"padding":"10px","font":"16px/400 Matter Regular","use":"Primary CTA, muted"},"button-ghost":{"type":"button","fg":"#afaeac","radius":50,"padding":"10px","use":"Tertiary text-only, hover underline"},"input-default":{"type":"input","bg":"#1a1a18","fg":"#faf9f6","radius":8,"padding":"10px 12px","font":"16px/400 Matter Regular","use":"Form input, placeholder #868584"},"card-bordered":{"type":"card","bg":"#1a1a18","fg":"#faf9f6","radius":12,"padding":"24px","use":"Containment card, semi-transparent border"},"card-terminal":{"type":"card","bg":"#1a1a18","radius":12,"padding":"0px","use":"Product terminal UI frame"},"badge-frosted":{"type":"badge","fg":"#000000","radius":6,"padding":"1px 6px","font":"12px/400 Matter Regular","use":"Frosted tag/badge"}},"components_harvested":true} },
|
|
279
|
-
{ id: "watcha", name: "Watcha", displayName: "Watcha", country: "KR", category: "entertainment", homepage: "https://watcha.com", primaryColor: "#F82F62", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=watcha.com&sz=128" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#f82f62","primary-deep":"#de2a60","brand-pink":"#ff0558","canvas":"#000000","surface-raised-1":"#1a1a1a","surface-raised-2":"#28292a","surface-hover":"#2c2c2c","text-primary":"#ffffff","text-secondary":"#999ca1","text-tertiary":"#6b6e73","success":"#2bc149","error":"#f25c5c"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"hero":{"size":32,"weight":700,"lineHeight":1.3,"use":"Title-detail hero, billboard"},"section":{"size":22,"weight":700,"lineHeight":1.35,"use":"Row headers"},"card":{"size":16,"weight":600,"lineHeight":1.4,"use":"Poster captions, list titles"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Synopsis, descriptions"},"label":{"size":13,"weight":500,"lineHeight":1.4,"use":"Buttons, chips"},"caption":{"size":12,"weight":400,"lineHeight":1.4,"use":"Metadata, fine print"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32},"rounded":{"sm":4,"md":8,"lg":12,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#f82f62","fg":"#ffffff","radius":4,"padding":"8px 16px","font":"13px/500 Pretendard","use":"Login / subscribe CTA, hover #de2a60"},"button-ghost":{"type":"button","fg":"#ffffff","radius":4,"padding":"8px 16px","font":"13px/500 Pretendard","use":"Secondary, 1px rgba border"},"icon-button":{"type":"button","bg":"#28292a","fg":"#999ca1","radius":9999,"use":"Close / dismiss circle ~30px"},"input-text":{"type":"input","fg":"#ffffff","radius":4,"padding":"12px 14px","font":"15px/400 Pretendard","use":"Login/search, focus border white, error #f25c5c"},"poster-card":{"type":"card","radius":4,"use":"Poster image card, no border, hover scale 1.04"},"surface-card":{"type":"card","bg":"#1a1a1a","radius":8,"padding":"20px","use":"Settings/account panel"},"chip":{"type":"badge","fg":"#ffffff","radius":9999,"padding":"4px 12px","font":"12px/500 Pretendard","use":"Genre/tag chip"},"snackbar":{"type":"toast","bg":"#28292a","fg":"#ffffff","radius":8,"padding":"12px 16px","use":"Transient feedback, 3s"},"modal":{"type":"dialog","bg":"#1a1a1a","fg":"#ffffff","radius":12,"padding":"24px","use":"Login, plan, rating"},"nav-item":{"type":"tab","fg":"#999ca1","font":"14px/500 Pretendard","use":"Top nav switcher","active":"#ffffff weight+color shift"}},"components_harvested":true} },
|
|
280
|
-
{ id: "wavve", name: "Wavve", displayName: "Wavve", country: "KR", category: "consumer-tech", homepage: "https://www.wavve.com", primaryColor: "#1351F9", logo: { type: "favicon", slug: "https://www.wavve.com/favicon.ico" }, verified: "2026-05-27", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#1351f9","primary-bright":"#3a6cff","primary-deep":"#0e3fcc","canvas":"#0a0e1a","surface-raised-1":"#141a2b","surface-raised-2":"#1f2742","text-primary":"#ffffff","text-secondary":"#a7aec0","text-tertiary":"#6b7286","live":"#f5444c","success":"#2bc56f","error":"#ff7a45"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"billboard":{"size":32,"weight":700,"lineHeight":1.25,"use":"Hero/billboard title"},"section":{"size":20,"weight":700,"lineHeight":1.35,"use":"Row headers"},"card":{"size":16,"weight":600,"lineHeight":1.4,"use":"Poster captions, list titles"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Synopsis, descriptions"},"label":{"size":15,"weight":600,"lineHeight":1.4,"use":"Play/subscribe, tabs"},"caption":{"size":12,"weight":400,"lineHeight":1.4,"use":"Metadata, runtime"},"live":{"size":12,"weight":700,"lineHeight":1.4,"use":"LIVE / 실시간 indicators"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32},"rounded":{"sm":4,"md":6,"lg":12,"full":9999},"shadow":{"snackbar":"0px 4px 16px rgba(0,0,0,0.4)"},"components":{"button-primary":{"type":"button","bg":"#1351f9","fg":"#ffffff","radius":6,"padding":"10px 20px","font":"15px/600 Pretendard","use":"Play/subscribe, hover #3a6cff, pressed #0e3fcc"},"button-ghost":{"type":"button","fg":"#ffffff","radius":6,"padding":"10px 20px","font":"15px/600 Pretendard","use":"Secondary on dark, 1px rgba border"},"icon-button":{"type":"button","fg":"#ffffff","radius":9999,"use":"Carousel/player controls ~40px"},"input-text":{"type":"input","fg":"#ffffff","radius":6,"padding":"12px 14px","font":"15px/400 Pretendard","use":"Login/search, focus border #1351f9, error #ff7a45"},"poster-card":{"type":"card","radius":6,"use":"Poster image card, no border, hover scale 1.05"},"surface-card":{"type":"card","bg":"#141a2b","radius":10,"padding":"20px","use":"Settings/account panel"},"chip":{"type":"badge","fg":"#ffffff","radius":9999,"padding":"4px 12px","font":"12px/500 Pretendard","use":"Genre/tag, active #1351f9 bg"},"live-badge":{"type":"badge","bg":"#f5444c","fg":"#ffffff","radius":4,"padding":"1px 6px","font":"11px/700 Pretendard","use":"실시간 TV indicator"},"snackbar":{"type":"toast","bg":"#1f2742","fg":"#ffffff","radius":8,"padding":"12px 16px","font":"14px/500 Pretendard","use":"Transient feedback, 3s"},"modal":{"type":"dialog","bg":"#141a2b","fg":"#ffffff","radius":12,"padding":"24px","use":"Login, plan selection"},"nav-item":{"type":"tab","fg":"#a7aec0","font":"15px/500 Pretendard","use":"Top nav switcher","active":"#ffffff with 2px #1351f9 underline"}},"components_harvested":true} },
|
|
281
|
-
{ id: "wconcept", name: "W Concept", displayName: "W Concept", country: "KR", category: "ecommerce", homepage: "https://www.wconcept.co.kr", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=wconcept.co.kr&sz=128" }, verified: "2026-05-27", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#000000","canvas":"#ffffff","sale":"#ff4600","gray-900":"#222222","gray-700":"#555555","gray-500":"#777777","gray-400":"#999999","gray-300":"#bababa","gray-200":"#e2e2e2","gray-100":"#eeeeee","gray-50":"#f6f6f6"},"typography":{"family":{"sans":"Pretendard Variable","mono":"Pretendard Variable"},"display":{"size":32,"weight":700,"lineHeight":1.31,"tracking":-0.4,"use":"Editorial campaign title"},"heading-lg":{"size":24,"weight":700,"lineHeight":1.33,"tracking":-0.4,"use":"Category page title"},"heading":{"size":20,"weight":700,"lineHeight":1.4,"tracking":-0.3,"use":"Section header"},"title":{"size":16,"weight":600,"lineHeight":1.5,"tracking":-0.3,"use":"Product detail title, brand name"},"body-lg":{"size":16,"weight":400,"lineHeight":1.5,"tracking":-0.2,"use":"Body, product card title"},"body":{"size":14,"weight":400,"lineHeight":1.57,"tracking":-0.2,"use":"Listings text"},"body-bold":{"size":14,"weight":700,"lineHeight":1.57,"tracking":-0.2,"use":"Price emphasis, brand name"},"caption":{"size":13,"weight":400,"lineHeight":1.38,"tracking":-0.2,"use":"Metadata, review counts"},"caption-bold":{"size":13,"weight":700,"lineHeight":1.38,"tracking":-0.2,"use":"Sale percentage labels"},"micro":{"size":12,"weight":500,"lineHeight":1.33,"tracking":-0.2,"use":"Badge text, fine print"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":56,"section":80},"rounded":{"sm":0,"md":0,"lg":0,"full":9999},"shadow":{"soft":"0px 2px 8px rgba(0,0,0,0.06)","floating":"0px 4px 16px rgba(0,0,0,0.10)"},"components":{"button-primary":{"type":"button","bg":"#000000","fg":"#ffffff","radius":0,"padding":"16px 24px","font":"16px/700 Pretendard Variable","use":"Primary CTA, hover #222222"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#000000","radius":0,"padding":"16px 24px","font":"16px/600 Pretendard Variable","use":"Secondary CTA, 1px #000000 border"},"button-neutral":{"type":"button","bg":"#f6f6f6","fg":"#222222","radius":0,"padding":"12px 16px","font":"14px/500 Pretendard Variable","use":"Tertiary, 1px #eeeeee border"},"button-sale":{"type":"button","bg":"#ff4600","fg":"#ffffff","radius":0,"padding":"12px 18px","font":"14px/700 Pretendard Variable","use":"Time-limited sale CTA"},"input-default":{"type":"input","bg":"#ffffff","fg":"#000000","radius":0,"padding":"12px 14px","font":"14px/400 Pretendard Variable","use":"Form input, 1px #e2e2e2, focus #000000, placeholder #999999"},"product-card":{"type":"card","bg":"#ffffff","radius":0,"use":"Product listing, no border/shadow, #f6f6f6 image placeholder"},"brand-card":{"type":"card","bg":"#ffffff","radius":0,"padding":"16px","use":"Designer-spotlight, 1px #eeeeee border"},"badge-sale":{"type":"badge","fg":"#ff4600","radius":0,"font":"14px/700 Pretendard Variable","use":"Inline sale percentage"},"badge-exclusive":{"type":"badge","bg":"#000000","fg":"#ffffff","radius":0,"padding":"3px 6px","font":"11px/700 Pretendard Variable","use":"단독/선론칭 flag"},"filter-chip":{"type":"badge","bg":"#ffffff","fg":"#222222","radius":0,"padding":"8px 14px","font":"13px/500 Pretendard Variable","use":"Filter pill, 1px #e2e2e2; selected bg #000000 fg #ffffff"},"toast":{"type":"toast","bg":"#000000","fg":"#ffffff","radius":0,"use":"Error/success snackbar, 3s"}},"components_harvested":true} },
|
|
282
|
-
{ id: "webflow", name: "Webflow", displayName: "Webflow", country: "US", category: "design-tools", homepage: "https://webflow.com", primaryColor: "#146ef5", logo: { type: "simpleicons", slug: "webflow" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"ink":"#080808","primary":"#146ef5","blue-400":"#3b89ff","blue-300":"#006acc","button-hover":"#0055d4","purple":"#7a3dff","pink":"#ed52cb","green":"#00d722","orange":"#ff6b00","yellow":"#ffae13","red":"#ee1d36","gray-800":"#222222","gray-700":"#363636","gray-500":"#5a5a5a","gray-300":"#ababab","border":"#d8d8d8","border-hover":"#898989"},"typography":{"family":{"sans":"WF Visual Sans Variable","mono":"Inconsolata"},"display-hero":{"size":80,"weight":600,"lineHeight":1.04,"tracking":-0.8,"use":"Hero headline"},"section":{"size":56,"weight":600,"lineHeight":1.04,"use":"Section heading"},"subheading":{"size":32,"weight":500,"lineHeight":1.3,"use":"Sub-heading"},"feature-title":{"size":24,"weight":600,"lineHeight":1.3,"use":"Feature title"},"body":{"size":20,"weight":400,"lineHeight":1.4,"use":"Body text"},"body-standard":{"size":16,"weight":400,"lineHeight":1.6,"tracking":-0.16,"use":"Standard body"},"button":{"size":16,"weight":500,"lineHeight":1.6,"tracking":-0.16,"use":"Button label"},"uppercase-label":{"size":15,"weight":500,"lineHeight":1.3,"tracking":1.5,"use":"Uppercase label"},"caption":{"size":14,"weight":400,"lineHeight":1.4,"use":"Caption"},"badge":{"size":12,"weight":550,"lineHeight":1.2,"use":"Badge uppercase"},"micro":{"size":10,"weight":500,"lineHeight":1.3,"tracking":1,"use":"Micro uppercase"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32},"rounded":{"sm":2,"md":4,"lg":8,"full":9999},"shadow":{"cascade":"rgba(0,0,0,0) 0px 84px 24px, rgba(0,0,0,0.01) 0px 54px 22px, rgba(0,0,0,0.04) 0px 30px 18px, rgba(0,0,0,0.08) 0px 13px 13px, rgba(0,0,0,0.09) 0px 3px 7px"},"components":{"button-primary":{"type":"button","bg":"#146ef5","fg":"#ffffff","radius":4,"padding":"8px 16px","font":"16px/550 WF Visual Sans Variable","use":"Primary CTA, Webflow Blue"},"button-transparent":{"type":"button","fg":"#080808","radius":4,"padding":"8px 16px","font":"16px/550 WF Visual Sans Variable","use":"Text button, hover translate 6px"},"button-circle":{"type":"button","bg":"#ffffff","fg":"#080808","radius":9999,"padding":"12px","use":"Circular icon button"},"input-default":{"type":"input","bg":"#ffffff","fg":"#080808","radius":4,"padding":"8px 12px","font":"16px/500 WF Visual Sans Variable","use":"Form input, 1px #d8d8d8, focus #146ef5"},"card-standard":{"type":"card","bg":"#ffffff","radius":8,"padding":"24px","use":"Content card, 1px #d8d8d8 border"},"card-compact":{"type":"card","bg":"#ffffff","radius":4,"padding":"16px","use":"Smaller utility container, 1px #d8d8d8"},"badge-blue":{"type":"badge","bg":"#146ef5","fg":"#ffffff","radius":4,"padding":"2px 8px","font":"12px/550 WF Visual Sans Variable","use":"Solid blue badge"},"badge-tinted":{"type":"badge","fg":"#146ef5","radius":4,"padding":"2px 8px","font":"12px/550 WF Visual Sans Variable","use":"Subtle tinted badge, 10% blue bg"},"badge-micro":{"type":"badge","fg":"#080808","radius":4,"padding":"2px 6px","font":"10px/600 WF Visual Sans Variable","use":"Uppercase micro-label, +1px tracking"}},"components_harvested":true} },
|
|
283
|
-
{ id: "wired", name: "WIRED", displayName: "WIRED", country: "US", category: "marketing", homepage: "https://www.wired.com", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=wired.com&sz=128" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"ink":"#000000","canvas":"#ffffff","accent":"#e90c17","accent-hover":"#c20a13","ink-800":"#1a1a1a","body":"#333333","secondary":"#555555","metadata":"#767676","disabled":"#999999","line":"#cccccc","line-soft":"#e2e2e2","band":"#f4f4f4","surface-50":"#fafafa","error":"#cc0000","success":"#0a7d3f","warning":"#b86e00","info":"#0a66c2"},"typography":{"family":{"sans":"Akkurat","mono":"Akkurat Mono"},"display-mega":{"size":72,"weight":700,"lineHeight":0.94,"tracking":-0.01,"use":"Feature hero, cover-story title, all-caps"},"display-hero":{"size":54,"weight":700,"lineHeight":0.96,"tracking":-0.01,"use":"Section fronts, big headlines"},"headline-xl":{"size":40,"weight":600,"lineHeight":1,"use":"Article H1"},"headline-l":{"size":30,"weight":600,"lineHeight":1.07,"use":"Card headlines, list leads"},"headline-m":{"size":24,"weight":600,"lineHeight":1.08,"use":"Secondary cards, related links"},"deck":{"size":22,"weight":400,"lineHeight":1.36,"use":"Article sub-headline, serif standfirst"},"subtitle":{"size":18,"weight":700,"lineHeight":1.44,"use":"Section labels, in-article H2"},"body-large":{"size":19,"weight":400,"lineHeight":1.58,"use":"Long-form article body"},"body":{"size":16,"weight":400,"lineHeight":1.63,"use":"UI text, captions context"},"body-small":{"size":14,"weight":400,"lineHeight":1.57,"use":"Metadata, secondary info"},"caption":{"size":13,"weight":400,"lineHeight":1.38,"use":"Photo credits, fine print"},"eyebrow":{"size":12,"weight":700,"lineHeight":1.33,"tracking":0.08,"use":"ALL-CAPS section tag above headlines"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":0,"md":2,"lg":2,"full":9999},"shadow":{"subtle":"0px 1px 2px rgba(0,0,0,0.08)","standard":"0px 2px 8px rgba(0,0,0,0.12)","elevated":"0px 4px 16px rgba(0,0,0,0.16)","modal":"0px 8px 32px rgba(0,0,0,0.24)"},"components":{"button-primary":{"type":"button","bg":"#000000","fg":"#ffffff","radius":"2px","padding":"14px 28px","font":"15px / 700","use":"Primary utility action (Save, Continue, Read More)"},"button-subscribe":{"type":"button","bg":"#e90c17","fg":"#ffffff","radius":"2px","padding":"14px 28px","font":"15px / 700","use":"Subscription CTA, conversion moments (SUBSCRIBE, JOIN WIRED)"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#000000","radius":"2px","padding":"12.5px 26px","font":"15px / 700","use":"Secondary action paired with a black/red primary"},"button-link":{"type":"button","bg":"#ffffff","fg":"#e90c17","font":"16px / 700","use":"Inline tertiary actions, More stories, section jumps"},"input-text":{"type":"input","bg":"#ffffff","fg":"#1a1a1a","radius":"2px","padding":"12px 14px","font":"16px / 400","use":"Newsletter signup, search, account forms"},"input-search":{"type":"input","bg":"#f4f4f4","fg":"#1a1a1a","radius":"2px","padding":"12px 16px","font":"16px / 400","use":"Site-wide search overlay"},"card-story":{"type":"card","bg":"#ffffff","radius":"0px","padding":"16px 0","use":"River of stories on section/index pages, 1px rule separators"},"card-promo":{"type":"card","bg":"#000000","fg":"#ffffff","radius":"2px","padding":"32px","use":"In-feed subscription and membership promos"},"badge-flag":{"type":"badge","bg":"#e90c17","fg":"#ffffff","radius":"0px","padding":"3px 8px","font":"11px / 700","use":"BREAKING, EXCLUSIVE, live flags"},"badge-tag":{"type":"badge","bg":"#ffffff","fg":"#000000","radius":"0px","padding":"3px 8px","font":"11px / 700","use":"Section labels (SECURITY, SCIENCE, BUSINESS, GEAR)"},"tab-subnav":{"type":"tab","fg":"#000000","active":"2px #e90c17 bottom border","use":"Within-section tabs (Latest, Most Popular)"},"toast-error":{"type":"toast","bg":"#000000","fg":"#ffffff","radius":"2px","font":"14px / 400","use":"Error toast, 4s auto-dismiss, bottom-center"}},"components_harvested":true} },
|
|
284
|
-
{ id: "wise", name: "Wise", displayName: "Wise", country: "UK", category: "fintech", homepage: "https://wise.com", primaryColor: "#9fe870", logo: { type: "simpleicons", slug: "wise" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"ink":"#0e0f0c","primary":"#9fe870","dark-green":"#163300","light-mint":"#e2f6d5","pastel-green":"#cdffad","positive":"#054d28","danger":"#d03238","warning":"#ffd11a","bright-orange":"#ffc091","warm-dark":"#454745","gray":"#868685","light-surface":"#e8ebe6","canvas":"#ffffff"},"typography":{"family":{"sans":"Inter","mono":"Inter"},"display-mega":{"size":126,"weight":900,"lineHeight":0.85,"use":"Wise Sans, max display"},"display-hero":{"size":96,"weight":900,"lineHeight":0.85,"use":"Wise Sans, hero"},"section":{"size":64,"weight":900,"lineHeight":0.85,"use":"Wise Sans, section heading"},"subheading":{"size":40,"weight":900,"lineHeight":0.85,"use":"Wise Sans, sub-heading"},"card-title":{"size":26,"weight":600,"lineHeight":1.23,"tracking":-0.39,"use":"Inter, card title"},"feature-title":{"size":22,"weight":600,"lineHeight":1.25,"tracking":-0.4,"use":"Inter, feature title"},"body":{"size":18,"weight":400,"lineHeight":1.44,"tracking":0.18,"use":"Inter, body"},"body-semibold":{"size":18,"weight":600,"lineHeight":1.44,"tracking":-0.11,"use":"Inter, body default"},"button":{"size":18,"weight":600,"lineHeight":1,"tracking":-0.11,"use":"Inter, button"},"caption":{"size":14,"weight":400,"lineHeight":1.5,"tracking":-0.08,"use":"Inter, caption"},"small":{"size":12,"weight":400,"lineHeight":1,"tracking":-0.08,"use":"Inter, small"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":20,"xl":24},"rounded":{"sm":16,"md":30,"lg":40,"full":9999},"shadow":{"ring":"rgba(14,15,12,0.12) 0px 0px 0px 1px","inset":"rgb(134,134,133) 0px 0px 0px 1px inset"},"components":{"button-primary":{"type":"button","bg":"#9fe870","fg":"#163300","radius":9999,"padding":"5px 16px","use":"Primary green pill, hover scale 1.05"},"button-secondary":{"type":"button","fg":"#0e0f0c","radius":9999,"padding":"8px 12px 8px 16px","use":"Subtle pill, dark green 8% bg"},"card":{"type":"card","radius":30,"use":"Card, 1px rgba(14,15,12,0.12) border, ring shadow"},"badge-mint":{"type":"badge","bg":"#e2f6d5","fg":"#163300","radius":16,"use":"Soft green badge surface"}},"components_harvested":true}, ds: { name: "Wise Design", url: "https://wise.design", type: "system", description: "Wise's design system covering foundations, components, patterns, and tone of voice." } },
|
|
285
|
-
{ id: "x.ai", name: "xAI", displayName: "xAI", country: "US", category: "ai", homepage: "https://x.ai", primaryColor: "#000000", logo: { type: "simpleicons", slug: "x" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"text-primary":"#ffffff","canvas":"#1f2228","ring-blue":"#3b82f6","surface-elevated":"#26292f","surface-hover":"#2a2d33","border-default":"#2c2f35","border-strong":"#3a3d42","inverse-near-black":"#0a0a0a"},"typography":{"family":{"sans":"universalSans","mono":"GeistMono"},"display-hero":{"size":320,"weight":300,"lineHeight":1.5,"use":"GeistMono, extreme display"},"section":{"size":30,"weight":400,"lineHeight":1.2,"use":"universalSans, section heading"},"body":{"size":16,"weight":400,"lineHeight":1.5,"use":"universalSans, body"},"button":{"size":14,"weight":400,"lineHeight":1.43,"tracking":1.4,"use":"GeistMono, uppercase button"},"caption":{"size":14,"weight":400,"lineHeight":1.5,"use":"universalSans, label/caption"},"small":{"size":12,"weight":400,"lineHeight":1.5,"use":"universalSans, meta"}},"spacing":{"xs":4,"sm":8,"base":24,"lg":48},"rounded":{"sm":0,"md":0,"lg":4,"full":9999},"shadow":{"none":"none"},"components":{"button-primary":{"type":"button","bg":"#ffffff","fg":"#1f2228","radius":0,"padding":"12px 24px","font":"14px/400 GeistMono","use":"Primary CTA, uppercase 1.4px tracking, hover 0.9 white"},"button-ghost":{"type":"button","fg":"#ffffff","radius":0,"padding":"12px 24px","font":"14px/400 GeistMono","use":"Secondary, 1px rgba(255,255,255,0.2) border"},"card":{"type":"card","radius":0,"padding":"24px","use":"Container, 1px rgba(255,255,255,0.1) border, no shadow, hover border 0.2"},"badge-mono":{"type":"badge","fg":"#ffffff","radius":0,"padding":"4px 8px","font":"12px GeistMono","use":"Monospace tag, 1px rgba(255,255,255,0.2) border"},"input-default":{"type":"input","fg":"#ffffff","radius":0,"padding":"8px 12px","font":"16px universalSans","use":"Form input, 1px rgba(255,255,255,0.2), focus blue ring, placeholder 0.3"}},"components_harvested":true} },
|
|
286
|
-
{ id: "xiaohongshu", name: "Xiaohongshu", displayName: "Xiaohongshu", country: "CN", category: "social-commerce", homepage: "https://www.xiaohongshu.com", primaryColor: "#FF2442", logo: { type: "simpleicons", slug: "xiaohongshu" }, verified: "2026-05-19", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#ff2442","red-pressed":"#e01f3d","red-tint":"#ffecef","canvas":"#ffffff","surface":"#f5f5f5","text-primary":"#333333","text-secondary":"#999999","text-tertiary":"#cccccc","border":"#eeeeee","divider":"#f0f0f0","error":"#ff4d4f","success":"#52c41a"},"typography":{"family":{"sans":"PingFang SC","mono":"PingFang SC"},"header":{"size":18,"weight":600,"use":"Profile names, section titles"},"note-title":{"size":14,"weight":500,"use":"Note title, two-line clamp"},"body":{"size":15,"weight":400,"use":"Note detail reading view"},"meta":{"size":12,"weight":400,"use":"Username, likes, timestamp"},"caption":{"size":11,"weight":400,"use":"Hashtags, fine labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24},"rounded":{"sm":8,"md":16,"lg":20,"full":9999},"shadow":{"hover":"0 2px 12px rgba(0,0,0,0.06)","floating":"0 -2px 16px rgba(0,0,0,0.1)","modal":"0 4px 24px rgba(0,0,0,0.12)"},"components":{"button-primary":{"type":"button","bg":"#ff2442","fg":"#ffffff","radius":20,"padding":"6px 16px","font":"14px/500 PingFang SC","use":"Follow / buy CTA, press #e01f3d"},"button-secondary":{"type":"button","bg":"#ffffff","fg":"#333333","radius":20,"padding":"6px 16px","font":"14px/500 PingFang SC","use":"Following state, 1px #eeeeee border"},"input-search":{"type":"input","bg":"#f5f5f5","fg":"#333333","radius":20,"padding":"8px 16px","font":"14px/400 PingFang SC","use":"Pill search, red caret"},"note-card":{"type":"card","bg":"#ffffff","radius":8,"padding":"8px 10px","use":"Waterfall note card, variable height, no border"},"chip":{"type":"badge","bg":"#f5f5f5","fg":"#333333","radius":16,"padding":"4px 12px","font":"12px/400 PingFang SC","use":"Hashtag chip, branded uses #ffecef bg #ff2442 text"},"like-heart":{"type":"toggle","fg":"#999999","use":"Outline heart, active fill #ff2442 with scale-pop"},"action-sheet":{"type":"dialog","bg":"#ffffff","radius":16,"use":"Bottom sheet, 40% black backdrop"},"nav-tab":{"type":"tab","fg":"#999999","use":"Top/category tab","active":"#ff2442 text + red underline"}},"components_harvested":true} },
|
|
287
|
-
{ id: "yanolja", name: "Yanolja", displayName: "Yanolja", country: "KR", category: "consumer-tech", homepage: "https://www.yanolja.com", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=yanolja.com&sz=128" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#f54b1e","primary-pressed":"#d63e14","coral-tint":"#feeae2","canvas":"#ffffff","heading":"#1e1928","body":"#555055","caption":"#8c8282","light-sand":"#f5ebe1","critical":"#e5342b","info":"#2d8cff","success":"#1fa873","warning":"#f2a600"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"display":{"size":28,"weight":700,"lineHeight":1.29,"use":"Hero promo headlines"},"heading-lg":{"size":22,"weight":700,"lineHeight":1.36,"use":"Section headers"},"heading":{"size":18,"weight":700,"lineHeight":1.44,"use":"Card titles, list headers"},"title":{"size":16,"weight":600,"lineHeight":1.38,"use":"Lodging name, list item"},"body":{"size":14,"weight":400,"lineHeight":1.43,"use":"Standard body"},"body-bold":{"size":14,"weight":700,"lineHeight":1.43,"use":"Price, discount label"},"caption":{"size":12,"weight":400,"lineHeight":1.33,"use":"Metadata, neighborhood"},"caption-bold":{"size":12,"weight":700,"lineHeight":1.33,"use":"Discount % badge, status tag"},"micro":{"size":11,"weight":500,"lineHeight":1.27,"use":"Legal, fine print"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":8,"lg":12,"sheet":16,"full":9999},"shadow":{"soft":"0 2px 8px rgba(30,25,40,0.08)","standard":"0 4px 16px rgba(30,25,40,0.12)","prominent":"0 8px 24px rgba(30,25,40,0.16)"},"components":{"button-primary":{"type":"button","bg":"#f54b1e","fg":"#ffffff","radius":8,"padding":"16px 24px","font":"16px/700 Pretendard","use":"예약/결제 CTA, pressed #d63e14, disabled #f5ebe1 bg #8c8282 text"},"button-outline":{"type":"button","fg":"#1e1928","radius":8,"use":"Secondary, 1px rgba(30,25,40,0.16) border, pressed #f5ebe1"},"button-weak":{"type":"button","bg":"#f5ebe1","fg":"#1e1928","radius":8,"use":"Tertiary, 더 보기 / filter"},"button-critical":{"type":"button","bg":"#e5342b","fg":"#ffffff","use":"Destructive, 예약 취소"},"input-default":{"type":"input","bg":"#ffffff","fg":"#1e1928","radius":8,"use":"Form input, 1px rgba(30,25,40,0.16), focus 2px #f54b1e, placeholder #8c8282"},"lodging-card":{"type":"card","bg":"#ffffff","radius":8,"padding":"12px 16px","use":"Image-led card, hover soft shadow"},"discount-badge":{"type":"badge","bg":"#f54b1e","fg":"#ffffff","radius":4,"padding":"2px 6px","font":"12px/700 Pretendard","use":"Top-left of image discount %"},"category-chip":{"type":"badge","bg":"#f5ebe1","fg":"#1e1928","radius":9999,"font":"12px/500 Pretendard","use":"Category chip, selected #f54b1e bg white text"},"toast":{"type":"toast","bg":"#1e1928","fg":"#ffffff","font":"14px/400 Pretendard","use":"Error/success toast, 3s"},"nav-tab":{"type":"tab","fg":"#8c8282","use":"Bottom tab bar","active":"#f54b1e icon + label"}},"components_harvested":true}, ds: { name: "Yanolja Brand Center", url: "https://www.yanoljagroup.com/brand_center", type: "brand", description: "Yanolja's official brand center — visual identity inspired by the Multiverse of Dreams.", ogImage: "https://www.yanoljagroup.com/common/assets/yanolja_colored_og_image.jpg" } },
|
|
288
|
-
{ id: "yeogiotte", name: "여기어때", displayName: "여기어때 (GoodChoice)", country: "KR", category: "consumer-tech", homepage: "https://www.yeogi.com", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=yeogi.com&sz=128" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#1d8bff","canvas":"#ffffff","heading":"#222222","body":"#222222","on-primary":"#ffffff","tint-blue":"#e3f0ff","coupon-red":"#f94239","coupon-red-tint":"#ffedea","rating-yellow":"#ffc83b","member-slate":"#49627a","border":"#e6e6e6"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"hero":{"size":32,"weight":700,"lineHeight":1.2,"use":"Home hero H1 over image"},"page-title":{"size":24,"weight":700,"use":"Search-result count headline"},"section":{"size":18,"weight":700,"use":"Section H2 / listing card name"},"chip":{"size":13,"weight":600,"use":"Filter chips, price-range pills"},"tile":{"size":14,"weight":500,"use":"Destination tile caption"},"body":{"size":16,"weight":400,"use":"Card meta, search input, descriptions"},"button":{"size":14,"weight":600,"use":"Utility CTA label"},"badge":{"size":12,"weight":700,"use":"Promo / coupon / member / rating"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":3,"md":8,"lg":12,"full":9999},"shadow":{"card":"minimal — cards rely on whitespace and photo for separation"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#1d8bff","fg":"#ffffff","radius":8,"padding":"9px 14px","font":"14/600","use":"Login/회원가입 solid, 지도 보기, hero 검색"},"button-brand-outline":{"type":"button","bg":"#ffffff","fg":"#1d8bff","radius":8,"padding":"9px 14px","font":"14/600","use":"Top-right login/회원가입 entry"},"button-neutral-outline":{"type":"button","bg":"#ffffff","fg":"#222222","radius":8,"padding":"9px 14px","font":"14/600","use":"Guest reservation lookup, low-emphasis utility"},"filter-chip":{"type":"badge","bg":"#ffffff","fg":"#222222","radius":9999,"padding":"0px 16px","font":"13/600","use":"Price range, hashtag/star/amenity filters"},"search-input":{"type":"input","bg":"#ffffff","fg":"#222222","radius":12,"font":"16/400","use":"Home search box"},"listing-card":{"type":"card","bg":"#ffffff","radius":12,"padding":"0 0 24px","use":"Photo-led search-result / recommendation card"},"badge-rating":{"type":"badge","bg":"#ffc83b","radius":6,"padding":"4px 5px 3px 3px","font":"16/400","use":"Review score chip on every listing card"},"badge-promo":{"type":"badge","bg":"#e3f0ff","fg":"#1d8bff","radius":3,"padding":"0px 4px","font":"12/700","use":"반짝특가 flash-deal emphasis"},"badge-member":{"type":"badge","bg":"#49627a","fg":"#ffffff","radius":3,"padding":"3px 4px","font":"12/700","use":"회원가 member-rate flag"},"badge-coupon":{"type":"badge","bg":"#ffedea","fg":"#f94239","radius":3,"padding":"0px 4px","font":"12/700","use":"쿠폰 적용가 discount callout"}}}, ds: { name: "여기어때 Design Library", url: "https://designlibrary.yeogi.com/", type: "system", description: "여기어때 디자인 라이브러리 — A Visual Language for Travel. Foundations, components, and tokens.", ogImage: "https://framerusercontent.com/assets/kA6JROOLbG0jX7SQZl1tLZzahM.jpg" } },
|
|
289
|
-
{ id: "yogiyo", name: "Yogiyo", displayName: "Yogiyo", country: "KR", category: "consumer-tech", homepage: "https://www.yogiyo.co.kr", primaryColor: "#FA0050", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=yogiyo.co.kr&sz=128" }, verified: "2026-05-27", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#fa0050","primary-deep":"#e00048","canvas":"#ffffff","surface":"#f5f5f7","surface-strong":"#ececef","heading":"#1a1a1a","text-strong":"#333333","body":"#666666","text-secondary":"#999999","text-tertiary":"#bbbbbb","border":"#dddddd","divider":"#ececef","rating":"#ffb300","success":"#21c17a","warning":"#ff8a00","error":"#f5444c","on-primary":"#ffffff"},"typography":{"family":{"sans":"Pretendard","mono":"Pretendard"},"hero":{"size":28,"weight":700,"lineHeight":1.3,"use":"Event/promo banners, onboarding"},"section":{"size":20,"weight":700,"lineHeight":1.35,"use":"Row headers"},"restaurant":{"size":16,"weight":600,"lineHeight":1.4,"use":"Restaurant card title"},"menu":{"size":15,"weight":500,"lineHeight":1.4,"use":"Menu item title"},"body":{"size":14,"weight":400,"lineHeight":1.5,"use":"Descriptions, address"},"label":{"size":16,"weight":600,"lineHeight":1.4,"use":"Button labels (주문하기)"},"caption":{"size":12,"weight":400,"lineHeight":1.4,"use":"Delivery time, review count, fine print"},"price":{"size":19,"weight":700,"lineHeight":1.2,"use":"Item/cart total — tabular numerals"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":6,"md":12,"lg":16,"full":999},"shadow":{"card":"0px 2px 8px rgba(0,0,0,0.06)","elevated":"0px 2px 12px rgba(0,0,0,0.08)","toast":"0px 4px 12px rgba(0,0,0,0.16)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#fa0050","fg":"#ffffff","radius":12,"padding":"14px 20px","font":"16/600","use":"주문하기, 결제하기 — full-width sticky CTA"},"button-outline":{"type":"button","bg":"#ffffff","fg":"#fa0050","radius":12,"padding":"14px 20px","font":"16/600","use":"쿠폰 받기, 메뉴 더보기"},"button-neutral":{"type":"button","bg":"#f5f5f7","fg":"#333333","radius":12,"padding":"14px 20px","font":"16/600","use":"취소, 닫기"},"search-field":{"type":"input","bg":"#f5f5f7","fg":"#333333","radius":12,"padding":"14px 16px","font":"16/400","use":"음식, 가게 검색"},"restaurant-card":{"type":"card","bg":"#ffffff","radius":16,"padding":"16px","use":"Browse workhorse — photo, name, rating, ETA"},"category-tile":{"type":"card","bg":"#f5f5f7","radius":12,"padding":"12px","use":"치킨/피자/한식 grid tiles"},"discount-badge":{"type":"badge","bg":"#fa0050","fg":"#ffffff","radius":6,"padding":"2px 6px","font":"11/700","use":"할인/쿠폰 promotion flag"},"filter-chip":{"type":"badge","bg":"#f5f5f7","fg":"#666666","radius":999,"padding":"6px 14px","font":"13/500","use":"빠른배달/무료배달/별점순 filters"},"top-tab":{"type":"tab","fg":"#999999","font":"15/600","active":"#fa0050 text + 2px bottom underline #fa0050","use":"배달/포장/요편의점 switcher"},"bottom-tab":{"type":"tab","fg":"#bbbbbb","font":"11/500","active":"#fa0050 icon + label","use":"홈/검색/찜/주문내역/MY"},"snackbar":{"type":"toast","bg":"#1a1a1a","fg":"#ffffff","radius":12,"padding":"12px 16px","font":"14/500","use":"Transient feedback, 3s auto-dismiss"}}} },
|
|
290
|
-
{ id: "yourator", name: "Yourator", displayName: "Yourator", country: "TW", category: "consumer-tech", homepage: "https://www.yourator.co", primaryColor: "#0063d1", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=yourator.co&sz=128" }, verified: "2026-06-08", added: "2026-06-08", tokens: {"source":"live-extract","extracted":"2026-06-08","note":"primary = live interactive blue #0063d1 (CTA fill, links, accents); ink #333333 body / #384e69 nav; brand-tinted blue shadow rgba(0,38,90,0.1) + rgba(0,112,196,0.1)","colors":{"primary":"#0063d1","primary-hover":"#2668a0","primary-deep":"#00265a","canvas":"#fbfbfb","surface":"#ffffff","tint-blue":"#edf8ff","tint-blue-strong":"#cdeaff","heading":"#333333","nav":"#384e69","label":"#566881","body":"#8596ad","on-primary":"#ffffff","hairline":"#e5e7eb","panel":"#eceff6","muted":"#6c6c6c"},"typography":{"family":{"sans":"Noto Sans TC","fallback":"Helvetica Neue"},"display":{"size":32,"weight":500,"lineHeight":1.5,"tracking":0,"use":"Hero / page headline (h1)"},"section":{"size":24,"weight":500,"lineHeight":1.4,"tracking":0,"use":"Section titles"},"subheading":{"size":21,"weight":700,"lineHeight":1.4,"tracking":0,"use":"Card / sub-section heads, emphasis"},"lead":{"size":18,"weight":500,"lineHeight":1.55,"tracking":0,"use":"Lead paragraphs, intro text"},"body":{"size":16,"weight":400,"lineHeight":1.5,"tracking":0,"use":"Standard reading text, nav"},"button":{"size":14,"weight":500,"lineHeight":1,"tracking":0,"use":"Primary button label"},"caption":{"size":14,"weight":400,"lineHeight":1.5,"tracking":0,"use":"Secondary labels, metadata"},"micro":{"size":12,"weight":400,"lineHeight":1.5,"tracking":0,"use":"Fine print, tags, timestamps"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":2,"md":4,"lg":8,"full":9999},"shadow":{"flat":"rgb(242,242,242) 2px 3px 0px 0px","flat-sm":"rgb(242,242,242) 1.5px 2px 0px 0px","elevated":"rgba(0,38,90,0.1) 0px 9px 26px 0px, rgba(0,112,196,0.1) 0px 10px 14px 0px","modal":"rgba(0,0,0,0.5) 0px 5px 15px 0px"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#0063d1","fg":"#ffffff","radius":4,"padding":"6px 12px","font":"14/500","use":"Primary CTA — sign-up, 投遞履歷"},"button-ghost":{"type":"button","bg":"#ffffff","fg":"#0063d1","radius":4,"font":"14/500","use":"Secondary actions, alternate paths"},"tag-tint":{"type":"badge","bg":"#edf8ff","fg":"#0063d1","radius":8,"font":"12/400","use":"Category / industry explore chips"},"tag-neutral":{"type":"badge","bg":"#eceff6","fg":"#566881","radius":4,"font":"12/400","use":"Neutral metadata tags"},"card":{"type":"card","bg":"#ffffff","radius":8,"use":"Containers — flat offset shadow, hover lifts to elevated"},"input":{"type":"input","bg":"#ffffff","fg":"#333333","radius":0,"use":"Underline-style fields, bottom-rule only"},"avatar":{"type":"avatar","radius":9999,"use":"Company logo / user photo, circular 50%"}}} },
|
|
291
|
-
{ id: "zapier", name: "Zapier", displayName: "Zapier", country: "US", category: "productivity", homepage: "https://zapier.com", primaryColor: "#ff4f00", logo: { type: "simpleicons", slug: "zapier" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#ff4f00","ink":"#201515","canvas":"#fffefb","surface-alt":"#fffdf9","charcoal":"#36342e","warm-gray":"#939084","sand":"#c5c0b1","light-sand":"#eceae3","mid-warm":"#b5b2aa","on-primary":"#fffefb"},"typography":{"family":{"sans":"Inter","mono":"Arial"},"display-hero-xl":{"size":80,"weight":500,"lineHeight":0.9,"use":"Maximum-impact hero (Degular Display)"},"display-hero":{"size":56,"weight":500,"lineHeight":0.9,"tracking":-1.12,"use":"Primary hero headlines (Degular Display)"},"section":{"size":48,"weight":500,"lineHeight":1.04,"use":"Major section titles (Inter)"},"editorial":{"size":48,"weight":250,"tracking":-1.92,"use":"Thin editorial headlines (GT Alpina)"},"card-title":{"size":24,"weight":600,"tracking":-0.48,"use":"Card headings"},"body-lg":{"size":20,"weight":400,"lineHeight":1.2,"tracking":-0.2,"use":"Feature descriptions"},"body":{"size":16,"weight":400,"lineHeight":1.25,"tracking":-0.16,"use":"Standard reading text"},"button":{"size":16,"weight":600,"use":"Standard button label"},"caption":{"size":14,"weight":500,"lineHeight":1.43,"use":"Labels, metadata"},"micro":{"size":12,"weight":600,"lineHeight":0.9,"tracking":0.5,"use":"Tiny uppercase labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":4,"md":5,"lg":8,"full":9999},"shadow":{"tab-active":"rgb(255, 79, 0) 0px -4px 0px 0px inset","tab-hover":"rgb(197, 192, 177) 0px -4px 0px 0px inset"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#ff4f00","fg":"#fffefb","radius":4,"padding":"8px 16px","use":"Primary CTA — Start free with email, Sign up free"},"button-dark":{"type":"button","bg":"#201515","fg":"#fffefb","radius":8,"padding":"20px 24px","use":"Large secondary CTA"},"button-ghost":{"type":"button","bg":"#eceae3","fg":"#36342e","radius":8,"padding":"20px 24px","use":"Tertiary / filter buttons"},"pill-button":{"type":"button","bg":"#fffefb","fg":"#36342e","radius":20,"padding":"0px 16px","use":"Tag-like filter pills"},"tab-nav":{"type":"tab","bg":"#fffefb","fg":"#201515","padding":"12px 16px","active":"inset underline rgb(255, 79, 0) 0px -4px 0px 0px","use":"Horizontal tab navigation"},"card":{"type":"card","bg":"#fffefb","radius":5,"use":"Borders define containment — 1px sand border, no default shadow"},"input":{"type":"input","bg":"#fffefb","fg":"#201515","radius":5,"use":"Form field — orange focus border, sand default"},"social-icon":{"type":"avatar","radius":14,"use":"Circular social-follow icon buttons in footer, sand border"}}}, ds: { name: "Zapier Brand", url: "https://brand.zapier.com", type: "brand", description: "Zapier's official brand guidelines 1.0.", ogImage: "https://firebasestorage.googleapis.com/v0/b/standards-site-beta.appspot.com/o/documents%2F279072ea39f%2F8fc2c38ae5f%2Fmeta%2Fthumbnail_1_2.jpg?alt=media&token=0d0ea63f-6a32-4e46-b516-9db3c6c6ffe4" } },
|
|
292
|
-
{ id: "zigbang", name: "Zigbang", displayName: "Zigbang (직방)", country: "KR", category: "consumer-tech", homepage: "https://www.zigbang.com", primaryColor: "#0066ff", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=zigbang.com&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","note":"brand orange #ff6600 is an illustrative wordmark-only estimate (no published token); product UI is neutral + #0066ff blue","colors":{"primary":"#0066ff","brand-orange":"#ff6600","canvas":"#ffffff","heading":"#171719","bookmark":"#333333","on-primary":"#ffffff"},"typography":{"family":{"sans":"Pretendard Variable","mono":"Pretendard Variable"},"base":{"size":16,"weight":400,"use":"Browser default body text"},"nav":{"size":14,"weight":400,"use":"Nav button label"},"search-icon":{"size":24,"weight":400,"use":"Icon-only search glyph"},"station":{"size":22,"weight":400,"use":"Station / region chip — read at distance"},"paginator":{"size":20,"weight":400,"use":"Paginator arrows, disabled by default"},"heading":{"size":13,"weight":700,"use":"Chrome heading — smaller than body, weight marks structure"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":8,"md":10,"lg":10,"full":9999},"shadow":{"card":"minimal — narrow shadows lift cards above the map canvas"},"components_harvested":true,"components":{"nav-auth-link":{"type":"button","bg":"#ffffff","fg":"#0066ff","radius":8,"padding":"7px 14px","font":"14/400","use":"회원가입/로그인 auth entry"},"nav-link":{"type":"button","bg":"#ffffff","fg":"#171719","radius":8,"padding":"7px 14px","font":"14/400","use":"Standard top-bar nav links"},"search-trigger":{"type":"button","fg":"#171719","radius":9999,"font":"24/400","use":"Icon-only search button, circular hit area"},"station-chip":{"type":"badge","fg":"#171719","radius":10,"padding":"7px 9px 7px 11px","font":"22/400","use":"Subway-station / region map label"},"bookmark-toggle":{"type":"toggle","fg":"#333333","radius":9999,"padding":"8px","use":"Save-this-listing toggle, glyph-only"},"paginator":{"type":"tab","fg":"#333333","radius":10,"padding":"8px","font":"20/400","use":"Paired prev/next, split-corner segmented control"},"listing-card":{"type":"card","bg":"#ffffff","radius":10,"use":"White card on white map canvas, 1px hairline separation"},"price-chip":{"type":"badge","fg":"#171719","radius":10,"font":"22/400","use":"Listing price — color-separated active/past/highlight"}}} },
|
|
293
|
-
{ id: "zigzag", name: "ZIGZAG", displayName: "ZIGZAG", country: "KR", category: "ecommerce", homepage: "https://zigzag.kr", primaryColor: "#fa6ee3", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=zigzag.kr&sz=256" }, verified: "2026-05-15", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"brand":"#fa6ee3","primary":"#f55dd6","primary-hover":"#e356c6","primary-pressed":"#d14fb7","pink-tint":"#feeefa","pink-border":"#fccef2","canvas":"#f5f6f6","surface":"#ffffff","on-surface":"#f9fafa","heading":"#121212","body":"#292b2b","text-secondary":"#a1a9ad","text-tertiary":"#878f91","text-disabled":"#b3babd","border":"#ecedee","border-strong":"#d0d4d6","border-active":"#c6cbcd","on-primary":"#ffffff","sale":"#fb4333","ai":"#7463f2","kakao":"#fee500","success":"#51aa5b","error":"#e84747"},"typography":{"family":{"sans":"Pretendard","mono":"Menlo"},"head-28":{"size":28,"weight":700,"lineHeight":1.21,"tracking":0,"use":"Display hero promo headlines, brand-event titles"},"head-24":{"size":24,"weight":700,"lineHeight":1.21,"tracking":0,"use":"Page H1, category landing"},"head-22":{"size":22,"weight":600,"lineHeight":1.18,"tracking":0,"use":"Section heading"},"body-16":{"size":16,"weight":400,"lineHeight":1.19,"tracking":0,"use":"Standard body, default reading text"},"body-15":{"size":15,"weight":500,"lineHeight":1.2,"tracking":0,"use":"Product card title (grid)"},"body-13":{"size":13,"weight":400,"lineHeight":1.23,"tracking":0,"use":"Tertiary meta, review count, ratings"},"caption-12":{"size":12,"weight":400,"lineHeight":1.17,"tracking":0,"use":"Tag chip text, timestamps"},"caption-11":{"size":11,"weight":600,"lineHeight":1.18,"tracking":0,"use":"Micro labels, badges, tab labels"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":40},"rounded":{"sm":4,"md":8,"lg":12,"full":9999},"shadow":{"subtle":"0px 1px 2px rgba(0,0,0,0.05)","standard":"0px 2px 8px rgba(0,0,0,0.08)","elevated":"0px 4px 16px rgba(0,0,0,0.12)","modal":"0px 8px 32px rgba(0,0,0,0.16)"},"components":{"button-primary":{"type":"button","bg":"#f55dd6","fg":"#ffffff","radius":"12px","padding":"14px 20px","font":"16px / 600","use":"Primary commerce CTA — 구매하기, 장바구니 담기"},"button-black":{"type":"button","bg":"#121212","fg":"#ffffff","radius":"12px","padding":"14px 20px","font":"16px / 600","use":"Default primary CTA on non-brand surfaces — 다음, 확인, 주문하기"},"button-pink-ghost":{"type":"button","bg":"#ffffff","fg":"#f55dd6","radius":"12px","padding":"13px 19px","font":"16px / 600","use":"Secondary brand action — 찜한 상품 보기, 쿠폰함"},"button-outlined":{"type":"button","bg":"#ffffff","fg":"#292b2b","radius":"12px","padding":"13px 19px","font":"16px / 500","use":"Tertiary action — 취소, 더보기"},"button-kakao":{"type":"button","bg":"#fee500","fg":"#000000","radius":"12px","padding":"14px 20px","font":"16px / 600","use":"Kakao OAuth entry point only"},"switch-pink":{"type":"toggle","bg":"#f55dd6","radius":"9999px","use":"Notification preferences, filter inclusions; track-off gray-80, white thumb"},"product-card":{"type":"card","bg":"#ffffff","radius":"8px","use":"Workhorse grid cell; 1:1 thumbnail, title BODY_15 MEDIUM, price BOLD"},"chip-selected":{"type":"badge","bg":"#feeefa","fg":"#f55dd6","radius":"9999px","padding":"6px 12px","font":"13px / 500","use":"Filter pill active state"},"chip-default":{"type":"badge","bg":"#ffffff","fg":"#393b3d","radius":"9999px","padding":"6px 12px","font":"13px / 500","use":"Filter pill default"},"chip-ai":{"type":"badge","bg":"#ffffff","fg":"#7463f2","radius":"9999px","padding":"6px 12px","font":"13px / 600","use":"AI recommendation surfaces only"},"search-input":{"type":"input","bg":"#f5f6f6","fg":"#292b2b","radius":"12px","padding":"12px 14px","font":"15px / 400","use":"Header search bar; focus border gray-800, no pink ring"},"badge-discount":{"type":"badge","bg":"#fb4333","fg":"#ffffff","radius":"4px","padding":"2px 6px","font":"11px / 700","use":"Discount % on product thumbnails"},"badge-time":{"type":"badge","bg":"#121212","fg":"#ffffff","radius":"4px","padding":"4px 8px","font":"11px / 700","use":"Time-limited — 24시간 한정, 오늘만"},"badge-mdpick":{"type":"badge","bg":"#ffffff","fg":"#121212","radius":"4px","padding":"2px 6px","font":"10px / 700","use":"Editorial pick markers; 1px black border"},"bottom-sheet":{"type":"dialog","bg":"#ffffff","radius":"16px","padding":"8px","use":"Filter sheet, option selector; top corners only, gray-80 drag handle, dimmed backdrop"},"tab-bottom":{"type":"tab","bg":"#ffffff","fg":"#878f91","font":"11px / 600","active":"Npx #121212 icon + label","use":"Mobile primary nav — 홈/카테고리/찜/마이페이지/알림"}},"components_harvested":true}, ds: { name: "ZIGZAG Tech / Brunch", url: "https://brunch.co.kr/@zigzag/73", type: "brand", description: "Kakaostyle / ZIGZAG's brand & design articles — the ZDS (ZIGZAG Design System) rearchitecture and the 2021 cool-pink rebrand.", ogImage: "https://img1.daumcdn.net/thumb/R1280x0.fjpg/?fname=http://t1.daumcdn.net/brunch/service/user/4Zzt/image/-3UDP-Htu127zH73hWgxU-DsWNg.jpg" } },
|
|
294
|
-
{ id: "zozotown", name: "ZOZOTOWN", displayName: "ZOZOTOWN", country: "JP", category: "ecommerce", homepage: "https://zozo.jp", primaryColor: "#000000", logo: { type: "favicon", slug: "https://www.google.com/s2/favicons?domain=zozo.jp&sz=128" }, verified: "2026-06-06", added: "2026-06-06", tokens: {"source":"prose-derived","extracted":"2026-06-09","colors":{"primary":"#000000","canvas":"#ffffff","accent-red":"#e60012","body":"#333333","sub":"#666666","muted":"#999999","hairline":"#cccccc","surface":"#f5f5f5","surface-subtle":"#fafafa","border":"#e5e5e5","border-strong":"#dddddd","success":"#2e9c4f","caution":"#f5a623","on-primary":"#ffffff"},"typography":{"family":{"sans":"Hiragino Kaku Gothic ProN","mono":"Helvetica Neue"},"page-title":{"size":24,"weight":700,"lineHeight":1.4,"tracking":0.02,"use":"Top-level section / landing headers"},"section":{"size":20,"weight":700,"lineHeight":1.4,"tracking":0.02,"use":"Category and module titles"},"subheading":{"size":17,"weight":700,"lineHeight":1.5,"tracking":0.02,"use":"Card group headers, feature titles"},"brand-name":{"size":13,"weight":700,"lineHeight":1.4,"tracking":0.04,"use":"Product-card brand label"},"item-title":{"size":13,"weight":400,"lineHeight":1.5,"use":"Product name, 2-line clamp"},"price":{"size":15,"weight":700,"lineHeight":1.3,"use":"Price — black/red, tabular numerals"},"body":{"size":14,"weight":400,"lineHeight":1.7,"use":"Descriptions, reviews, long copy"},"caption":{"size":12,"weight":400,"lineHeight":1.5,"use":"Metadata, timestamps, fine print"},"micro":{"size":11,"weight":400,"lineHeight":1.4,"use":"Tab labels, tag chips, footnotes"},"badge":{"size":11,"weight":700,"lineHeight":1.2,"tracking":0.02,"use":"SALE / NEW / 残りわずか badges"}},"spacing":{"xs":4,"sm":8,"md":12,"base":16,"lg":24,"xl":32,"xxl":48,"section":64},"rounded":{"sm":2,"md":4,"lg":8,"full":9999},"shadow":{"toast":"rgba(0,0,0,0.85) background, no elevation shadow","modal-scrim":"rgba(0,0,0,0.6)"},"components_harvested":true,"components":{"button-primary":{"type":"button","bg":"#000000","fg":"#ffffff","radius":4,"padding":"14px 24px","font":"15/700","use":"カートに入れる, 購入手続きへ, ログイン"},"button-reverse":{"type":"button","bg":"#ffffff","fg":"#000000","radius":4,"padding":"14px 24px","font":"15/700","use":"お気に入り登録, 続けて買い物"},"button-sale":{"type":"button","bg":"#e60012","fg":"#ffffff","radius":4,"padding":"14px 24px","font":"15/700","use":"タイムセール, 今すぐ購入 — urgency only"},"button-disabled":{"type":"button","bg":"#cccccc","fg":"#ffffff","radius":4,"use":"Out-of-stock / unavailable (在庫なし)"},"product-card":{"type":"card","bg":"#ffffff","radius":0,"use":"Photography-led grid unit, 3:4 portrait, gap-separated"},"badge-sale":{"type":"badge","bg":"#e60012","fg":"#ffffff","radius":2,"padding":"2px 6px","font":"11/700","use":"SALE overlay top-left of image"},"badge-new":{"type":"badge","bg":"#000000","fg":"#ffffff","radius":2,"padding":"2px 6px","font":"11/700","use":"NEW / NEW ARRIVAL overlay"},"badge-lowstock":{"type":"badge","bg":"#ffffff","fg":"#e60012","radius":2,"padding":"2px 6px","font":"11/700","use":"残りわずか — red border outline"},"badge-preorder":{"type":"badge","bg":"#666666","fg":"#ffffff","radius":2,"padding":"2px 6px","font":"11/700","use":"予約 pre-order flag"},"input":{"type":"input","bg":"#ffffff","fg":"#000000","radius":4,"padding":"12px 14px","font":"15/400","use":"Form field — neutral black focus, #cccccc default border"},"bottom-tab":{"type":"tab","bg":"#ffffff","fg":"#999999","font":"11/400","active":"#000000 icon + label","use":"ホーム/カテゴリー/お気に入り/カート/マイページ"},"filter-tab":{"type":"tab","bg":"#ffffff","fg":"#666666","font":"14/700","active":"#000000 text + 2px bottom underline #000000","use":"新着/人気/価格が安い in-page switcher"},"toast":{"type":"toast","fg":"#ffffff","radius":4,"padding":"12px 16px","font":"14/400","use":"Transient bottom-anchored confirmation"},"bottom-sheet":{"type":"dialog","bg":"#ffffff","radius":12,"padding":"20px","use":"Size/color/filter/sort — dominant mobile overlay"},"modal":{"type":"dialog","bg":"#ffffff","radius":8,"padding":"24px","use":"Confirmations, login prompts"}}} },
|
|
295
|
-
] as const;
|
|
296
|
-
|
|
297
|
-
export const REGISTRY_BY_ID: Readonly<Record<string, RefEntry>> = Object.freeze(
|
|
298
|
-
Object.fromEntries(REGISTRY.map(e => [e.id, e]))
|
|
299
|
-
);
|
|
300
|
-
|
|
301
|
-
/** Convenience helper — single homepage URL by id (replaces homepage-urls.ts). */
|
|
302
|
-
export function getHomepageUrl(id: string): string | null {
|
|
303
|
-
return REGISTRY_BY_ID[id]?.homepage ?? null;
|
|
304
|
-
}
|