{ "version": "1.5.0", "scope": "External brand and marketing work. Product UI follows its product design system.", "colorPolicy": { "defaultBackground": "carbon", "defaultForeground": "white", "colorUse": "occasional", "firstAccent": "coral", "guidance": "Default to black and white, with a preference for dark backgrounds. Most pieces can stay entirely monochrome. Use small spots of color only occasionally; reach for Coral first when color helps. A colored background is not the default. Think in proportions: approximately 95% neutrals, 3% Coral, 1.5% Indigo, and 0.5% Volt. These describe a philosophy of restraint, not quotas for every piece.", "proportions": { "interpretation": "philosophical", "scope": "overall-brand-expression", "guidance": "These proportions describe the overall balance of the brand, not a quota for each piece. Think approximately 95% neutrals, 3% Coral, 1.5% Indigo, and 0.5% Volt. Many pieces can stay entirely monochrome. Do not add color just to use up a percentage.", "shares": [ { "id": "neutrals", "color": "carbon", "percent": 95 }, { "id": "coral", "color": "coral", "percent": 3 }, { "id": "indigo", "color": "indigo", "percent": 1.5 }, { "id": "volt", "color": "volt", "percent": 0.5 } ] } }, "required": [ "Use the original logo assets and preserve their proportions.", "Use exact palette values and approved logo pairings.", "Keep headlines and other copy as native, editable text.", "Let meaningful headlines introduce content without section-label strips, category eyebrows, or chapter numbers." ], "guidelines": { "start": [ { "id": "keep-the-essentials", "heading": "Brand foundations", "body": "Start with black and white, with a preference for dark backgrounds. A piece can stay entirely monochrome. Use color only occasionally; Coral is the first choice when a spot of color helps. Use the original logo assets and exact palette values, give the work room to breathe, and let meaningful headlines introduce their content. This toolkit covers brand and marketing work; product UI follows the product design system.", "bullets": [ "Required rules protect the identity and must be followed.", "Recommended defaults are a confident starting point. Adapt the composition to the audience, message, and format.", "Flexible choices leave room for the audience, message, and format.", "When a decision is undocumented, treat it as an open choice. Do not present a guess as an approved brand rule." ] }, { "id": "choose-your-context", "heading": "Applications", "body": "For a campaign, social post, or presentation, begin with the brand palette and original logo assets. For a marketing website, use the same foundations and adapt the composition to the viewport. For product UI, use the product system’s semantic surfaces, controls, and accessibility rules rather than substituting campaign colors.", "bullets": [ "Preserve native, editable text in layouts and design files.", "Use meaningful headlines without section-label strips, category eyebrows, or chapter numbers.", "Explain the offer directly. Keep copy concrete, approachable, and concise." ] } ], "logo": [ { "id": "choose-a-lockup", "heading": "Logo variants", "body": "The horizontal lockup is the default. Choose the stacked lockup for a square or tall composition, the wordmark when the name does the work, and the standalone mark when the context already establishes Hedra. Prefer a White logo on a Carbon background. Carbon on White or Stone is the light alternative. Colored grounds are occasional choices.", "bullets": [ "Use Carbon assets on White or Stone. Coral, Taupe, and Volt are occasional alternatives.", "Use White assets on Carbon or Black. Indigo is an occasional alternative.", "Download an original SVG for layout and web work. Use a transparent PNG when a tool needs a bitmap." ] }, { "id": "protect-the-shape", "heading": "Logo proportions", "body": "The mark has a fixed proportion of approximately 3.46:1. Its outside blocks are square. Scale the entire asset uniformly; the grid adapts to the format, the shape does not.", "bullets": [ "Never stretch, squash, skew, or redraw the mark.", "In a graphic crop, scale uniformly and bleed off the edge while keeping the waist in frame.", "Graphic rotations use 90° steps. Use the supplied horizontal or stacked lockup for a signature.", "Lines, pixels, and imagery may live inside the shape as a graphic treatment without warping its outline." ] }, { "id": "leave-room", "heading": "Clear space", "body": "Keep the signature separate from busy imagery and surrounding text. Test it at the final output size. Leave enough clear space for it to read cleanly.", "bullets": [ "For a brand signature, show the complete asset with an approved ground and colorway.", "Treat a cropped or repeated mark as a graphic element, not a replacement for a legible signature." ] } ], "color": [ { "id": "use-the-foundation", "heading": "Primary palette", "body": "Prefer Carbon or Black backgrounds with White text and marks. White and Stone provide light alternatives. Most pieces can stay entirely neutral; a piece can feel fully Hedra without an accent color.", "bullets": [ "Use dark backgrounds as the starting point, choosing a light ground when the content calls for it.", "Use the exact values provided here. Avoid inventing near-matching shades.", "Use semantic roles for application UI; these palette primitives do not replace a product theme." ] }, { "id": "think-in-proportions", "heading": "Color proportions", "body": "Think approximately 95% neutrals, 3% Coral, 1.5% Indigo, and 0.5% Volt. The exact numbers describe a philosophy of restraint. They are not a formula to apply to every composition.", "bullets": [ "A piece can use no color at all. Never add an accent to satisfy a percentage.", "Coral is the first occasional color; Indigo is rarer, and Volt is used very sparingly.", "Judge the overall impression: the work should read as black and white, with small moments of color." ] }, { "id": "use-color-occasionally", "heading": "Accent colors", "body": "Use color very occasionally. When a spot of color adds something useful, Coral is the first color to reach for. Keep the overall composition neutral. Coral is an option, not an expected feature of every piece.", "bullets": [ "An entirely black-and-white composition is a complete expression of the brand.", "Keep colored moments small and deliberate. Do not make a colored background the default.", "Indigo, Volt, and Taupe remain available as occasional background alternatives, never as text colors.", "Pair Indigo with a White mark; pair Coral, Volt, and Taupe with a Carbon mark.", "An approved logo pairing does not automatically make every text size accessible. Check text contrast independently." ] } ] }, "logoPairings": [ { "background": "carbon", "foreground": "white" }, { "background": "black", "foreground": "white" }, { "background": "white", "foreground": "carbon" }, { "background": "coral", "foreground": "carbon" }, { "background": "stone", "foreground": "carbon" }, { "background": "indigo", "foreground": "white" }, { "background": "taupe", "foreground": "carbon" }, { "background": "volt", "foreground": "carbon" } ], "undocumentedDecisions": "Do not invent global brand rules. State assumptions and keep them local to the composition." }