{ "schema": "brand-kit@2", "palette": { "paper": "#FFFFFF", "surface": "#F2F2F2", "ink": "#151515", "ink_muted": "#4D4D4D", "accent": "#EE0000", "on_accent": "#FFFFFF", "accent_secondary": "#5E40BE", "night": "#151515", "on_night": "#FFFFFF", "extras": [ { "name": "white", "hex": "#FFFFFF", "role": "Core. Default ground; text and one-color logo on dark and red grounds; the white of mini illustrations (about half of each mini). Pantone White", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: page ground, cards, masthead; text on dark (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "black", "hex": "#000000", "role": "Core. Text and wordmark on light grounds; core dark and expressive dark background; end of the dark background gradients. CMYK 60 40 40 100, Pantone Black C", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: hero ground; logo hat band; bottom of products band gradient (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "red-05", "hex": "#FEF0F0", "role": "Core (tint). Light-theme hybrid background (solid, and the end of the white to red-05 gradient); the start of the red-05 to red-40 accent gradient", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "red-10", "hex": "#FCE3E3", "role": "Core (tint). Core red and expressive light background; light red ground the logo may sit on; mini/backing-shape ground. Black text passes on it", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "red-20", "hex": "#FBC5C5", "role": "Core (tint). End of the red-10 to red-20 light background gradient; start of the gradient-fill-50 sample", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "red-30", "hex": "#F9A8A8", "role": "Core (tint). Second color of mini illustrations (lighter shadows and contours, with red-50 and white); mid stop of the red-40 strokes", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "red-40", "hex": "#F56E6E", "role": "Core (tint). Start of every hybrid gradient stroke and of the red-40 to red-50 accent gradient", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "red-50", "hex": "#EE0000", "role": "Core. Red Hat red: the brand color (RGB 238 0 0, CMYK 0 98 85 0, Pantone 1788 C). Pops only: the hat, key words, large headlines, pull quotes, CTA fills. Must appear in everything; never floods a space; never means negative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: primary pill fill, stat accent bar, active tab bar, hat (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "red-60", "hex": "#A60000", "role": "Core (shade). Depth and shadow; black text fails on it", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: primary pill hover/focus fill (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "red-70", "hex": "#5F0000", "role": "Core (shade). Depth and shadow", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "red-80", "hex": "#3F0000", "role": "Core (shade). Darkest red shade for depth and shadow", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "gray-10", "hex": "#F2F2F2", "role": "Core neutral. Light background (core light, expressive light, interface light; end of the white to gray-10 gradient); badge fill on technology icons", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: account pre-footer band; blog card hover fill; tab panel border (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "gray-20", "hex": "#E0E0E0", "role": "Core neutral. Outline of component technology icons and of marketplace badges", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: filled gray tag; layer behind the tab panel (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "gray-30", "hex": "#C7C7C7", "role": "Core neutral. Interface light background; text on interface dark; subtle border on light (RHDS)", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: 1px border of white cards; tab-list rule; nav hover underline; muted text on dark (footer paragraph, copyright); phone menu row rules (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "gray-40", "hex": "#A3A3A3", "role": "Core neutral. Graphics depth and shadow", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: footer social icons; hover underline of the dark secondary pill (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "gray-45", "hex": "#8C8C8C", "role": "Core neutral. Graphics depth and shadow", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: hover underline of the light secondary pill (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "gray-50", "hex": "#707070", "role": "Core neutral. Hybrid accent gray; subtle border on dark (RHDS)", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: dashed underline of inline links; footer top rule, accordion rules, select border (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "gray-60", "hex": "#4D4D4D", "role": "Core neutral. Outline of product technology icons; secondary text on light (RHDS); start of the gray-60 to black dark background gradient", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: 1px border of dark cards; source line text; inactive tab label (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "gray-70", "hex": "#383838", "role": "Core neutral. Interface dark background", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "gray-80", "hex": "#292929", "role": "Core neutral. Core dark and hybrid dark background; interface text on light. Red-50 text fails on it", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "gray-90", "hex": "#1F1F1F", "role": "Core neutral. Dark surfaces (RHDS surface-darker)", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: footer header and link area ground; menu overlay at 0.8 (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "gray-95", "hex": "#151515", "role": "Core neutral, named \"ux black\". Primary text on light grounds in interfaces; interface dark background; UI icons in the masthead (18:1 on white); the dark logo tiles", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: body and headline text on light; dark card fill; dark band base; tag fill; footer legal strip (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "orange-10", "hex": "#FFE8CC", "role": "Secondary. End of the red-40 to orange-10 gradient stroke", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "orange-20", "hex": "#FCCB8F", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "orange-30", "hex": "#F8AE54", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "orange-40", "hex": "#F5921B", "role": "Secondary (anchor swatch: RGB 245 146 27, CMYK 0 50 100 0, Pantone 144 C). Hybrid accent; caution in data and UI (orange family)", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "orange-50", "hex": "#CA6C0F", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "orange-60", "hex": "#9E4A06", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "orange-70", "hex": "#732E00", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "orange-80", "hex": "#4D1F00", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "yellow-10", "hex": "#FFF4CC", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "yellow-20", "hex": "#FFE072", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "yellow-30", "hex": "#FFCC17", "role": "Secondary (anchor swatch: RGB 248 204 23, CMYK 0 15 100 0, Pantone 108 C). Hybrid accent; warning in data and UI (yellow family)", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "yellow-40", "hex": "#DCA614", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "yellow-50", "hex": "#B98412", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "yellow-60", "hex": "#96640F", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "yellow-70", "hex": "#73480B", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "yellow-80", "hex": "#54330B", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "teal-10", "hex": "#DAF2F2", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "teal-20", "hex": "#B9E5E5", "role": "Secondary. End of the red-40 to teal-20 gradient stroke", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "teal-30", "hex": "#9AD8D8", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "teal-40", "hex": "#63BDBD", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "teal-50", "hex": "#37A3A3", "role": "Secondary (anchor swatch: RGB 55 163 163, CMYK 80 10 30 10, Pantone 2234 C). Hybrid accent; general or neutral status", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "teal-60", "hex": "#147878", "role": "Secondary. White text passes on it (teal-40 does not)", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "teal-70", "hex": "#004D4D", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "teal-80", "hex": "#003333", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "purple-10", "hex": "#ECE6FF", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "purple-20", "hex": "#D0C5F4", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: hero date tag icon (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "purple-30", "hex": "#B6A6E9", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: hero date tag label (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "purple-40", "hex": "#876FD4", "role": "Secondary (expressive): always with core colors, never alone; 1 or 2 secondary families per piece", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "purple-50", "hex": "#5E40BE", "role": "Secondary (anchor swatch: RGB 94 64 190, CMYK 85 80 0 0, Pantone 2097 C). Hybrid accent; info or note tip; end of the red-40 to purple-50 gradient stroke; visited links (RHDS)", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: hero date tag 1px border (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "purple-60", "hex": "#3D2785", "role": "Secondary. Start of the purple-60 to purple-80 and purple-60 to black dark background gradients", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "purple-70", "hex": "#21134D", "role": "Secondary. Dark purple ground shown behind the reverse logo; mid stop of the dark purple gradients", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: top of the products band gradient, rgba(33,19,77,0.62) over #151515 (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "purple-80", "hex": "#1B0D33", "role": "Secondary. Expressive dark and hybrid dark background (dark purple); expressive light text color. White text passes on it", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "success-green-10", "hex": "#E9F7DF", "role": "Information palette: success/increase states only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "success-green-20", "hex": "#D1F1BB", "role": "Information palette: success/increase states only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "success-green-30", "hex": "#AFDC8F", "role": "Information palette: success/increase states only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "success-green-40", "hex": "#87BB62", "role": "Information palette: success/increase states only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "success-green-50", "hex": "#63993D", "role": "Information palette (anchor: RGB 99 153 61, CMYK 70 0 100 10, Pantone 7737 C). Success, increase. Utilitarian only, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "success-green-60", "hex": "#3D7317", "role": "Information palette: success/increase states only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "success-green-70", "hex": "#204D00", "role": "Information palette: success/increase states only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "success-green-80", "hex": "#183301", "role": "Information palette: success/increase states only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "danger-orange-10", "hex": "#FFE3D9", "role": "Information palette: error/decrease states only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "danger-orange-20", "hex": "#FBBEA8", "role": "Information palette: error/decrease states only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "danger-orange-30", "hex": "#F89B78", "role": "Information palette: error/decrease states only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "danger-orange-40", "hex": "#F4784A", "role": "Information palette: error/decrease states only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "danger-orange-50", "hex": "#F0561D", "role": "Information palette (anchor: RGB 240 86 29, CMYK 0 83 100 0, Pantone 165 C). Error, decrease or failure (red is never negative). Utilitarian only", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "danger-orange-60", "hex": "#B1380B", "role": "Information palette: error/decrease states only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "danger-orange-70", "hex": "#731F00", "role": "Information palette: error/decrease states only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "danger-orange-80", "hex": "#4C1405", "role": "Information palette: error/decrease states only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "interaction-blue-10", "hex": "#E0F0FF", "role": "Information palette: links and interaction only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "interaction-blue-20", "hex": "#B9DAFC", "role": "Information palette. Interface dark text/link color; link hover on dark (RHDS)", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "interaction-blue-30", "hex": "#92C5F9", "role": "Information palette. Links and focus ring on dark grounds", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: links on dark (Lightwell card, footer About paragraph) (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "interaction-blue-40", "hex": "#4394E5", "role": "Information palette: links and interaction only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "interaction-blue-50", "hex": "#0066CC", "role": "Information palette (anchor: RGB 0 102 204, CMYK 85 55 0 5, Pantone 2387 C). Links and interaction on light grounds (underlined, dashed); focus ring on light. Utilitarian only", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: links and arrow CTAs on light; focus ring (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "interaction-blue-60", "hex": "#004D99", "role": "Information palette: links and interaction only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "web": "Homepage: link hover (observed https://www.redhat.com/en, 2026-10-30)" }, { "name": "interaction-blue-70", "hex": "#003366", "role": "Information palette. Link hover/active on light (RHDS)", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "interaction-blue-80", "hex": "#032142", "role": "Information palette: links and interaction only; utilitarian, never decorative", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "cool-tone-10", "hex": "#FFE3DC", "role": "People palette: skin tones (cool family, leaning pink) for illustrated people only; one family per person", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "cool-tone-20", "hex": "#F7C8BB", "role": "People palette: skin tones (cool family, leaning pink) for illustrated people only; one family per person", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "cool-tone-30", "hex": "#E8A997", "role": "People palette: skin tones (cool family, leaning pink) for illustrated people only; one family per person", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "cool-tone-40", "hex": "#CE8873", "role": "People palette: skin tones (cool family, leaning pink) for illustrated people only; one family per person", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "cool-tone-50", "hex": "#A66552", "role": "People palette: skin tones (cool family, leaning pink) for illustrated people only; one family per person", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "cool-tone-60", "hex": "#724335", "role": "People palette: skin tones (cool family, leaning pink) for illustrated people only; one family per person", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "cool-tone-70", "hex": "#40251D", "role": "People palette: skin tones (cool family, leaning pink) for illustrated people only; one family per person", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "warm-tone-10", "hex": "#FFE9DC", "role": "People palette: skin tones (warm family, leaning yellow/brown) for illustrated people only; one family per person", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "warm-tone-20", "hex": "#F9D5C0", "role": "People palette: skin tones (warm family, leaning yellow/brown) for illustrated people only; one family per person", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "warm-tone-30", "hex": "#EDBEA1", "role": "People palette: skin tones (warm family, leaning yellow/brown) for illustrated people only; one family per person", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "warm-tone-40", "hex": "#D8A381", "role": "People palette: skin tones (warm family, leaning yellow/brown) for illustrated people only; one family per person", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "warm-tone-50", "hex": "#B88564", "role": "People palette: skin tones (warm family, leaning yellow/brown) for illustrated people only; one family per person", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "warm-tone-60", "hex": "#8E6549", "role": "People palette: skin tones (warm family, leaning yellow/brown) for illustrated people only; one family per person", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "name": "warm-tone-70", "hex": "#664934", "role": "People palette: skin tones (warm family, leaning yellow/brown) for illustrated people only; one family per person", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" } ] }, "typography": { "display": { "family": "Red Hat Display", "steal_family": "Red Hat Display", "weight": 500, "tracking": 0, "line_height": 1.3, "fallback_stack": "RedHatDisplay, 'Red Hat Display', Helvetica, Arial, sans-serif", "real": "Red Hat Display (Red Hat's own face, designed with Jeremy Mickel for the 2019 Open Brand Project; SIL OFL 1.1, free on Google Fonts and GitHub)", "stand_in": false, "files": [ "https://www.redhat.com/modules/contrib/red_hat_shared_libs/dist/fonts/red-hat-display-latin-wght-normal.woff2", "https://www.redhat.com/modules/contrib/red_hat_shared_libs/dist/fonts/red-hat-display-latin-wght-italic.woff2" ], "license": "SIL OFL 1.1", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/typography", "also": [ "https://ux.redhat.com/tokens/font/", "https://ux.redhat.com/foundations/typography/scale-and-rhythm/" ], "note": "Headings and the logo wordmark; the default font when in doubt. Web headings: 2xl/xl Regular 400, lg-xs Medium 500, line height 1.3; expressive 3xl-5xl at 1.1. Named weights only: Light 300, Regular 400, Medium 500, Bold 700, Black 900. Never track." }, "body": { "family": "Red Hat Text", "steal_family": "Red Hat Text", "weight": 400, "tracking": 0, "line_height": 1.5, "scale": 1, "fallback_stack": "RedHatText, 'Red Hat Text', Helvetica, Arial, sans-serif", "real": "Red Hat Text (Red Hat's own face; SIL OFL 1.1)", "stand_in": false, "files": [ "https://www.redhat.com/modules/contrib/red_hat_shared_libs/dist/fonts/red-hat-text-latin-wght-normal.woff2", "https://www.redhat.com/modules/contrib/red_hat_shared_libs/dist/fonts/red-hat-text-latin-wght-italic.woff2" ], "license": "SIL OFL 1.1", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/typography", "also": [ "https://ux.redhat.com/tokens/font/", "https://ux.redhat.com/foundations/typography/scale-and-rhythm/" ], "note": "Paragraphs and small sizes. Base 16px; body sizes 12/14/16/18/20/24 at 1.5 line height. Medium 500 and italic for emphasis, never Bold in body. Named weights: 300, 400, 500, 700." }, "mono": { "family": "Red Hat Mono", "steal_family": "Red Hat Mono", "weight": 400, "fallback_stack": "RedHatMono, 'Red Hat Mono', 'Courier New', Courier, monospace", "real": "Red Hat Mono (Red Hat's own face; SIL OFL 1.1)", "stand_in": false, "files": [ "https://www.redhat.com/modules/contrib/red_hat_shared_libs/dist/fonts/red-hat-mono-latin-wght-normal.woff2" ], "license": "SIL OFL 1.1", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/typography", "also": [ "https://ux.redhat.com/tokens/font/" ], "note": "Only for real code snippets, or as a stylized headline on developer/technical designs. Code sizes 12-24 at 1.5; Medium for emphasis, never Bold." }, "calibration": "No stand-in needed: Red Hat Display, Text and Mono are open source (SIL OFL 1.1) and the builder gets Red Hat's own variable woff2 files (fonts folder). Published settings: never change tracking (only text under 6px may open to +10 or +20); line height between 1.1x and 1.5x (brand guide: 1.2-1.5 for most text, 1.1 for large text; RHDS web: 1.3 headings, 1.5 body/code, 1.1 expressive headings); sentence case always; no all caps. Web scale (ux.redhat.com scale and rhythm, base 16px): headings 2xl 48 Regular, xl 40 Regular, lg 36 Medium, md 28 Medium, sm 24 Medium, xs 20 Medium, 2xs 18 and 3xs 16 Medium (all Display, 1.3); expressive 3xl 64, 4xl 80, 5xl 96 (1.1, Display/Text/Mono); body xs-2xl 12/14/16/18/20/24 Text Regular 1.5. Under 768px: 48 to 35, 40 to 29, 36 to 26, 28 to 24, 24 to 20, 20 to 18; expressive sizes all drop to 48; body 24 to 20, 20 to 18, 18 to 16. Non-Latin scripts use Noto Sans (JP, KR, SC, TC, Arabic, Hebrew, Thai, Malayalam)." }, "style": { "button_shape": "rounded", "button_note": "RHDS default radius 3px for cards and dialogs (--rh-border-radius-default); pill radius 64px for avatars, badges and switches. On the redhat.com homepage every CTA button is a 64px-radius pill (observed 2026-10-30). Primary and secondary calls to action keep a fixed 2:1 padding: 16px top/bottom, 32px left/right. Button height not published (observed 59px on the homepage)", "corners": "Sharp (0) or 3px on interface containers; hybrid base shapes have hat-inspired curves (rectangle and diamond: two opposite corners rounded 3x more than the other two)", "linework": "Icons: one stroke weight, rounded corners and ends, front-on flattened geometry, angles of 0/45/90 degrees or those plus or minus 12 degrees (the font's ascender angle). Hybrid: thin gradient strokes weaving in front of and behind elements", "motion": "Hybrid style animation: base shapes scale and morph to carry scene transitions; elements pop out of frames. Focus states switch transitions off. No easing curves or durations published", "texture": "none", "shadow": "Soft, subtle drop shadows matching the scene's single light source (upper left by default) under 3D objects and portraits; RHDS box shadows sm 0 2px 4px 0 rgba(21,21,21,.2), md 0 4px 6px 1px rgba(21,21,21,.25), lg 0 6px 8px 2px rgba(21,21,21,.3), xl 0 8px 24px 3px rgba(21,21,21,.35)", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/hybrid-style-handbook", "also": [ "https://ux.redhat.com/tokens/border/", "https://ux.redhat.com/foundations/spacing/", "https://ux.redhat.com/tokens/box-shadow/", "https://www.redhat.com/en/about/brand/standards/icons/standard-icons" ] }, "voice": { "tone": [ "Experienced", "Compassionate", "Progressive" ], "notes": [ "Voice is experienced, compassionate and progressive; tone flexes by audience along four dials: formality, urgency, empathy and authority.", "Start with the reader: their state of mind, how they should feel afterwards (flip the tension: uncertain becomes confident) and the one thing to take away.", "Style: clear, concise, conversational, credible, compelling. Write like people talk, to people not at them, and say something only Red Hat can say.", "Specific numbers beat vague claims and superlatives: \"Trusted by 90% of Fortune 500 companies\" sits between too deferential and too know-it-all.", "Typography carries the voice: sentence case everywhere, minimal ornament, big or bold headlines, red reserved for short lines.", "The trademark rules (two words, never translated, (R) after first adjectival use in body copy, full product names first) apply to all copy and AI-assisted copy." ], "rules": [ { "id": "headline-case", "kind": "headline_case", "value": "sentence", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/typography" }, { "id": "no-all-caps", "kind": "guidance", "text": "Never set text in all caps, not even small labels (acronyms excepted)", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/typography", "also": [ "https://ux.redhat.com/foundations/typography/type-specifics/" ] }, { "id": "title-case", "kind": "guidance", "text": "Title case only for proper nouns such as product names or book titles", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/typography" }, { "id": "dashes", "kind": "guidance", "text": "No spaces before or after em or en dashes; hyphens join words, en dashes separate numbers, em dashes mark a break", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/typography" }, { "id": "ampersand", "kind": "guidance", "text": "Write \"and\" when there is room; in tight UI labels or headlines use an ampersand, never a plus sign", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/typography" }, { "id": "quotes", "kind": "guidance", "text": "Curly quotation marks and apostrophes; straight marks only as primes for feet and inches", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/typography" }, { "id": "emphasis", "kind": "guidance", "text": "Emphasize with bold or color, one treatment at a time; never italics, underline or caps for emphasis", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/typography" }, { "id": "headline-length", "kind": "guidance", "text": "Headlines run three lines at most, avoid widows, and are about 3/4 the length of the text below", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/typography" }, { "id": "red-hat-two-words", "kind": "guidance", "text": "Red Hat is two capitalized words, in the same typeface as the surrounding text, on one line where possible, and never translated (Simplified Chinese exception: 红帽)", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/naming-and-trademarks" }, { "id": "registered-mark", "kind": "guidance", "text": "Superscript (R) after the first use of \"Red Hat\" as an adjective in body copy; none in headlines, quotes, tables of contents or when naming the company", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/naming-and-trademarks" }, { "id": "full-product-names", "kind": "guidance", "text": "Use the full product name with trademark symbols on first mention in body copy (e.g. Red Hat(R) Enterprise Linux(R)); RHEL is the only listed short form, after first use", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/naming-and-trademarks" }, { "id": "product-naming", "kind": "guidance", "text": "Offerings start with \"Red Hat\" plus a descriptive name in title case; components are sentence case and add \"Red Hat\" only when needed", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/naming-and-trademarks" }, { "id": "trademark-adjective", "kind": "guidance", "text": "Use a trademark as an adjective, never a verb, plural or possessive, and never in an acronym", "prov": "published", "source": "https://www.redhat.com/en/about/trademark-guidelines-and-policies" }, { "id": "no-short-names", "kind": "avoid", "terms": [ "RHAAP", "AAP", "RHAI", "RAI", "RHOS", "ROSA", "ARO", "EL", "Red Hat Artificial Intelligence" ], "instead": "the full platform name (Red Hat Ansible Automation Platform, Red Hat AI, Red Hat OpenShift, Red Hat Enterprise Linux)", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/naming-and-trademarks" }, { "id": "no-overpromise", "kind": "guidance", "text": "Tell the truth: no absolute promises (the guide rejects \"You will never have to think about security again\")", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/personality" }, { "id": "no-talking-down", "kind": "guidance", "text": "Do not talk down to experts with leading rhetorical questions; say what they will learn", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/personality" }, { "id": "red-not-negative", "kind": "guidance", "text": "Never use red to signal something negative; errors and decreases are danger-orange", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color" }, { "id": "ai-copy-check", "kind": "guidance", "text": "When AI tools help write copy, re-check every product name and trademark", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/naming-and-trademarks" } ], "approved": { "phrases": [ "No one innovates alone", "Keep your options open", "We unlock opportunities for innovation, everywhere", "Hybrid is your reality. Make it your strength.", "Innovation doesn't happen in isolation", "Trusted by 90% of Fortune 500 companies" ], "words": [ "open", "authentic", "helpful", "brave", "together", "choice" ] }, "banned": [ "RedHat (one word)", "red hat (lowercase)", "RHAAP", "AAP", "RHAI", "RHOS", "ROSA", "ARO", "+ in place of \"and\"", "ALL CAPS", "Tux the penguin (imagery)", "Shadowman (legacy imagery)" ], "is_not": [ [ "Experienced", "Purist" ], [ "Compassionate", "Compliant" ], [ "Progressive", "Reckless" ], [ "Authentic", "Presumptuous" ], [ "Authentic", "Careless" ] ], "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/personality#how-we-sound", "also": [ "https://www.redhat.com/en/about/brand/standards/typography", "https://www.redhat.com/en/about/brand/standards/naming-and-trademarks", "https://www.redhat.com/en/about/trademark-guidelines-and-policies" ] }, "spec": { "source": "https://www.redhat.com/en/about/brand/standards", "how": "Red Hat brand standards (redhat.com/en/about/brand/standards, every public tab read from the live HTML and its images) and the Red Hat Design System foundations and tokens (ux.redhat.com), fetched 2026-10-30. Login-gated pages (The Source, Brand Portal, gradient specs, logo downloads) were not read", "provenance": "published", "motion": [ { "name": "shape-transition", "use": "Base shapes grow, shrink and morph into one another to move between collage scenes; elements pop out of frames as the story unfolds", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/hybrid-style-handbook" }, { "name": "logo-outro", "use": "Videos end on the animated Red Hat logo (specs in the login-only video standards)", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/logo" }, { "name": "focus-no-transition", "use": "Focused interactive elements switch transition animations off", "prov": "published", "source": "https://ux.redhat.com/foundations/interactions/focus-indicators/" }, { "name": "fully-animated-3d", "use": "Full-frame 3D scenes are animation-only, never used as a static design", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/3d" } ], "icons": { "grid": "30px grid, saved with a 3px margin (36 x 36px) for standard icons; 32px grid for UI icons; 20px grid for microns", "sizes": [ { "name": "standard icon", "px": 36, "use": "artwork icons paired with text on slides, web cards, diagrams; best between 32 and 128px", "stroke_px": 1.25 }, { "name": "UI icon", "px": 32, "use": "interface icons at 16-32px; 2px stroke at 32, 1px at 16", "stroke_px": 2 }, { "name": "micron", "px": 20, "use": "tiny interactive icons at 10-20px (dropdowns, close, search), for spaces 12px or less; 2px stroke at 20, 1px at 10", "stroke_px": 2 } ], "stroke": "1.25pt on standard icons; 2px on UI icons and microns at artboard size", "caps_joins": "rounded corners and rounded ends", "angles": "0, 45 or 90 degrees, or those plus or minus 12 degrees (the ascender angle of the Red Hat fonts)", "color": "red, black or white by default; any palette color allowed; UI icons gray-95 on white in the masthead; 3:1 contrast minimum for UI icons and microns", "rule": "front-on, flattened geometric drawings; circular icons overshoot square ones by 1px; never combine, rotate, recolor outside the palette, add effects, go 3D, or generate with AI", "license": "Creative Commons Attribution 4.0 (attribution on redistribution)", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/icons/standard-icons", "also": [ "https://www.redhat.com/en/about/brand/standards/icons/ui-icons", "https://www.redhat.com/en/about/brand/standards/icons/technology-icons" ] }, "signature": [ { "id": "pops-of-red", "name": "Pops of Red Hat red", "where": "every piece: large headlines, a key word, pull quotes, the hat, a CTA", "spec": "Restrained, mostly neutral layouts (white or gray-10, or black, gray-80 or purple-80) with red-50 #EE0000 used sparingly to draw the eye; large headlines are often set entirely in red-50 with black or white body copy. Red-50 must appear in everything Red Hat makes", "once": "reserve red for short lines; paragraphs stay black or white", "example": { "ground": "paper", "text": "Opportunities are open", "mark": "open", "mark_style": "color", "mark_color": "#EE0000", "weight": 400 }, "dont_example": { "ground": "#EE0000", "text": "Opportunities are open", "ink": "#FFFFFF" }, "dont": "flood a space with red, set body copy in red, or leave red out entirely", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/color", "also": [ "https://www.redhat.com/en/about/brand/standards/typography" ] }, { "id": "base-shapes", "name": "Hybrid style base shapes", "where": "collages for web bands, cards, ads, social and slides", "spec": "Nine fixed shapes inspired by the hat: circle, pill, rectangle, diamond, square, hexagon, hat brim, hat crown, hat pinch. Rectangle and diamond round two opposite corners 3x more than the other two; square and hexagon corners are equal. Shapes can be scaled, flipped, rotated, filled with an accent color or gradient, or drawn as a thin stroke; they mask photos and platform art, and key elements break out of the frame. One light source (upper left by default), soft drop shadows", "once": "one clear focal point per collage, with red-50 in every collage", "example": { "ground": "night", "text": "Choose scale over sprawl", "weight": 400 }, "dont_example": { "ground": "night", "text": "Choose scale over sprawl", "font": "body", "weight": 700 }, "dont": "distort shapes, change their corner radii, combine shapes into new ones, invent new shapes, or use the hat itself as a base shape", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/hybrid-style-handbook" }, { "id": "gradient-strokes", "name": "Thin gradient strokes", "where": "weaving through hybrid collages, in front of and behind elements", "spec": "Four strokes only: red-40 #F56E6E to red-50 #EE0000; red-40 to purple-50 #5E40BE (via #C96E96, #996EC2, #876FD4); red-40 to orange-10 #FFE8CC (via red-30 #F9A8A8 at 40%); red-40 to teal-20 #B9E5E5 (via red-30 at 40%). Lightest end toward the light source; the line stays thin", "once": "a stroke is a line, never a fill", "example": { "ground": "night", "text": "Build quickly and launch anywhere", "edge": "gradient", "edge_to": "#5E40BE" }, "dont_example": { "ground": "night", "text": "Build quickly and launch anywhere", "edge": "gradient", "edge_to": "#FFCC17" }, "dont": "use a gradient stroke as a fill, background or glow, thicken it, or make new gradients", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/hybrid-style-handbook", "also": [ "https://www.redhat.com/en/about/brand/standards/color" ] }, { "id": "hat-artwork", "name": "The hat as artwork", "where": "internal, event and swag pieces where everyone knows the brand", "spec": "The exact trademarked hat (crown, band, brim) used as a mask, masked inside shapes, repeated as a pattern or cropped off the edge, in core colors only (red, black, gray or white), with the Red Hat name or logo nearby", "once": "only where the audience already knows Red Hat", "example": { "ground": "#EE0000", "text": "We are Red Hat", "ink": "#FFFFFF", "weight": 700 }, "dont_example": { "ground": "#5E40BE", "text": "We are Red Hat", "ink": "#FFCC17" }, "dont": "redraw, flip, tilt, recolor outside core colors, drop the band, render in 3D, or generate hats with AI", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/the-hat" } ], "page": { "source": "https://www.redhat.com/en", "date": "2026-10-30", "prov": "observed", "how": "Opened https://www.redhat.com/en with Playwright at 1440x900 and 390x844 (Chrome UA), waited on domcontentloaded + 6s (networkidle never settles), scrolled the full page to trigger lazy content, read computed styles including open shadow roots (rh-navigation-primary, rh-cta, rh-tag, rh-tabs, rh-footer), hovered CTAs, links and cards. The ref full-page screenshot shows a white/black strip at the top and the sticky nav over the hero; the true at-rest state is nav 0-82 then the hero at 82.", "voices": "Two voices. The homepage (and so any landing page built from this spec) is plain and institutional: sentence-case Red Hat Display headlines in black #151515 or white, never red; short factual card titles (\"Red Hat OpenShift\", \"Featured product\"), one sourced proof number with its source line, and verb-first CTA labels (\"Register for the virtual event\", \"Get product details\", \"See all products\"). Red appears only as pill CTA fills, the 8px stat accent bar, the active-tab bar and the hat. The guide's campaign voice (experienced, compassionate, progressive; big red headlines or a red key word; hybrid collages with gradient strokes) governs campaigns, ads, social and event pages. A landing page follows the homepage voice and this anatomy; the guide's fixed rules (sentence case, never all caps, never track, (R) on first adjectival product use, Logo A top left, red in everything) still hold. Where the site and the guide disagree, the guide is brand law and the site is how it is applied on the web: (1) buttons are 64px-radius pills on the site (RHDS rh-cta) while the guide/RHDS default radius is 3px: build landing-page CTAs as pills; 3px stays for inputs, selects and the tab panel. (2) The hero H1 is Display Regular 400 at 64px/1.1 (the guide's expressive 3xl), section H2s are Display Medium 500 at 28px/1.3; the guide's 'web 2xl 48 Regular' is not used on the homepage. (3) No headline on the homepage is red; 'red headline' is campaign voice only. (4) The hero headline is an h2 and the 36px statement lower down is the page's h1: keep that order for SEO-neutral builds, or use h1 for the hero if you must, but keep the sizes.", "nav": { "summary": "White sticky masthead: full Red Hat logo at left, six primary menus with chevrons, then three small utility links (Console, Docs, Support) and three 18px icons (search, bell, user) at right. Phone: hat-only logo, hamburger, then waffle, search, bell, user icons.", "ground": "#FFFFFF with box-shadow 0 2px 4px rgba(21,21,21,0.2) (no border); sticky at top, z above the page", "height": "82px desktop (y 0-82); 50px phone", "border": "none; the 2px-blur shadow is the only edge", "logo": { "variant": "Logo A full colour: red #EE0000 hat with black #000000 band, wordmark #151515", "px": "127x30 (SVG viewBox 613x145, preserveAspectRatio xMinYMid slice)", "position": "desktop x 32, y 26 (container padding 0 16px 0 32px); phone the same SVG in a 32x24 box at x 16 y 13, so 'slice' crops it to the hat only", "file": "https://static.redhat.com/libs/redhat/brand-assets/2/corp/logo.svg" }, "links": { "count": 6, "labels": "AI, Hybrid cloud, Products, Training, Learn, Partners (all with a 10x10 chevron-down 8px after the label)", "size": "16px/24px Red Hat Text", "weight": 400, "color": "#151515", "alignment": "left group after the logo; each item is a full-height 82px with 16px side padding: label x 191, 256, 396, 511, 618, 709; label baseline row y 32-53", "hover": "4px bottom border #C7C7C7 on the item (transparent at rest)" }, "actions": [ "Utility links Console (x 1068), Docs (x 1143), Support (x 1199): Red Hat Text 14px/21px 400 #151515, no underline, about 24px apart", "Three icon buttons, each a 50x82 cell: search magnifier (icon x 1290), bell 'For you' (x 1340), user 'Log in' (x 1390); icons 18x18 #151515 at y 32. Their labels Search / For you / Log in are not shown at rest (accessible names only)", "No CTA button in the masthead" ], "sticky": "position sticky top 0; stays white with the same shadow when scrolled", "phone": { "shows": "50px white bar: hat-only logo 32x24 at x 16; hamburger 'Menu' (34x50 cell at x 64); right group of four 34x50 icon cells at x 246 (3x3 dot waffle 'Explore Red Hat'), 280 (search), 314 (bell), 348 (user)", "menu": "hamburger opens a white panel under the bar: rows AI, Hybrid cloud, Products, Training, Learn, Partners, each 358x60 at x 16 from y 66, Red Hat Text 18px #151515 with a chevron, 1px #C7C7C7 top border on every row and a bottom border on the last; the open hamburger gets a 4px #EE0000 underline; page behind dimmed by an overlay rgba(31,31,31,0.8) (#1F1F1F at 0.8)", "cta": "none in the bar" }, "copy": "verbatim labels: AI, Hybrid cloud, Products, Training, Learn, Partners | Console, Docs, Support | Search, For you, Log in (icon names); phone also 'Menu' and 'Explore Red Hat'" }, "hero": { "summary": "Full-bleed black event hero: a purple outline date tag, a 3-line 64px white Display Regular headline, a 3-line 20px white lead with a bold date phrase, and one red pill CTA in the left half; a 3D black shield with a silver AI sparkle and green check fills the right half as the section's background image; four soft white four-point sparkles float over it.", "live_today": "Campaign live on 2026-10-30: 'What's next' global security virtual event (Adobe Target mbox 'hero-mbox' can swap this hero per visitor; the default shown to an anonymous visitor at 1440 and 390 is recorded here)", "desktop": { "section": "y 82-735 (653px), padding 96px 0; ground #000000 with background-image hero-ground-desktop.webp (2400x1324) background-size cover, background-position 50% 0 (renders 1440x794, top-aligned, bottom 141px cropped)", "column_split": "12-column row; copy in the left 6 columns (col x 16-720, text x 32-704 = 672px); right 6 columns empty: the shield is part of the background image (its body spans about x 805-1305)", "vertical_anchors": "tag y 178-207; H2 y 231-442 (3 lines); lead y 458-548 (3 lines); CTA y 580-639; copy block vertically centred (dx-items-center) in the 461px row", "text_max_width": "672px for tag, headline and lead (text-wrap: pretty); headline breaks 'Shift your open source / security from reactive / to ready'", "media": "no frame, no radius, no overlap: the image is the section background; four sparkles (::before/::after) sit over it", "cta_size": "278x59 primary pill (padding 16px 32px, radius 64px)", "gaps": "tag margin-bottom 24px; H2 margin-bottom 16px; lead margin-bottom 32px" }, "phone": { "order": "tag, headline, lead, CTA, then the shield image full-bleed (hero-shield-phone-367.webp 390x261 at y 561; picture uses 576/768 versions at wider widths)", "alignment": "left, 16px gutter", "sizes": "section y 50-871 (821px), padding 48px 0; tag y 98; H2 35px/45.5px 400 in 3 lines (y 151-288, 358 wide); lead 18px/27px in 5 lines (y 304-439); CTA 278x59 at x 16 y 470; image 390x261 at y 561", "ground": "linear-gradient(#000000 0, #151515 100%) instead of the background image" }, "at_rest": { "ground": "Desktop: #000000 + hero-ground-desktop.webp cover, position 50% 0. The image already contains the black ground, the dark 3D shield, the silver four-point AI sparkle with green check and soft glows. Do not redraw the shield or add a gradient.", "sparkles": "Static (animation none). Section ::before draws three blurred white four-point stars, background-repeat no-repeat: hero-sparkle-68.svg (68px, opacity 0.46, blur 4) at calc(95% + 12px) calc(9% - 12px); hero-sparkle-28.svg (28px, opacity 0.18, blur 2) at calc(44% - 6px) calc(40% - 6px); hero-sparkle-46.svg (46px, opacity 0.30, blur 3) at calc(8% - 9px) calc(22% - 9px). ::after adds hero-sparkle-32.svg (32px, opacity 0.22, blur 2) at calc(58% - 6px) calc(72% - 6px). Same on phone over the gradient.", "tag": "rh-tag outline purple with a 14px calendar icon: 156x29, fill #151515, 1px solid #5E40BE border (on ::before), radius 64px, padding 4px 8px; text Red Hat Text 14px/21px 400 #B6A6E9; icon #D0C5F4; label 'November 12, 2026'", "cookie_banner": "a TrustArc 'How we use cookies' box (white box, blue top rule, blue Accept all / More options buttons) and a Qualified chat bubble float over the page at load: third-party overlays, not part of the design. Leave both out." }, "media": "hero-ground-desktop.webp (desktop background), hero-shield-phone-367.webp / hero-shield-phone-768.webp (phone stacked image), hero-sparkle-*.svg", "type": "H2 Red Hat Display 64px/70.4px 400 #FFFFFF (phone 35px/45.5px 400); lead Red Hat Text 20px/30px 400 #FFFFFF with the date phrase in 700 (phone 18px/27px)", "cta": "one primary red pill 'Register for the virtual event' (button_primary); no secondary", "proof": "none in the hero; proof comes later (the 90% Fortune 500 stat and the customer logo row)", "copy": [ "Tag: \"November 12, 2026\"", "H2: \"Shift your open source security from reactive to ready\"", "Lead: \"AI is reshaping vulnerability management at machine speed. **Join us on November 12, 2026,** to see how to evolve your security operating model from provenance to remediation.\"", "CTA: \"Register for the virtual event\"", "Image alt (phone): \"An illustration of a shield on a dark background overlaid with an AI sparkle and a green checkmark\"" ], "copy_prov": "observed, verbatim, https://www.redhat.com/en (2026-10-30); rotates with campaigns" }, "sections": [ { "name": "Featured (news cards)", "summary": "White band with a small 24px 'Featured' heading, a row of one wide event card (copy + secondary pill + illustration) and one narrow press card (title + blue arrow link), then three compact 'Blog post' cards.", "ground": "#FFFFFF", "desktop": { "band": "y 735-1399; 'Featured' H2 at y 799 (64px below the hero), cards start y 854 (24px under the heading's 31px line)", "heading": "\"Featured\" Red Hat Display 24px/31.2px 500 #151515 at x 32", "row_1": "card A x 32 y 854 907x284; card B x 971 437x284; 32px gap. Card A: padding 32px, text column x 65-636 (571px) and the image featured-summit-connect.webp 270x211 at x 652 y 891; title 28px/36.4px 500 2 lines y 887, body 18px/27px y 976 (2 lines), secondary pill 'See dates & locations' 224x59 at y 1046. Card B: padding 32px; title 28px/36.4px 500 in 4 lines (y 887-1033) and the link 'Read the press release' + 16px arrow at y 1082", "row_2": "three compact cards 437x229 at x 32, 501, 971 (32px gaps), y 1170 (32px under row 1): padding 24px; filled gray tag 'Blog post' at the top; title 24px/31.2px 500 #151515 (a link) at y 1248, 24px under the tag; 16px #0066CC arrow-right bottom-right (x 424 in card 1, y 1349, 24px from the right and bottom edges)" }, "phone": { "band": "y 871-2490; 'Featured' 20px/26px 500 at y 935", "cards": "all stacked 358 wide at x 16, 32px apart: card A y 985 358x528 (padding 24px; title 24px/31.2px 3 lines, body 18px/27px 4 lines, CTA 224x59 at y 1243, image 176x137 centred under the CTA at y 1342); card B y 1544 358x263 (padding 32px; title 24px/31.2px 5 lines; link y 1751); blog cards y 1839 (213 tall), 2084 (187), 2303 (187), titles 20px/26px" }, "anatomy": [ "Every card: #FFFFFF fill, 1px solid #C7C7C7 border, radius 16px, no shadow", "Blog card hover: fill #F2F2F2 (whole card is the link)", "Tag 'Blog post' (rh-tag filled gray): 76x29, fill #E0E0E0, radius 64px, padding 4px 8px, Red Hat Text 14px/21px 400 #151515, margin-bottom 24px", "Card titles are Display 500 #151515, never red; body Red Hat Text 18px/27px #151515", "Event illustration is a hybrid-style collage (red Summit badge, teal diamond, red and purple gradient strokes, pink plane) on white: use the downloaded file, do not redraw" ], "components": [ "card_outline", "card_compact", "tag_filled_gray", "button_secondary_on_light", "cta_link" ], "copy": [ "H2: \"Featured\"", "Card A: \"Put innovation within reach at Red Hat Summit: Connect 2026\" / \"We’re bringing expert-led panels, product demos, breakout sessions, networking opportunities, and more to cities around the world.\" / CTA \"See dates & locations\"", "Card B: \"IBM and Red Hat remediate more than 400 previously unknown vulnerabilities with Lightwell\" / link \"Read the press release\"", "Blog cards (tag \"Blog post\"): \"Gain insight into key security issues with our new Open Source Security Signals report\"; \"Preparing for Q-day: 4 steps to prepare your hybrid cloud\"; \"Meet Red Hat Ansible Automation Platform 2.7\"" ], "copy_prov": "observed, verbatim, https://www.redhat.com/en (2026-10-30); news rotates" }, { "name": "Company statement with stat (accent bar)", "summary": "White band: the page's H1 statement and a paragraph at left; at right a proof stat set off by an 8px red left bar with a small source line.", "ground": "#FFFFFF", "desktop": { "band": "y 1494-1749, padding-bottom 64px; starts 95px under the blog cards", "left": "H1 36px/46.8px Display 500 #151515, x 32, 789px wide, 2 lines (y 1494-1588); paragraph 18px/27px #151515 at y 1604, 3 lines, 789px", "right": "column x 955-1424 (lg col-5): accent-bar box x 971 y 1494 437x128, border-left 8px solid #EE0000, padding 8px 0 16px 24px; stat Display 20px/26px 500 #151515 (2 lines, y 1502); source Red Hat Text 12px/18px #4D4D4D at y 1570 (2 lines)" }, "phone": { "band": "y 2490-3112", "stack": "H1 36px/46.8px in 4 lines (y 2586); paragraph 16px/24px 6 lines (y 2789); accent-bar box at x 16 (text x 48) from y 2965, stat 18px/23.4px 500 3 lines, source 12px/18px" }, "anatomy": [ "Inline text links in body copy: #0066CC with a 1px dashed #707070 underline, offset 4px; hover #004D99, underline turns solid-colour #004D99, offset 6px", "The stat is the only big number on the page and it carries its source line; never add a number without one", "No background, no card: the 8px red bar is the whole frame" ], "components": [ "accent_bar_stat", "inline_link" ], "copy": [ "H1: \"Red Hat is the leading provider of enterprise open source software solutions\"", "Paragraph: \"Enterprises around the world trust [our broad portfolio] of hybrid cloud infrastructure, application services, cloud-native application development, automation, and artificial intelligence solutions to deliver IT services on any infrastructure quickly and cost effectively.\"", "Stat: \"More than 90% of companies in the U.S. Fortune 500 continue to rely on Red Hat.\"", "Source: \"Source: Red Hat® client data and [Fortune 500 list for 2026] (subscription required)\"" ], "copy_prov": "observed, verbatim, https://www.redhat.com/en (2026-10-30)" }, { "name": "Products intro line", "summary": "One centred 28px line on white introducing the dark products band.", "ground": "#FFFFFF", "desktop": { "band": "y 1749-1881, padding-bottom 96px", "h2": "Display 28px/36.4px 500 #151515, centred across 1376px, 1 line at y 1749" }, "phone": { "band": "y 3112-3381", "h2": "28px/36.4px centred, 3 lines (y 3176-3285)" }, "anatomy": [ "Plain sentence, no eyebrow, no CTA; the following dark band's first card rises 64px into this white band on desktop" ], "components": [], "copy": [ "H2: \"Build on a reliable foundation. Take your apps anywhere.\"" ], "copy_prov": "observed, verbatim, https://www.redhat.com/en (2026-10-30)" }, { "name": "Products (dark band, featured product + 2x2 product cards)", "summary": "Near-black band washed with a purple-to-black gradient: a full-width 'Featured product' card (Lightwell), four product cards in a 2x2 grid, each with a hybrid-style product icon, title, text, white outline pill and a row of cloud-provider logos, then a centred red 'See all products' pill.", "ground": "#151515 with background-image linear-gradient(rgba(33,19,77,0.62) 6.79%, rgba(0,0,0,0.62) 97.55%) (rgba(33,19,77) = purple-70 #21134D): reads deep purple-black at the top, near-black at the bottom (rgba(0,0,0,0.62) over #151515)", "desktop": { "band": "y 1881-3252 (1371px), padding 0 0 64px; container padding 0 32px", "featured_card": "Lightwell card x 32 y 1817 1376x275: it starts 64px ABOVE the band (negative top margin) so it overlaps the white intro band. Fill #151515, 1px solid #4D4D4D, radius 16px, padding 32px; text column x 81-813 (732px): 'Featured product' 16px/24px #FFFFFF y 1850, title 24px/31.2px 500 #FFFFFF y 1898, body 18px/27px #FFFFFF y 1946 (2 lines), link 'Get details on the offering' #92C5F9 + arrow y 2037; logo lightwell-logo-rev.webp 295x57 at x 1009 y 1927, vertically centred in the right half", "grid": "2 columns 674px at x 32 and 736 (30px gap); rows y 2125 (455 tall) and 2612 (453 tall), 32px apart; first row 33px under the featured card", "card": "fill #151515, 1px solid #4D4D4D, radius 16px; content inset 25px (x 57 in a card at x 32): icon 108x91 at +25 top; title 24px/31.2px 500 #FFFFFF at +164; body 18px/27px #FFFFFF at +211 (2 lines, 624 wide); white outline pill at +281 (219x59 'Get portfolio details' or 213x59 'Get product details'); label 12px/18px #FFFFFF at +356 ('Products available on' / 'Available on'); logo row at +390: logos at 32px height (AWS 27, Azure 65, Google Cloud 63, IBM Cloud 46, Oracle 50 wide), 16px apart", "footer_cta": "'See all products' primary pill 185x59 centred (x 628, y 3129); 64px to the band bottom" }, "phone": { "band": "y 3381-6121, padding 64px 0", "featured_card": "x 16 y 3445 358x418, inside the band (no overlap on phone); text x 65; 'Featured product' 16px/24px, title 20px/26px, body 16px/24px 6 lines, link y 3749, logo 138x27 centred below at y 3804", "cards": "stacked 360 wide at x 16, 32px apart (y 3895, 4395, 4935, 5472; 462-507 tall); title 20px/26px, body 16px/24px; pill full label width; logo row wraps (Oracle drops to a second line)", "footer_cta": "'See all products' pill centred, label at y 6016" }, "anatomy": [ "Product icons are Red Hat's hybrid-style technology icons: a red rounded square behind a black rounded square holding a white/red line glyph (AI sparkle, RHEL stack, OpenShift ring, Ansible A). Use the files; do not redraw", "Cloud-provider logos are their own full-colour marks on the dark card (AWS, Microsoft Azure, Google Cloud, IBM Cloud, Oracle Cloud Infrastructure); RHEL and OpenShift show all five, Red Hat AI shows four (no Oracle), Ansible shows four (no IBM Cloud)", "Secondary pill on dark: transparent fill, 1px solid #FFFFFF, #FFFFFF label; hover border 2px (padding 15px 31px) and a 1px #A3A3A3 underline offset 4px", "Link on dark: #92C5F9 Display 16px 700 with a 16px arrow" ], "components": [ "card_dark", "button_secondary_on_dark", "button_primary", "cta_link_on_dark" ], "copy": [ "Featured card: \"Featured product\" / \"Lightwell\" / \"Move more quickly from vulnerability discovery, to remediation, to proactive protection, with infrastructure built on trust and backed by IBM and Red Hat.\" / \"Get details on the offering\"", "\"Red Hat AI\" / \"Expand your AI capabilities with optimized models and efficient inference on a platform built for agentic workflows.\" / \"Get portfolio details\" / \"Products available on\"", "\"Red Hat Enterprise Linux\" / \"Support application deployments—from on premise to the cloud to the edge—in a flexible operating environment.\" / \"Get product details\" / \"Available on\"", "\"Red Hat OpenShift\" / \"Quickly build and deploy applications at scale, while you modernize the ones you already have.\" / \"Get product details\" / \"Available on\"", "\"Red Hat Ansible Automation Platform\" / \"Create, manage, and dynamically scale automation across your entire enterprise.\" / \"Get product details\" / \"Available on\"", "CTA: \"See all products\"" ], "copy_prov": "observed, verbatim, https://www.redhat.com/en (2026-10-30)" }, { "name": "Customer logos", "summary": "White band: a 24px heading, one row of six full-colour customer logos in equal cells, and a blue arrow link.", "ground": "#FFFFFF", "desktop": { "band": "y 3252-3597, padding-top 80px", "heading": "Display 24px/31.2px 500 #151515 at y 3332", "logos": "6 cells 203px wide at x 32, 267, 501, 736, 971, 1205 (about 32px gaps), logos scaled to the 203 width and vertically centred in a 142px row (y 3395-3537): Turkish Airlines 203x59, Emirates NBD 203x74, TD 203x142, Panasonic Connect 203x68, Ulta Beauty 203x67, Siemens 203x67", "link": "'See all customer stories' + arrow at y 3574" }, "phone": { "band": "y 6121-6611, padding-top 80px; heading 20px/26px at y 6201", "logos": "2 columns 163px wide at x 16 and 211, three rows (y 6259, 6351, 6497)", "link": "y 6588" }, "anatomy": [ "Logos keep their own brand colours (no greyscale filter)", "No cards, borders or dividers" ], "components": [ "cta_link" ], "copy": [ "H2: \"Organizations succeeding with Red Hat\"", "Link: \"See all customer stories\"" ], "copy_prov": "observed, verbatim, https://www.redhat.com/en (2026-10-30)" }, { "name": "Open source that works your way (copy + collage)", "summary": "White two-column band: heading, paragraph and red pill at left; a hybrid-style photo collage at right.", "ground": "#FFFFFF", "desktop": { "band": "y 3597-4044, padding-top 96px", "split": "copy x 32-704 (672px, lg col-6); image open-source-collage.webp 555x351 at x 853 y 3693 (right, top-aligned to the band padding); copy vertically centred on the image", "copy": "H2 28px/36.4px 500 y 3743; paragraph 18px/27px y 3796 (4 lines); primary pill 'See our open approach' 238x59 at y 3936" }, "phone": { "band": "y 6611-7289", "stack": "H2 28px/36.4px 2 lines (y 6707), paragraph 16px/24px 6 lines (y 6796), pill y 6971, then the image 358x227 at y 7062" }, "anatomy": [ "Collage: two people at a laptop masked in a rounded rectangle on red-40/red-50 with a pale red-05 backing shape, dotted grid, and three white circle 'bubbles' holding red line icons; one light source. Use the file" ], "components": [ "button_primary" ], "copy": [ "H2: \"Open source that works your way\"", "Paragraph: \"Our hybrid cloud solutions provide choice and flexibility, powered by an open ecosystem of customers, partners, and communities. Rely on our technologies, experience, and support to help you build and operate on your terms—across environments and wherever workloads run.\"", "CTA: \"See our open approach\"" ], "copy_prov": "observed, verbatim, https://www.redhat.com/en (2026-10-30)" }, { "name": "Tech topics worth exploring (vertical tabs)", "summary": "Heading with a secondary pill at right, then a vertical tab list (14 topics) beside a bordered panel holding a topic definition, a list of article links and a customer proof block.", "ground": "#FFFFFF", "desktop": { "band": "header y 4045-4200 (padding-top 96px): H2 28px/36.4px at x 32 y 4152, secondary pill 'See all topics' 163x59 right-aligned at x 1245 y 4141; tabs y 4231-5034, then a 64px spacer to 5131", "tabs": "rh-tabs vertical: list x 32 181px wide with a 1px #C7C7C7 left rule; first tab starts 32px down; each tab 53px tall, padding 8px 16px, Red Hat Text 16px/24px; inactive #4D4D4D, active #151515 with a 3px #EE0000 left bar", "panel": "x 245 y 4263 1131x638: #FFFFFF, 1px solid #F2F2F2 border, radius 3px, padding 24px 32px (a #E0E0E0 layer behind shows only as a faint edge). Content x 278: H3 24px/31.2px 500 y 4288; definition 18px/27px y 4336; 'Read more' link y 4400; then two columns: left 'Articles' H4 20px/26px 500 y 4503 + 8 links Red Hat Text 18px/27px #0066CC (no underline) on a 35px pitch (y 4547-4792) + 'Explore related blog posts' y 4853; right x 902: Banco Galicia logo 244x66 y 4503, proof line 18px/27px 441 wide y 4601, 'See how' link y 4692" }, "phone": { "band": "y 7289-8685", "tabs": "horizontal scrolling row at y 7486, 53px tall, with 56x53 prev/next chevron buttons at x 16 and 317; active tab marked with the 3px red bar at its left", "panel": "x 32 326 wide from y 7554 (960 tall), content x 49: H3 20px/26px, text 16px/24px, links 16px/24px on a 32px pitch, 1px dividers between the three blocks, Galicia logo 251x68", "cta": "'See all topics' secondary pill centred below the panel (x 113 y 8562)" }, "anatomy": [ "Tab labels in order: AI, APIs, Automation, Cloud, Cloud services, Containers, DevOps, Edge computing, Integration, Linux, Microservices, Middleware, Security, Virtualization", "Tab hover: label darkens; active state = 3px red left bar only (no fill)", "Article links are plain #0066CC text, no underline at rest" ], "components": [ "tabs_vertical", "button_secondary_on_light", "cta_link" ], "copy": [ "H2: \"Tech topics worth exploring\"; CTA \"See all topics\"", "Panel (AI tab): \"Understanding AI\" / \"Artificial intelligence (AI) refers to systems that can acquire and apply knowledge, and carry out behavior based on that knowledge.\" / \"Read more\"", "\"Articles\": What is generative AI? / What are foundation models for AI? / What are large language models? / What is deep learning? / What is MLOps? / AI infrastructure explained / Understanding AI/ML use cases / What is machine learning? / \"Explore related blog posts\"", "Proof: Banco Galicia logo / \"The bank cut verification times from days to minutes with an AI-based natural language processing solution.\" / \"See how\"" ], "copy_prov": "observed, verbatim, https://www.redhat.com/en (2026-10-30)" }, { "name": "Get more with a Red Hat account (pre-footer)", "summary": "Light-grey full-bleed band: heading, paragraph, red pill and a blue link at left; a hybrid-style portrait collage at right.", "ground": "#F2F2F2 (gray-10)", "desktop": { "band": "y 5131-5617 (486px)", "split": "copy x 32-704; image account-collage.png 550x358 at x 853 y 5195 (64px from the band top and bottom)", "copy": "H2 28px/36.4px 500 y 5244; paragraph 18px/27px 3 lines y 5296; primary pill 'Log in or register' 192x59 at y 5393; link 'Explore account benefits' + arrow y 5481" }, "phone": { "band": "y 8685-9411", "stack": "H2 24px/31.2px y 8749, paragraph 18px/27px 5 lines, pill y 8947, link y 9035, image 358x233 at y 9114" }, "anatomy": [ "Collage: smiling man in a purple turban with a laptop masked over a red-40 rounded shape, a document card with red rules, a cursor arrow, a cloud with a keyhole, red dot grid" ], "components": [ "button_primary", "cta_link" ], "copy": [ "H2: \"Get more with a Red Hat account\"", "Paragraph: \"Sign in or create an account to start product trials, access training tools, register for events, get world-class support, and more. A subscription may be required for some services.\"", "CTA: \"Log in or register\"; link \"Explore account benefits\"" ], "copy_prov": "observed, verbatim, https://www.redhat.com/en (2026-10-30)" } ], "footer": { "summary": "Dark three-tier footer: logo and language select over a hairline; four link columns plus an 'About Red Hat' block; then a black legal strip with the hat, two rows of small links, copyright and five social icons.", "ground": "1px solid #707070 top rule; header and main #1F1F1F (gray-90); legal strip #151515 (gray-95)", "anatomy": [ "Header y 5618-5717, padding 32px: logo footer-logo-on-dark.svg 135x32 at x 32 y 5651 (red hat, white wordmark); language select at right x 1265 y 5650 143x35: fill #151515, 1px solid #707070, radius 3px, padding 6px 38px, Red Hat Text 14px #FFFFFF with a globe icon left and caret right, value 'English'; a 1px hairline (mid grey, as the #707070 rules) across x 32-1408 under the header", "Main y 5717-6117, padding 32px 32px 64px: headings Red Hat Display 18px/23.4px 500 #FFFFFF at y 5749; links Red Hat Text 14px/21px 400 #FFFFFF on a 29px pitch (first link y 5788); columns x 32, 264, 496, 728 (200px wide, 232px pitch), About block x 960 448px wide", "Platforms: Red Hat AI, Red Hat Enterprise Linux, Red Hat OpenShift, Red Hat Ansible Automation Platform, See all products", "Tools: Training and certification, My account, Customer support, Developer resources, Find a partner, Red Hat Ecosystem Catalog, Documentation", "Try, buy, & sell: Product trial center, Red Hat Store, Buy online (Japan), Console", "Communicate: Contact sales, Contact customer service, Contact training, Social", "About Red Hat: paragraph 14px/21px #C7C7C7 \"Red Hat is an open hybrid cloud technology leader, delivering a consistent, comprehensive foundation for transformative IT and artificial intelligence (AI) applications in the enterprise. As a trusted adviser to the Fortune 500, Red Hat offers cloud, developer, Linux, automation, and application platform technologies, as well as award-winning services.\" (links 'trusted adviser to the Fortune 500' and 'award-winning' #92C5F9 with 1px dashed #92C5F9 underline); then two link columns at x 960 and 1191, 29px pitch from y 5946: Our company, How we work, Customer success stories, Newsroom, Open source commitments, Our social impact, Jobs (read across)", "Legal strip y 6117-6245, padding 32px: hat footer-hat.svg 53x40 at x 32 y 6149; row 1 at y 6157 (Red Hat Text 12px/16px #FFFFFF, about 24px apart from x 117): About Red Hat, Jobs, Events, Locations, Contact Red Hat, Red Hat Blog, Inclusion at Red Hat, Cool Stuff Store, Red Hat Summit; row 2 at y 6197: Privacy statement, Terms of use, All policies and guidelines, Digital accessibility, Cookie preferences", "Right side of the legal strip: \"© 2026 Red Hat\" 12px/16px #C7C7C7 right-aligned at y 6151; social icons 24px #A3A3A3 at y 6187, 40px pitch from x 1224: LinkedIn, YouTube, Facebook, X, Instagram", "No street address or phone number is published in the footer (not published)", "Footer links have no underline at rest; hover underlines" ], "phone": "Header 163px: logo at y 9444, then the language select under it at x 16 y 9508. Platforms, Tools, Try, buy, & sell, Communicate become collapsed accordions (rows 358x54 at x 16 from y 9575, toggle fill #151515, padding 16px 24px, Display 16px/20.8px 500 #FFFFFF, 1px #707070 top and bottom rules). About Red Hat stays open (18px/23.4px heading, 14px paragraph, two link columns at x 16 and 202). Legal strip #151515 from y 10181 (padding 32px 16px): the two link rows become a two-column list (x 16 and 207, 24px pitch), a 1px #707070 rule, copyright at y 10558, socials at y 10594 from x 16 (40px pitch). Footer is 1239px tall.", "copy_prov": "observed, verbatim, https://www.redhat.com/en (2026-10-30)" }, "dark_ground": { "secondary_button": "transparent fill, 1px solid #FFFFFF, #FFFFFF Display 16px 700 label, radius 64px, padding 16px 32px (59px tall); hover border 2px, padding 15px 31px, underline 1px #A3A3A3 offset 4px", "primary_button": "unchanged on dark: #EE0000 fill, white label (See all products)", "link": "#92C5F9 (interaction-blue-30) Display 16px 700 + 16px arrow; inline links in dark paragraphs #92C5F9 with a 1px dashed #92C5F9 underline", "muted_text": "#C7C7C7 (footer paragraph, copyright); #A3A3A3 for social icons", "hairline": "1px solid #4D4D4D card borders on #151515; 1px solid #707070 footer rules and select border", "logo_variant": "full logo on dark: red hat with white wordmark (footer-logo-on-dark.svg); hat-only in the legal strip" }, "page_height": "6245px desktop, 10650px phone", "announcement_note": "No announcement bar above the nav on 2026-10-30." }, "bands": [ { "label": "Masthead", "ground": "#FFFFFF + shadow 0 2px 4px rgba(21,21,21,0.2)", "content": "logo, 6 menus, Console/Docs/Support, 3 icons", "desktop": "1440x82 sticky", "phone": "390x50: hat, hamburger, 4 icons", "anatomy": [ "Menus Red Hat Text 16px #151515 with 10px chevrons; utility 14px" ] }, { "label": "Event hero", "ground": "#000000 + full-bleed shield image (phone: gradient #000000 to #151515)", "content": "purple outline date tag, 64px white Display 400 headline, 20px lead, red pill", "desktop": "y 82-735, copy in left 672px, padding 96px", "phone": "y 50-871, padding 48px, image stacked after the CTA", "anatomy": [ "Four static blurred white sparkles", "One CTA" ] }, { "label": "Featured", "ground": "#FFFFFF", "content": "24px heading, event card + press card, 3 blog cards", "desktop": "y 735-1399; outline cards radius 16px, 32px gaps", "phone": "y 871-2490, all cards stacked", "anatomy": [ "1px #C7C7C7 borders, gray pill tags" ] }, { "label": "Statement + stat", "ground": "#FFFFFF", "content": "36px H1 + paragraph; 8px red accent-bar stat with source", "desktop": "y 1494-1749, 789px copy, stat column at x 971", "phone": "y 2490-3112 stacked", "anatomy": [ "Dashed-underline inline links" ] }, { "label": "Products intro", "ground": "#FFFFFF", "content": "one centred 28px line", "desktop": "y 1749-1881", "phone": "y 3112-3381, 3 lines", "anatomy": [] }, { "label": "Products", "ground": "#151515 + purple-70 to black gradient at 0.62", "content": "featured product card, 2x2 product cards, red pill", "desktop": "y 1881-3252; featured card rises 64px into the band above", "phone": "y 3381-6121 stacked", "anatomy": [ "Dark cards #151515, 1px #4D4D4D, radius 16px", "White outline pills, #92C5F9 links" ] }, { "label": "Customer logos", "ground": "#FFFFFF", "content": "24px heading, 6 colour logos, arrow link", "desktop": "y 3252-3597, padding-top 80px", "phone": "y 6121-6611, 2 columns", "anatomy": [] }, { "label": "Open source", "ground": "#FFFFFF", "content": "copy + red pill left, photo collage right", "desktop": "y 3597-4044", "phone": "y 6611-7289, image last", "anatomy": [] }, { "label": "Tech topics", "ground": "#FFFFFF", "content": "heading + outline pill, vertical tabs + panel", "desktop": "y 4045-5131", "phone": "y 7289-8685, tabs scroll horizontally", "anatomy": [ "Active tab 3px #EE0000 left bar" ] }, { "label": "Account pre-footer", "ground": "#F2F2F2", "content": "copy, red pill, blue link; portrait collage", "desktop": "y 5131-5617", "phone": "y 8685-9411", "anatomy": [] }, { "label": "Footer", "ground": "#1F1F1F, legal strip #151515", "content": "logo + language, 4 link columns + About, legal links, copyright, socials", "desktop": "y 5617-6245", "phone": "y 9411-10650, accordions", "anatomy": [ "1px #707070 top rule" ] } ], "layout": { "page_margin": { "desktop": 32, "phone": 16 }, "section_padding": { "desktop": 96, "phone": 64 }, "container_max": 1440, "hero_text_max": 672, "columns": 12, "columns_phone": 1, "gutter": 32, "gutter_phone": 16, "card_gap": 32, "nav_height": 82, "note": "Measured on https://www.redhat.com/en (2026-10-30) at 1440 and 390. Container max-width 1440px with 0 32px padding (content x 32-1408, 1376px); rows are 12-column with 16px column padding (32px gutters). Desktop band padding: 96px for the hero (top and bottom), the open-source and topics headers and under the products intro; 80px above the customer logos; 64px under the statement band and products band and around the account collage. Phone: 16px gutter, hero padding 48px, dark band 64px, other bands 80-96px top. Cards: 32px gaps (30px between the dark product columns). Nav 82px desktop, 50px phone. Body copy max 789px (statement) / 672px (half-width copy).", "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)" }, "type": [ { "role": "Hero headline", "id": "display-hero", "face": "Red Hat Display", "size": { "desktop": 64, "phone": 35 }, "line_height": 1.1, "tracking_px": 0, "weight": 400, "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)", "note": "phone 35px/45.5px (1.3); always Regular 400, white on the hero" }, { "role": "Statement H1", "id": "display-statement", "face": "Red Hat Display", "size": { "desktop": 36, "phone": 36 }, "line_height": 1.3, "tracking_px": 0, "weight": 500, "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)" }, { "role": "Section H2 / featured card title", "id": "heading-l", "face": "Red Hat Display", "size": { "desktop": 28, "phone": 24 }, "line_height": 1.3, "tracking_px": 0, "weight": 500, "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)", "note": "section H2s stay 28px on phone (Open source, Topics, Build on); featured card titles drop to 24px; account H2 24px on phone" }, { "role": "Small section H2 / card title", "id": "heading-m", "face": "Red Hat Display", "size": { "desktop": 24, "phone": 20 }, "line_height": 1.3, "tracking_px": 0, "weight": 500, "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)", "note": "'Featured', 'Organizations succeeding', blog/product/panel titles" }, { "role": "Stat / H4", "id": "heading-s", "face": "Red Hat Display", "size": { "desktop": 20, "phone": 18 }, "line_height": 1.3, "tracking_px": 0, "weight": 500, "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)", "note": "accent-bar stat; 'Articles' H4 stays 20px" }, { "role": "Footer column heading", "id": "heading-xs", "face": "Red Hat Display", "size": { "desktop": 18, "phone": 16 }, "line_height": 1.3, "tracking_px": 0, "weight": 500, "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)" }, { "role": "Hero lead", "id": "lead", "face": "Red Hat Text", "size": { "desktop": 20, "phone": 18 }, "line_height": 1.5, "tracking_px": 0, "weight": 400, "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)", "note": " inside at 700" }, { "role": "Body large", "id": "body-l", "face": "Red Hat Text", "size": { "desktop": 18, "phone": 16 }, "line_height": 1.5, "tracking_px": 0, "weight": 400, "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)", "note": "most paragraphs; account paragraph stays 18px on phone" }, { "role": "Body / nav menu / eyebrow", "id": "body", "face": "Red Hat Text", "size": { "desktop": 16, "phone": 16 }, "line_height": 1.5, "tracking_px": 0, "weight": 400, "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)" }, { "role": "CTA and link label", "id": "cta", "face": "Red Hat Display", "size": { "desktop": 16, "phone": 16 }, "line_height": 1.5, "tracking_px": 0, "weight": 700, "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)" }, { "role": "Small: tags, utility nav, footer links", "id": "small", "face": "Red Hat Text", "size": { "desktop": 14, "phone": 14 }, "line_height": 1.5, "tracking_px": 0, "weight": 400, "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)" }, { "role": "Caption: source line, 'Available on'", "id": "caption", "face": "Red Hat Text", "size": { "desktop": 12, "phone": 12 }, "line_height": 1.5, "tracking_px": 0, "weight": 400, "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)", "note": "footer legal links 12px/16px" } ], "components": { "button_primary": { "fill": "#EE0000", "text": "#FFFFFF", "border": "1px solid #EE0000", "ring_px": 1, "ring": "#EE0000", "radius": 64, "padding": "16px 32px", "padding_x": 32, "height": 59, "font_size": 16, "weight": 700, "face": "display", "text_style": "Red Hat Display 16px/24px 700", "example": "Register for the virtual event (278x59), See all products (185x59)", "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)", "states": { "hover": { "measured": { "fill": "#A60000", "border": "1px solid #A60000", "label": "underline 1px #FFFFFF offset 4px" }, "prov": "observed", "css": { "background-color": "#A60000", "box-shadow": "inset 0 0 0 1px #A60000", "text-decoration": "underline 1px", "text-underline-offset": "4px" } }, "focus": { "measured": { "fill": "#A60000", "inner": "1px #FFFFFF outline offset -3px", "outer": "2px outline offset 2px (rh-cta stylesheet)" }, "prov": "observed", "css": { "background-color": "#A60000", "outline": "1px solid #FFFFFF", "outline-offset": "-3px" } } } }, "button_secondary_on_light": { "fill": "transparent", "text": "#151515", "border": "1px solid #151515", "ring_px": 1, "ring": "#151515", "radius": 64, "padding": "16px 32px", "padding_x": 32, "height": 59, "font_size": 16, "weight": 700, "face": "display", "example": "See dates & locations (224x59), See all topics (163x59)", "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)", "states": { "hover": { "measured": { "border": "2px solid #151515", "padding": "15px 31px", "label": "underline 1px #8C8C8C offset 4px" }, "prov": "observed", "css": { "box-shadow": "inset 0 0 0 2px #151515", "text-decoration": "underline 1px #8C8C8C", "text-underline-offset": "4px" } } } }, "button_secondary_on_dark": { "fill": "transparent", "text": "#FFFFFF", "border": "1px solid #FFFFFF", "ring_px": 1, "ring": "#FFFFFF", "radius": 64, "padding": "16px 32px", "padding_x": 32, "height": 59, "font_size": 16, "weight": 700, "face": "display", "example": "Get product details (213x59)", "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)", "states": { "hover": { "measured": { "border": "2px solid #FFFFFF", "padding": "15px 31px", "label": "underline 1px #A3A3A3 offset 4px" }, "prov": "observed", "css": { "box-shadow": "inset 0 0 0 2px #FFFFFF", "text-decoration": "underline 1px #A3A3A3", "text-underline-offset": "4px" } } } }, "cta_link": { "text": "#0066CC", "text_style": "Red Hat Display 16px/24px 700, no underline, 16px arrow-right 8px after the label", "radius": 6, "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)", "states": { "hover": { "measured": { "color": "#004D99", "decoration": "underline 1px #004D99 offset 4px", "arrow": "translate 3px 0, 0.3s cubic-bezier(0.465,0.183,0.153,0.946)" }, "prov": "observed" } } }, "cta_link_on_dark": { "text": "#92C5F9", "text_style": "Red Hat Display 16px/24px 700 + 16px arrow", "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)" }, "inline_link": { "text": "#0066CC", "text_style": "inherits body size; 1px dashed #707070 underline, offset 4px", "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)", "states": { "hover": { "measured": { "color": "#004D99", "decoration": "1px #004D99, offset 6px" }, "prov": "observed" } } }, "tag_outline_purple": { "fill": "#151515", "text": "#B6A6E9", "border": "1px solid #5E40BE", "radius": 64, "padding": "4px 8px", "icon": "14px calendar #D0C5F4, 8px gap", "text_style": "Red Hat Text 14px/21px 400", "size": "156x29", "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)" }, "tag_filled_gray": { "fill": "#E0E0E0", "text": "#151515", "radius": 64, "padding": "4px 8px", "text_style": "Red Hat Text 14px/21px 400", "size": "76x29", "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)" }, "card_outline": { "fill": "#FFFFFF", "border": "1px solid #C7C7C7", "radius": 16, "padding": "32px (featured), 24px (compact)", "shadow": "none", "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)", "states": { "hover": { "measured": { "fill": "#F2F2F2 (compact blog cards, whole card is the link)" }, "prov": "observed" } } }, "card_dark": { "fill": "#151515", "border": "1px solid #4D4D4D", "radius": 16, "padding": "24px content inset (featured product: 32px + 16px column)", "text": "#FFFFFF", "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)" }, "accent_bar_stat": { "border": "8px solid #EE0000 on the left only", "padding": "8px 0 16px 24px", "fill": "none", "text": "#151515", "text_style": "stat Display 20px/26px 500; source Red Hat Text 12px/18px #4D4D4D", "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)" }, "tabs_vertical": { "list": "181px wide, 1px #C7C7C7 left rule; tab 53px tall, padding 8px 16px, Red Hat Text 16px/24px", "text": "#4D4D4D", "on": "#151515", "indicator": "3px #EE0000 left bar on the active tab", "panel": "#FFFFFF, 1px #F2F2F2, radius 3px, padding 24px 32px", "radius": 3, "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)" }, "nav_link": { "text": "#151515", "text_style": "Red Hat Text 16px/24px 400 + 10px chevron", "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)", "states": { "hover": { "measured": { "border-bottom": "4px solid #C7C7C7 on the 82px item" }, "prov": "observed" } } }, "footer_link": { "text": "#FFFFFF", "text_style": "Red Hat Text 14px/21px 400, 29px pitch; legal 12px/16px", "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)", "states": { "hover": { "measured": { "decoration": "underline" }, "prov": "observed" } } }, "language_select": { "fill": "#151515", "text": "#FFFFFF", "border": "1px solid #707070", "radius": 3, "padding": "6px 38px", "size": "143x35", "text_style": "Red Hat Text 14px/21px, globe icon left, caret right", "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)" }, "focus_ring": { "ring": "#0066CC", "ring_px": 2, "radius": 3, "note": "outline 2px solid #0066CC on links and the logo; offset 2px on CTAs", "prov": "observed", "source": "https://www.redhat.com/en (2026-10-30)" } } }, "system": { "fixed": [ "The hat: red fedora with black band, exactly as drawn", "Red Hat red #EE0000 in everything, used as pops", "The Red Hat font family, sentence case, untracked", "Real people, never AI-generated" ], "flex": "How expressive a piece gets on the essential-to-expressive spectrum: from logo, core colors, icons and type on white, to hybrid collages with purple-80 grounds, accent colors, 3D platform art, portraits and gradient strokes.", "traits": [ { "is": "Open", "text": "Open source ways applied to how Red Hat shows up; honest so people can take part (paraphrase).", "source": "https://www.redhat.com/en/about/brand/standards/personality", "prov": "published" }, { "is": "Authentic", "not": "Presumptuous or careless", "text": "Real people, real uses; relatable and mindful (paraphrase).", "source": "https://www.redhat.com/en/about/brand/standards/personality", "prov": "published" }, { "is": "Helpful", "text": "Share knowledge; focus on what customers need (paraphrase).", "source": "https://www.redhat.com/en/about/brand/standards/personality", "prov": "published" }, { "is": "Brave", "text": "Stand out and stand up for beliefs (paraphrase).", "source": "https://www.redhat.com/en/about/brand/standards/personality", "prov": "published" }, { "is": "Experienced", "not": "Purist", "text": "Confident expertise without being a know-it-all (paraphrase).", "source": "https://www.redhat.com/en/about/brand/standards/personality#how-we-sound", "prov": "published" }, { "is": "Compassionate", "not": "Compliant", "text": "Empathy, humility and an honest take (paraphrase).", "source": "https://www.redhat.com/en/about/brand/standards/personality#how-we-sound", "prov": "published" }, { "is": "Progressive", "not": "Reckless", "text": "Challenge the status quo respectfully (paraphrase).", "source": "https://www.redhat.com/en/about/brand/standards/personality#how-we-sound", "prov": "published" } ] }, "formats": [ { "format": "Landing page", "level": 2, "must": "Build it the way redhat.com/en is built (kit.spec.page, homepage voice): white sticky 82px masthead with Logo A top left; a full-bleed black hero with a 64px Red Hat Display Regular white headline, 20px lead and one red #EE0000 pill CTA (64px radius, 16/32 padding, Display 16px 700); white bands of 1px #C7C7C7 16px-radius cards; one sourced stat behind an 8px red left bar; a near-black #151515 band with a purple-70 gradient and #4D4D4D-bordered dark cards; light-grey #F2F2F2 pre-footer; #1F1F1F footer. Headlines sentence case in #151515 or white, never red; links #0066CC (#92C5F9 on dark); red only in pills, the accent bar, the active tab and the hat", "flex": "which sections and how many cards; the hero image or collage; the guide's campaign voice (red headline or key word, hybrid collage with gradient strokes, 3px buttons) for campaign and event pages that are not homepage-style", "guide_default": { "must": "Logo A top left with 'e' clear space; Red Hat Display sentence-case headline (web 2xl 48 Regular / expressive up to 96 at 1.1) with red-50 for the headline or a key word; Red Hat Text 16-18px body at 1.5; red-50 primary CTA with 3px radius and 16/32 padding; interaction-blue underlined links; at least one hybrid collage", "flex": "dark bands in gray-95, black or purple-80 with white text; light red bands; gradient strokes in a hero collage" }, "voice": "homepage voice (kit.spec.page.voices)" }, { "format": "Deck", "level": 3, "must": "Logo or hat present, sentence-case Display headlines, red headlines or key words, icons with short text, generous margins", "flex": "expressive dark slides, mini collages, platform art backgrounds" }, { "format": "Proposal page", "level": 1, "must": "White ground, black body, red headline, sourced numbers only, full product names with (R) on first use", "flex": "one mini collage or icon set" }, { "format": "Ad", "level": 4, "must": "Clear focal point, red-50 present, Logo A, short sentence-case headline", "flex": "platform art, portraits, accent colors, gradient strokes" }, { "format": "Social post", "level": 4, "must": "Hybrid collage with one light source, red-50, logo or product logo", "flex": "purple-80 or black ground, accent colors" }, { "format": "Email", "level": 1, "must": "Logo A in a slim header, white ground, black text, one red CTA, blue links", "flex": "small header collage" }, { "format": "Swag / signage", "level": 2, "must": "Lockup that fits the space (B for squares, C for large signage), hat always red with black band or one-color", "flex": "hat artwork in core colors" }, { "format": "Product UI", "level": 0, "must": "PatternFly/RHDS tokens, UI icons, interaction-blue, status colors from the information palette", "flex": "none" } ], "checks": [ { "name": "Logo hidden", "text": "Cover the hat. It should still read as Red Hat: pure red as a pop on a quiet ground, Red Hat Display in sentence case, real people or hat-shaped collages." }, { "name": "Red check", "text": "Is red-50 present, and is it a pop rather than a flood? Is any red used to mean something bad? Fix both." }, { "name": "Swap test", "text": "Put another enterprise vendor's logo on it. If the plain sentence-case type, the single red signal and the specific, sourced copy still fit, it is generic: go back." } ], "examples": [ { "chapter": "color", "do": { "ground": "paper", "text": "Choose scale over sprawl", "ink": "#EE0000" }, "do_caption": "A large headline in red-50 on white, body in black (typography color guidance).", "dont": { "ground": "#EE0000", "text": "Choose scale over sprawl", "ink": "#FFFFFF" }, "dont_caption": "Red flooding the whole space." }, { "chapter": "type", "do": { "ground": "paper", "text": "Choose an OS that moves with you" }, "do_caption": "Sentence case, concise, conversational.", "dont": { "ground": "paper", "text": "HARNESS THE POWER OF AN OPERATING SYSTEM" }, "dont_caption": "All caps and inflated wording, both ruled out." }, { "chapter": "voice", "do": { "ground": "paper", "text": "Trusted by 90% of Fortune 500 companies" }, "do_caption": "Specific and sourced (the guide's Red Hat voice line).", "dont": { "ground": "paper", "text": "Trusted by more enterprises than any other platform" }, "dont_caption": "Too know-it-all." } ], "make_it_yours": { "note": "Everything above transfers. These are Red Hat's own and must be replaced with yours: name and logo, purpose, positioning, messaging pillars, proof, taglines and boilerplate.", "replace": [ "identity", "purpose", "positioning", "messaging.pillars", "messaging.proof_points", "messaging.taglines", "messaging.boilerplate" ], "reference": { "purpose": { "mission": { "text": "Be the catalyst in communities of customers, contributors and partners that build better technology the open source way (paraphrase).", "paraphrase": true, "label": "Mission statement (2009)", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/history", "source_note": "The history page quotes it as the 2009 mission; the current internal platform statements are login-only" }, "story": { "text": "Red Hat began when Marc Ewing, who sold his own Linux distribution on CDs and was known as the helpful guy in the red hat, joined Bob Young; Red Hat Software was born in 1995. It took on proprietary software with the rebel Shadowman logo, went public in 1999, swapped boxed Linux for Red Hat Enterprise Linux subscriptions in 2001, passed US$1 billion in 2012, and in 2019 joined IBM as an independent subsidiary and launched the current logo and fonts through the Open Brand Project.", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/history", "paraphrase": true, "also": [ "https://www.redhat.com/en/about/brand/standards/the-hat", "https://www.redhat.com/en/about/brand/standards/logo" ] }, "values": [ { "name": "Open", "means": "Open source methods applied to how Red Hat shows up, honest so audiences can take part (paraphrase; a brand personality trait, the values themselves are not listed on the public pages).", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/personality" }, { "name": "Authentic", "means": "Real people and real uses of technology; relatable and mindful (paraphrase).", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/personality" }, { "name": "Helpful", "means": "Sharing knowledge and focusing on what customers actually need (paraphrase).", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/personality" }, { "name": "Brave", "means": "Standing up for beliefs even when the industry goes another way (paraphrase).", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/personality" } ] }, "positioning": { "statement": { "text": "Red Hat is the leading provider of enterprise open source software solutions.", "prov": "observed", "source": "https://www.redhat.com/en", "source_note": "2026-10-30, homepage section heading" }, "category": { "text": "Open hybrid cloud technology leader; enterprise open source software", "prov": "observed", "source": "https://www.redhat.com/en", "also": [ "https://www.redhat.com/en/about/brand/standards/history" ] }, "audience": { "text": "IT professionals and the enterprises that run on them, from developers and operations teams to IT decision makers, plus partners and open source contributors (paraphrase).", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/personality", "also": [ "https://www.redhat.com/en/about/brand/standards/hybrid-style-handbook" ] }, "problem": { "text": "Hybrid reality: workloads spread across datacenter, cloud and edge, and tools that do not talk to each other (paraphrase of the voice examples and hybrid style handbook).", "prov": "inferred", "source": "https://www.redhat.com/en/about/brand/standards/personality", "why": "Drawn from the guide's own example lines; no problem statement is published" }, "promise": { "text": "We unlock opportunities for innovation, everywhere.", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/platform" }, "differentiators": [ { "text": "Open source the whole way: products built the open source way, upstream communities, and open fonts and icons.", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/history", "also": [ "https://www.redhat.com/en/about/brand/standards/typography", "https://www.redhat.com/en/about/brand/standards/icons/standard-icons" ] }, { "text": "Hybrid cloud platforms for consistency anywhere apps run.", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/platform" }, { "text": "An open ecosystem of partners and communities: freedom to change, flex or stay the course.", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/platform" }, { "text": "Support from open source experts who care about solving the problem together.", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/platform" } ], "alternatives": [ { "text": "Closed, proprietary software vendors (the upstart role Shadowman stood for).", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/history" }, { "text": "Clones of Red Hat Enterprise Linux (the 2006 Unfakeable Linux response).", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/history" } ] }, "messaging": { "taglines": [ { "text": "Keep your options open", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/platform", "where": "Tagline of the global brand campaign: freedom to choose and room to grow" }, { "text": "No one innovates alone", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/platform", "where": "Brand mantra. The guide says it is a foundational statement, not a marketing tagline or headline; it appears as the brand standards index heading and on office posters" }, { "text": "We unlock opportunities for innovation, everywhere.", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/platform", "where": "Brand promise" } ], "attributes": [ "open", "authentic", "helpful", "brave" ], "key_messages": [], "boilerplate": { "text": "Red Hat is an open hybrid cloud technology leader that gives enterprises a consistent, comprehensive foundation for transformative IT and AI applications. A trusted adviser to the Fortune 500, it offers cloud, developer, Linux, automation and application platform technologies, plus award-winning services.", "prov": "observed", "source": "https://www.redhat.com/en", "source_note": "2026-10-30, paraphrase of the About Red Hat paragraph in the redhat.com footer; use the original wording from the site", "paraphrase": true }, "pillars": [ { "name": "Collaborators who show up for people", "claim": "How to innovate confidently: passionate open source experts who solve tough problems with customers (paraphrase).", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/platform", "proof": [ "p-fortune", "p-associates" ] }, { "name": "Builders of hybrid cloud platforms", "claim": "How to innovate consistently: platforms built to run anywhere the customer's most important projects need to (paraphrase).", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/platform", "proof": [ "p-rhel", "p-portfolio" ] }, { "name": "The most reliable partner in tech", "claim": "How to innovate comprehensively: an open ecosystem of partners and communities that keeps choices open (paraphrase).", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/platform", "proof": [ "p-summit", "p-fedora" ] } ], "proof_points": [ { "id": "p-fortune", "kind": "stat", "text": "More than 90% of companies in the U.S. Fortune 500 rely on Red Hat (Red Hat client data and Fortune 500 list, 2026).", "source": "https://www.redhat.com/en", "prov": "observed", "also": [ "https://www.redhat.com/en/about/brand/standards/history" ] }, { "id": "p-associates", "kind": "stat", "text": "A global company of about 22,000 people.", "source": "https://www.redhat.com/en/about/brand/standards/platform", "prov": "published" }, { "id": "p-billion", "kind": "other", "text": "In 2012 the first open source technology company to pass US$1 billion in revenue; over US$2 billion in 2016.", "source": "https://www.redhat.com/en/about/brand/standards/history", "prov": "published" }, { "id": "p-rhel", "kind": "other", "text": "Red Hat Enterprise Linux, sold by subscription since 2001, is the flagship product.", "source": "https://www.redhat.com/en/about/brand/standards/history", "prov": "published" }, { "id": "p-portfolio", "kind": "other", "text": "Four platform sub-brands: Red Hat Enterprise Linux, Red Hat OpenShift, Red Hat Ansible Automation Platform and Red Hat AI.", "source": "https://www.redhat.com/en/about/brand/standards/naming-and-trademarks", "prov": "published" }, { "id": "p-summit", "kind": "other", "text": "Red Hat Summit, the flagship event, held every year since 2005.", "source": "https://www.redhat.com/en/about/brand/standards/platform", "prov": "published" }, { "id": "p-fedora", "kind": "other", "text": "The Fedora Project, a Red Hat and volunteer partnership with tens of thousands of community members.", "source": "https://www.redhat.com/en/about/brand/standards/platform", "prov": "published" } ], "claim_boundaries": [ { "text": "Tell the truth no matter what; no absolute promises.", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/personality" }, { "text": "Be specific without being a know-it-all: a real number, not \"more than any other platform\".", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/personality" }, { "text": "Third parties may use Red Hat word marks only truthfully and referentially; logos need a written agreement.", "prov": "published", "source": "https://www.redhat.com/en/about/trademark-guidelines-and-policies" }, { "text": "Never imply Red Hat certification, endorsement or affiliation that does not exist.", "prov": "published", "source": "https://www.redhat.com/en/about/trademark-guidelines-and-policies" }, { "text": "\"No one innovates alone\" is a mantra, not a marketing headline.", "prov": "published", "source": "https://www.redhat.com/en/about/brand/standards/platform" }, { "text": "Cite the source of statistics (the Fortune 500 claim carries a source line).", "prov": "observed", "source": "https://www.redhat.com/en", "source_note": "2026-10-30" } ] } } } }