{ "id": "cohere", "version": "1.0.0", "name": "Cohere", "description": "Cohere is an enterprise AI company building the Command family of large language models, the Embed family of retrieval embeddings, and the Rerank reranking model — distributed via cloud APIs and on-prem deployment. The brand voice is enterprise-grounded and practitioner-first: model cards, retrieval benchmarks, and deployment guides over marketing slogans. Visually, Cohere's optical signature is a tropical three-stop gradient (coral → mauve → cobalt) painted across the brand's proprietary CohereColor display face, anchored to a near-black \"Ink\" canvas on product surfaces and a near-white \"Paper\" canvas on the marketing site. Typography is the proprietary CohereVariable / CohereText / CohereMono family with Space Grotesk and Inter as documented fallbacks.\n", "provenance": { "source": "https://cohere.com/", "license": "Proprietary — All Rights Reserved", "attribution": "Cohere — visual identity captured from the deployed stylesheet on cohere.com (Tailwind utility-class palette and the proprietary CohereVariable / CohereText / CohereMono / CohereColor font-family stack). Cohere, Command, Embed, Rerank and associated marks are property of Cohere.\n", "importedDate": "2026-05-18", "notes": "Derived from live site CSS at https://cohere.com/ on 2026-05-18; no public brand guide located. The proprietary CohereVariable family is declared on cohere.com via @font-face but is not publicly distributed; the live site stack falls back to Space Grotesk and Inter. This atom references space-grotesk@1 as the open-source rendering substitute for the sans/display role and geist-mono@1 as the substitute for the mono role.\n" }, "tags": [ "cohere", "ai", "llm", "enterprise", "brand", "dark-first", "gradient", "coral", "cobalt" ], "palette": { "ref": "cohere@1.0.0", "swatches": [ { "id": "ink-deep", "name": "Ink Deep", "value": "#101010", "description": "Deepest near-black accent — gradient ground.", "aliases": [] }, { "id": "ink", "name": "Ink", "value": "#17171C", "description": "Primary dark canvas — Cohere Command surface ground.", "aliases": [] }, { "id": "ink-elevated", "name": "Ink Elevated", "value": "#212121", "description": "Elevated surface on dark canvas.", "aliases": [] }, { "id": "ink-quiet", "name": "Ink Quiet", "value": "#2E2E2E", "description": "Subtle border on dark canvas.", "aliases": [] }, { "id": "paper", "name": "Paper", "value": "#FAFAFA", "description": "Light canvas — near-white marketing surface.", "aliases": [] }, { "id": "paper-elevated", "name": "Paper Elevated", "value": "#F2F2F2", "description": "Subtle elevated surface on paper canvas.", "aliases": [] }, { "id": "paper-quiet", "name": "Paper Quiet", "value": "#E0E0E0", "description": "Border / quiet divider on paper canvas.", "aliases": [] }, { "id": "coral", "name": "Coral", "value": "#FF7759", "description": "Coral — the signature gradient origin stop.", "aliases": [] }, { "id": "coral-soft", "name": "Coral Soft", "value": "#FFD9D0", "description": "Pale coral — tinted backgrounds and quiet accents.", "aliases": [] }, { "id": "coral-deep", "name": "Coral Deep", "value": "#CA492D", "description": "Pressed-coral variant for hover state.", "aliases": [] }, { "id": "mauve", "name": "Mauve", "value": "#7670C5", "description": "Mid gradient stop — mauve violet.", "aliases": [] }, { "id": "cobalt", "name": "Cobalt", "value": "#4C6EE6", "description": "Cobalt — the signature gradient endpoint.", "aliases": [] }, { "id": "cobalt-soft", "name": "Cobalt Soft", "value": "#8FA6F9", "description": "Soft cobalt for tinted surfaces.", "aliases": [] }, { "id": "cobalt-pale", "name": "Cobalt Pale", "value": "#E5EBFF", "description": "Pale cobalt — tinted background.", "aliases": [] }, { "id": "violet", "name": "Violet", "value": "#9B60AA", "description": "Magenta-violet secondary accent.", "aliases": [] }, { "id": "violet-soft", "name": "Violet Soft", "value": "#D18EE2", "description": "Soft violet for tinted backgrounds.", "aliases": [] }, { "id": "violet-pale", "name": "Violet Pale", "value": "#EDDAF4", "description": "Pale violet tint.", "aliases": [] }, { "id": "jade", "name": "Jade", "value": "#355146", "description": "Deep jade — editorial and data-viz accent.", "aliases": [] }, { "id": "jade-soft", "name": "Jade Soft", "value": "#71867E", "description": "Soft jade for borders and quiet accents.", "aliases": [] }, { "id": "navy", "name": "Navy", "value": "#142253", "description": "Deep navy — editorial accent.", "aliases": [] }, { "id": "navy-mid", "name": "Navy Mid", "value": "#2D4CB9", "description": "Mid navy — link / focus state.", "aliases": [] }, { "id": "ember", "name": "Ember", "value": "#B30000", "description": "Ember-red — destructive action.", "aliases": [] }, { "id": "text-on-paper", "name": "Text on Paper", "value": "#17171C", "description": "Body text on the Paper canvas.", "aliases": [] }, { "id": "text-secondary", "name": "Text Secondary", "value": "#616161", "description": "Secondary text on Paper canvas.", "aliases": [] }, { "id": "text-tertiary", "name": "Text Tertiary", "value": "#9CA3AF", "description": "Tertiary text on Paper canvas.", "aliases": [] } ], "modes": { "light": { "roles": { "background": "paper", "surface": "paper-elevated", "surface-elevated": "paper", "text-primary": "text-on-paper", "text-secondary": "text-secondary", "text-tertiary": "text-tertiary", "primary": "coral", "primary-hover": "coral-deep", "accent": "cobalt", "accent-hover": "navy-mid", "warning": "coral-soft", "warning-hover": "coral", "error": "ember", "success": "jade", "border": "paper-quiet" } }, "dark": { "roles": { "background": "ink", "surface": "ink-elevated", "surface-elevated": "ink-quiet", "text-primary": "paper", "text-secondary": "paper-quiet", "text-tertiary": "text-tertiary", "primary": "coral", "primary-hover": "coral-deep", "accent": "cobalt-soft", "accent-hover": "cobalt", "warning": "coral-soft", "warning-hover": "coral", "error": "ember", "success": "jade-soft", "border": "ink-quiet" } } } }, "fonts": [ { "role": "heading", "ref": "space-grotesk@1.0.0", "family": "Space Grotesk", "classification": "sans-serif", "source": { "kind": "google-fonts", "family": "Space Grotesk", "url": "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap" }, "fallbackStack": [ "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif" ], "availableStyles": [ { "weight": 300, "style": "normal" }, { "weight": 400, "style": "normal" }, { "weight": 500, "style": "normal" }, { "weight": 600, "style": "normal" }, { "weight": 700, "style": "normal" } ] }, { "role": "body", "ref": "space-grotesk@1.0.0", "family": "Space Grotesk", "classification": "sans-serif", "source": { "kind": "google-fonts", "family": "Space Grotesk", "url": "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap" }, "fallbackStack": [ "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif" ], "availableStyles": [ { "weight": 300, "style": "normal" }, { "weight": 400, "style": "normal" }, { "weight": 500, "style": "normal" }, { "weight": 600, "style": "normal" }, { "weight": 700, "style": "normal" } ] }, { "role": "mono", "ref": "geist-mono@1.0.0", "family": "Geist Mono", "classification": "monospace", "source": { "kind": "external", "family": "Geist Mono", "cssImportUrl": "https://cdn.jsdelivr.net/npm/@fontsource-variable/geist-mono/index.css", "notes": "First-party distribution: `geist` npm package, import path `geist/font/mono`. The cssImportUrl above points at the community @fontsource-variable/geist-mono bundle on jsDelivr for raw CSS consumption.\n" }, "fallbackStack": [ "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace" ], "availableStyles": [ { "weight": 100, "style": "normal" }, { "weight": 200, "style": "normal" }, { "weight": 300, "style": "normal" }, { "weight": 400, "style": "normal" }, { "weight": 500, "style": "normal" }, { "weight": 600, "style": "normal" }, { "weight": 700, "style": "normal" }, { "weight": 800, "style": "normal" }, { "weight": 900, "style": "normal" } ] } ], "roles": { "colors": { "identity": "ink", "on-identity": "paper", "primary": "coral", "primary-hover": "coral-deep", "accent": "cobalt", "accent-hover": "navy-mid", "mark": "coral", "success": "jade", "warning": "coral-soft", "error": "ember", "text-primary-light": "text-on-paper", "text-primary-dark": "paper", "background-light": "paper", "background-dark": "ink", "surface-light": "paper-elevated", "surface-dark": "ink-elevated", "text-secondary-light": "text-secondary", "text-tertiary-light": "text-tertiary", "border-light": "paper-quiet", "border-dark": "ink-quiet" }, "typography": { "display": "heading", "prose": "body", "code": "mono" } }, "assets": [], "rules": [ { "type": "contrastRatio", "target": "text-primary", "severity": "error", "rationale": "Paper (#FAFAFA) on Ink (#17171C) gives roughly 17:1 — clears AAA decisively in both modes. Cohere's enterprise-reader posture, with long benchmark tables and model-card prose, justifies an AAA target rather than the AA floor.\n", "against": "background", "minRatio": 7, "standard": "WCAG-AAA" }, { "type": "colorChoice", "target": "roles.colors.primary", "severity": "error", "rationale": "Coral (#FF7759) is the gradient origin and the dominant brand action color on cohere.com. Mauve and cobalt are the second and third gradient stops — they belong WITH coral as a ramp, not standing alone as the interactive primary. Violet, ember, and navy are editorial secondaries reserved for data viz and illustration accents.\n", "allowed": [ "coral", "coral-deep" ], "forbidden": [ "mauve", "cobalt", "violet", "ember", "navy" ] }, { "type": "colorChoice", "target": "roles.colors.identity", "severity": "error", "rationale": "Cohere's identity surface is the dark Ink canvas (#17171C) — Command product surfaces, the docs reader, and the hero gradient module all render on Ink ground. The marketing Paper canvas is the secondary mode. The gradient colors flow ACROSS the identity surface; they are never the identity ground themselves.\n", "allowed": [ "ink", "ink-deep" ], "forbidden": [ "paper", "coral", "cobalt", "mauve" ] }, { "type": "forbiddenTreatment", "target": "logo", "severity": "error", "rationale": "The Cohere wordmark and the coral-mauve-cobalt gradient are precise brand assets. The mark may carry the documented gradient fill, but arbitrary single-color recoloring, skewing, or drop-shadow effects conflict with the brand's precise, enterprise posture.\n", "treatments": [ "stretched", "rotated", "drop-shadow", "on-busy-photo", "recolored-non-gradient", "low-contrast-fill" ] }, { "type": "enumMembership", "target": "typography.heading.fontWeight", "severity": "warning", "rationale": "The CohereVariable family is delivered on cohere.com with Regular (400), Medium (500), SemiBold (600), and Bold (700) cuts. Display weights outside this band are not in the licensed variable-font cut on the live site.\n", "allowed": [ "400", "500", "600", "700" ] }, { "type": "fontPairing", "target": "typography.display", "severity": "error", "rationale": "CohereVariable serves both display and prose roles on cohere.com — the typographic hierarchy is established by size and weight within a single family. A 1.5× minimum display-to-prose size ratio preserves that hierarchy.\n", "requires": "prose", "minSizeRatio": 1.5 }, { "type": "compositionConstraint", "target": "roles.colors.primary", "severity": "recommendation", "rationale": "Coral reads cleanest against the dark Ink canvas, the light Paper canvas, or its sibling gradient stops (mauve, cobalt). Placing coral adjacent to ember, violet, or navy introduces chromatic conflict — the warm-red and the cool-violet fight for the same eye position without resolving into a ramp.\n", "pairsWith": [ "ink", "ink-deep", "paper", "mauve", "cobalt" ], "doesNotPairWith": [ "ember", "violet", "navy" ] }, { "type": "contextRestriction", "target": "roles.colors.accent", "severity": "warning", "rationale": "Cobalt (#4C6EE6) is the gradient endpoint and appears as a link / focus state on cohere.com. Large cobalt background fills conflict with the brand's Ink-and-Paper canvas system where the gradient is a directional arc, not a flood fill.\n", "allowedContexts": [ "link", "focus-ring", "data-viz-primary", "gradient-stop" ], "forbiddenContexts": [ "large-fill", "background", "hero" ] }, { "type": "accessibilityRequirement", "target": "*", "severity": "error", "rationale": "WCAG 2.1 Success Criterion 1.4.3 (Contrast Minimum) — Level AA. The brand's Paper-and-Ink composition clears AA effortlessly; consumers must preserve the property when composing coral, mauve, or cobalt tints against either canvas.\n", "standard": "WCAG-AA", "criterion": "1.4.3" } ] }