{ "schema": "brand-kit@2", "palette": { "paper": "#FFFFFF", "surface": "#EEEEEE", "ink": "#000000", "ink_muted": "#77767B", "accent": "#3584E4", "on_accent": "#FFFFFF", "accent_secondary": "#FF7800", "night": "#1A1622", "on_night": "#FFFFFF", "extras": [ { "name": "Blue", "hex": "#3584E4", "role": "Primary brand color. Emphasis of the primary color is particularly important; the brand book's headings, cover and back cover are Blue", "prov": "published", "source": "https://brand.gnome.org/", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.4" ] }, { "name": "Orange", "hex": "#FF7800", "role": "Secondary brand color", "prov": "published", "source": "https://brand.gnome.org/", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.4" ] }, { "name": "Purple", "hex": "#9141AC", "role": "Secondary brand color", "prov": "published", "source": "https://brand.gnome.org/", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.4" ] }, { "name": "Green", "hex": "#33D17A", "role": "Secondary brand color", "prov": "published", "source": "https://brand.gnome.org/", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.4" ] }, { "name": "Red", "hex": "#E01B24", "role": "Secondary brand color", "prov": "published", "source": "https://brand.gnome.org/", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.4" ] }, { "name": "White", "hex": "#FFFFFF", "role": "Neutral", "prov": "published", "source": "https://brand.gnome.org/", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.4" ] }, { "name": "Grey", "hex": "#77767B", "role": "Neutral", "prov": "published", "source": "https://brand.gnome.org/", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.4" ] }, { "name": "Quite Black", "hex": "#241F31", "role": "Neutral; the brand book's dark logo ground", "prov": "published", "source": "https://brand.gnome.org/", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.4" ] }, { "name": "HIG Blue 1", "hex": "#99C1F1", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ], "site_use": "Start of the Super Key chip gradient; mixed 35% with white for the hero banners (observed https://www.gnome.org/ (2026-10-30))" }, { "name": "HIG Blue 2", "hex": "#62A0EA", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Blue 3", "hex": "#3584E4", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ], "site_use": "Donate button in the hero banner (observed https://www.gnome.org/ (2026-10-30))" }, { "name": "HIG Blue 4", "hex": "#1C71D8", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ], "site_use": "The triangle pattern (tris) in the hero, at 10.8% opacity (observed https://www.gnome.org/ (2026-10-30))" }, { "name": "HIG Blue 5", "hex": "#1A5FB4", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ], "site_use": "Get GNOME band ground, link color on light grounds, start of the Support Us radial gradient (observed https://www.gnome.org/ (2026-10-30))" }, { "name": "HIG Green 1", "hex": "#8FF0A4", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ], "site_use": "End of the Super Key chip gradient (observed https://www.gnome.org/ (2026-10-30))" }, { "name": "HIG Green 2", "hex": "#57E389", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Green 3", "hex": "#33D17A", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Green 4", "hex": "#2EC27E", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Green 5", "hex": "#26A269", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Yellow 1", "hex": "#F9F06B", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Yellow 2", "hex": "#F8E45C", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Yellow 3", "hex": "#F6D32D", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Yellow 4", "hex": "#F5C211", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Yellow 5", "hex": "#E5A50A", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Orange 1", "hex": "#FFBE6F", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Orange 2", "hex": "#FFA348", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Orange 3", "hex": "#FF7800", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Orange 4", "hex": "#E66100", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Orange 5", "hex": "#C64600", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Red 1", "hex": "#F66151", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Red 2", "hex": "#ED333B", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Red 3", "hex": "#E01B24", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Red 4", "hex": "#C01C28", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Red 5", "hex": "#A51D2D", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Purple 1", "hex": "#DC8ADD", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Purple 2", "hex": "#C061CB", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Purple 3", "hex": "#9141AC", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ], "site_use": "End of the Support Us radial gradient (observed https://www.gnome.org/ (2026-10-30))" }, { "name": "HIG Purple 4", "hex": "#813D9C", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Purple 5", "hex": "#613583", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Brown 1", "hex": "#CDAB8F", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Brown 2", "hex": "#B5835A", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Brown 3", "hex": "#986A44", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Brown 4", "hex": "#865E3C", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Brown 5", "hex": "#63452C", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Light 1", "hex": "#FFFFFF", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Light 2", "hex": "#F6F5F4", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ], "site_use": "Body text on the colored bands (Get GNOME, Support Us) (observed https://www.gnome.org/ (2026-10-30))" }, { "name": "HIG Light 3", "hex": "#DEDDDA", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Light 4", "hex": "#C0BFBC", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Light 5", "hex": "#9A9996", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Dark 1", "hex": "#77767B", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Dark 2", "hex": "#5E5C64", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Dark 3", "hex": "#3D3846", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ], "site_use": "Developer Platform tile ground (observed https://www.gnome.org/ (2026-10-30))" }, { "name": "HIG Dark 4", "hex": "#241F31", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "HIG Dark 5", "hex": "#000000", "role": "HIG palette: app icons and illustrations; also the source for brand gradients (interpolate in HSL or LAB)", "prov": "published", "source": "https://developer.gnome.org/hig/reference/palette.html", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10" ] }, { "name": "Page ground", "hex": "#EEEEEE", "role": "Body background of www.gnome.org (--bg-color #eee); every light section sits on it", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "css": "https://www.gnome.org/style.css" }, { "name": "Hero wash", "hex": "#CCDEF9", "role": "Bottom stop of the hero gradient: linear-gradient(to top, #CCDEF9, transparent) twice, over #EEEEEE, so the hero runs #EEEEEE at the top to #CCDEF9 at the bottom", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "css": "https://www.gnome.org/style.css" }, { "name": "Hero banner", "hex": "#DBE9FA", "role": "Hero banner card fill: color-mix of HIG Blue 1 #99C1F1 with 65% white", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "css": "https://www.gnome.org/style.css" }, { "name": "Hero banner muted text", "hex": "#42464B", "role": "Banner second line: black at 70% opacity on #DBE9FA, as rendered", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "css": "https://www.gnome.org/style.css" }, { "name": "Button fill on light", "hex": "#D6D6D6", "role": "Default button fill: rgba(0,0,0,0.1) over #EEEEEE, as rendered (Core Apps, Code/Design/Translation/Testing)", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "css": "https://www.gnome.org/style.css" }, { "name": "Button fill on dev tile", "hex": "#54505C", "role": "Dark button fill: rgba(255,255,255,0.12) over #3D3846, as rendered (Developer Portal, Design System)", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "css": "https://www.gnome.org/style.css" }, { "name": "Inline button on blue", "hex": "#1756A2", "role": "Latest Release inline pill: rgba(0,0,0,0.1) over #1A5FB4, as rendered", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "css": "https://www.gnome.org/style.css" }, { "name": "Footer ground", "hex": "#1A1622", "role": "Footer background (hard-coded in style.css)", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "css": "https://www.gnome.org/style.css" }, { "name": "Suggested button (site)", "hex": "#4A86CF", "role": "--gnomeblue: fill of .btn.suggested outside the hero (not on the homepage at rest)", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "css": "https://www.gnome.org/style.css" } ], "note": "Brand roles from the brand book (Blue primary; Orange, Purple, Green, Red secondary; White, Grey, Quite Black neutral). paper is brand White; surface #EEEEEE, ink #000000 and night #1A1622 are what www.gnome.org renders (observed). The HIG palette is published for app icons and illustrations and is the pool for gradients." }, "typography": { "display": { "family": "Inter", "steal_family": "Inter", "weight": 800, "tracking": -0.01, "line_height": 1.25, "fallback_stack": "InterVariable, \"Inter Variable\", Inter, sans-serif", "real": "Inter (Rasmus Andersson; SIL OFL 1.1). The brand book sets headers in Inter Heavy", "stand_in": false, "prov": "published", "source": "https://brand.gnome.org/", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.3" ], "site": { "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "weight": 800, "size_px": "32.4 desktop / 23.4 phone (hero H1); 27 both (section H2); 21.6 (tile H4)", "line_height": "1.25", "tracking": "-0.01em (-0.18px at 18px body; html letter-spacing)", "font_feature_settings": "'liga' 1, 'calt' 1, 'cv05' 1", "loaded_from": "https://static.gnome.org/css/inter.css (InterVariable)", "font_note": "static.gnome.org InterVariable (Inter 4, optical size axis auto) with cv05, liga, calt only; load Inter from Google Fonts with font-optical-sizing auto and enable no other features" } }, "body": { "family": "Inter", "steal_family": "Inter", "weight": 400, "tracking": -0.01, "line_height": 1.6, "scale": 1, "fallback_stack": "InterVariable, \"Inter Variable\", Inter, sans-serif", "real": "Inter (SIL OFL 1.1). Body Text: Inter Normal 12pt in print", "stand_in": false, "prov": "published", "source": "https://brand.gnome.org/", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.3" ], "site": { "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "weights": "400 body, 500 nav links, 600 links and buttons, 700 banner titles and suggested buttons, 800 headings", "sizes_px": "18 body (html font-size), 16.2 banner second line and inline buttons, 14.4 small buttons, 12.6 copyright", "line_height": "1.6 (28.8px at 18px)" } }, "mono": { "family": "Source Code Pro", "steal_family": "Source Code Pro", "weight": 400, "real": "not published for brand use; the brand book prints hex values in a monospace face (observed)", "stand_in": true, "why": "Open monospace for hex values and code; GNOME does not name one for the brand", "prov": "inferred", "source": "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.4" }, "ui": { "family": "Adwaita Sans", "real": "Adwaita Sans: GNOME's UI face, a custom variant of Inter. Scoped to software UI only, never brand materials", "prov": "published", "source": "https://developer.gnome.org/hig/guidelines/typography.html", "also": [ "https://brand.gnome.org/" ] }, "scale_print": [ { "prov": "published", "source": "https://brand.gnome.org/", "role": "Header 1", "face": "Inter Heavy", "size_pt": 24 }, { "prov": "published", "source": "https://brand.gnome.org/", "role": "Header 2", "face": "Inter Heavy", "size_pt": 22, "note": "set in Blue in the brand book (p.3)" }, { "prov": "published", "source": "https://brand.gnome.org/", "role": "Header 3", "face": "Inter Heavy", "size_pt": 18 }, { "prov": "published", "source": "https://brand.gnome.org/", "role": "Header 4", "face": "Inter Bold", "size_pt": 16 }, { "prov": "published", "source": "https://brand.gnome.org/", "role": "Body Text", "face": "Inter Normal", "size_pt": 12 } ] }, "style": { "button_shape": "pill", "button_note": "Site buttons are 500px-radius pills (--btnround) with a translucent fill (rgba(0,0,0,0.1) on light, rgba(255,255,255,0.12) on dark); grouped choice buttons and buttons inside the dark tile use the 0.8rem (14.4px) square radius. The brand book publishes no button style.", "corners": "12px (--rounded-corner) on banners, tile images and chips; 24px on the Developer Platform tile; 0 on full-bleed bands", "linework": "rounded triangle fragments (tris) at about 11% opacity; flat geometric illustration; symbolic icons with 2px strokes", "motion": "hover only: buttons scale their fill to 1.05 over 200ms with an overshoot ease cubic-bezier(.17,.89,.32,1.28) (observed); no brand motion guidance published", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "css": "https://www.gnome.org/style.css" }, "voice": { "tone": [ "Plain", "Inclusive", "Considerate", "Warm", "Open" ], "notes": [ "Two voices. The HIG writing style governs UI text: short, neutral, header capitalization, no trailing periods. The website voice is warmer and plainer marketing English: short headings in title case, one or two sentence paragraphs, an occasional friendly aside (observed on www.gnome.org).", "A landing page follows the website voice: Title Case headings, sentence-case body with periods, second person allowed (\"your computer\").", "Community and openness carry the brand: get involved, donate, independent, for everyone.", "Never claims GNOME endorses or produces a third-party product without written permission (trademark rule)." ], "rules": [ { "id": "ui-length", "kind": "guidance", "text": "UI text short and to the point: the fewest words that keep the meaning", "prov": "published", "source": "https://developer.gnome.org/hig/guidelines/writing-style.html" }, { "id": "ui-neutral", "kind": "guidance", "text": "Neutral perspective; avoid \"you\" and \"my\" in UI; prefer \"your\" over \"my\"", "prov": "published", "source": "https://developer.gnome.org/hig/guidelines/writing-style.html" }, { "id": "header-caps", "kind": "headline_case", "value": "title", "text": "Header capitalization for headings, button labels, menu items and tooltips: capitalize words of four or more letters, verbs, nouns, first and last word", "prov": "published", "source": "https://developer.gnome.org/hig/guidelines/writing-style.html" }, { "id": "sentence-caps", "kind": "guidance", "text": "Sentence capitalization for labels that form sentences and for body, dialog and notification text", "prov": "published", "source": "https://developer.gnome.org/hig/guidelines/writing-style.html" }, { "id": "no-latin-abbr", "kind": "banned_words", "words": [ "i.e.", "e.g." ], "text": "Avoid Latin abbreviations; write \"for example\"", "prov": "published", "source": "https://developer.gnome.org/hig/guidelines/writing-style.html" }, { "id": "ellipsis", "kind": "guidance", "text": "End a label with … only when more input is needed before the action runs (Save As…)", "prov": "published", "source": "https://developer.gnome.org/hig/guidelines/writing-style.html" }, { "id": "no-period", "kind": "guidance", "text": "UI headings and descriptions do not end with a period, unless the text runs to several sentences", "prov": "published", "source": "https://developer.gnome.org/hig/guidelines/writing-style.html" }, { "id": "no-all-caps", "kind": "guidance", "text": "Do not capitalize every letter (no all caps)", "prov": "published", "source": "https://developer.gnome.org/hig/guidelines/typography.html" }, { "id": "no-italic", "kind": "guidance", "text": "Avoid italic and oblique faces", "prov": "published", "source": "https://developer.gnome.org/hig/guidelines/typography.html" }, { "id": "unicode", "kind": "guidance", "text": "Use proper Unicode: curly quotes, × for dimensions, … for ellipsis, ’ apostrophe, • bullets, – for ranges, narrow no-break space before units", "prov": "published", "source": "https://developer.gnome.org/hig/guidelines/typography.html" }, { "id": "name-caps", "kind": "guidance", "text": "Write GNOME and GTK in all capitals; Flatpak and Flathub with only the first letter capitalized", "prov": "published", "source": "https://foundation.gnome.org/trademark-and-logo/" }, { "id": "name-adjective", "kind": "guidance", "text": "Use the names as a generic name or adjective, never as a noun or verb, and never compound or modify them", "prov": "published", "source": "https://foundation.gnome.org/trademark-and-logo/" }, { "id": "registered", "kind": "guidance", "text": "Third parties mark the GNOME name as registered with ®", "prov": "published", "source": "https://foundation.gnome.org/trademark-and-logo/" }, { "id": "terminology", "kind": "guidance", "text": "Use standard GNOME terms for UI parts (pointer, window) and the user's own vocabulary over system terms", "prov": "published", "source": "https://developer.gnome.org/hig/guidelines/writing-style.html" } ], "approved": [ "Get Involved", "Donate", "independent", "for everyone", "open", "respects your privacy" ], "banned": [ "i.e.", "e.g.", "Gnome (mixed case)" ], "prov": "published", "source": "https://developer.gnome.org/hig/guidelines/writing-style.html" }, "spec": { "source": "https://www.gnome.org/", "how": "computed styles and element boxes measured with Playwright at 1440x900 and 390x844 (light color scheme), plus the site stylesheet www.gnome.org/style.css, on 2026-10-30", "provenance": "observed", "motion": [ { "name": "button-hover", "easing": "cubic-bezier(.17,.89,.32,1.28)", "duration_ms": 200, "use": "Button fill scales to 1.05 (1.06 for the hero Donate) on hover; --slickease overshoot", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "css": "https://www.gnome.org/style.css" }, { "name": "tile-hover", "easing": "cubic-bezier(.17,.89,.32,1.28)", "duration_ms": 300, "use": "Ecosystem tiles transition all properties", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "css": "https://www.gnome.org/style.css" }, { "name": "nav-link", "easing": "ease-out", "duration_ms": 300, "use": "Nav link pill background on hover (rgba(0,0,0,0.05))", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "css": "https://www.gnome.org/style.css" }, { "name": "sponsor-hover", "easing": "ease-out", "duration_ms": 300, "use": "Sponsor logos scale to 1.1 on hover", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "css": "https://www.gnome.org/style.css" }, { "name": "laptop-lid", "use": "Get GNOME band: a three.js laptop lid opens as the band scrolls into view. Animation only; the static resting state is the supplied lid image", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" } ], "icons": { "grid": "2px grid (app icons); pixel grid (symbolic)", "sizes": [ { "name": "symbolic", "px": 16, "use": "UI icons; also usable at 32, 64 and 128, no other sizes" }, { "name": "app", "px": 128, "use": "App icons, viewed at 64 and down to 32" } ], "stroke": "2px main strokes on symbolics; 1px avoided", "color": "symbolics monochrome, recolored programmatically; app icons from the HIG palette", "rule": "Symbolic: orthogonal, no perspective. App icons: simple geometric shapes, top plus darker front profile (up to 2 detail units), light from straight above, gradients only on curved surfaces", "prov": "published", "source": "https://developer.gnome.org/hig/guidelines/ui-icons.html", "also": [ "https://developer.gnome.org/hig/guidelines/app-icons.html", "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.9" ] }, "signature": [ { "id": "tris", "name": "Rounded triangle fragments (tris)", "where": "Brand book cover, page corners and back cover; the homepage hero (tris-l.svg, bottom left, 1024px wide)", "spec": "Right-angle triangles and half-squares with softly rounded corners, scattered along a diagonal grid, all one hue at low opacity: white about 10-20% on Blue in the brand book; HIG Blue 4 #1C71D8 at 0.108 opacity on the light hero. Never full strength, never behind text that needs contrast", "once": "one cluster per surface, anchored to a corner", "example": { "ground": "#3584E4", "text": "brand.gnome.org", "edge": "tris" }, "dont": "draw them at full opacity or in several colors, or rotate them off the 45° grid", "prov": "published", "source": "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.1", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.11", "https://www.gnome.org/ tris-l.svg (observed)" ] }, { "id": "hig-gradient", "name": "Vivid HIG gradients", "where": "Brand book Gradients page (orange-yellow to red-purple); homepage Support Us band (radial #1A5FB4 to #9141AC)", "spec": "Gradients from HIG palette colors, interpolated in HSL or LAB so the midpoint stays vivid. Homepage: radial-gradient(at left top, #1A5FB4, #9141AC)", "dont": "interpolate in RGB: muddy grey midpoints", "prov": "published", "source": "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.10", "also": [ "https://www.gnome.org/ (2026-10-30)" ] }, { "id": "blue-field", "name": "Solid Blue field", "where": "Brand book cover and back cover (#3584E4); homepage Get GNOME band in HIG Blue 5 #1A5FB4", "spec": "Full-bleed blue with white type and the white logo or tris", "dont": "tint it with other hues", "prov": "published", "source": "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.1", "also": [ "https://www.gnome.org/ (2026-10-30)" ] }, { "id": "flat-illustration", "name": "Full-color flat illustration", "where": "Homepage section art (shell.svg, apps.svg, design.svg, circle and flathub tiles)", "spec": "Computer imagery with everyday objects, HIG palette fills, geometric shapes, flat color with gradients only on curved surfaces, no people or faces", "dont": "add people, faces or textures", "prov": "published", "source": "https://gitlab.gnome.org/Teams/Design/app-illustrations/-/blob/master/README.md", "also": [ "GNOME Brand Book rev 2.2 (https://gitlab.gnome.org/Teams/Design/brand/-/raw/master/brand-book.pdf) p.8" ] } ], "layout": { "page_margin": { "desktop": 162, "phone": 18 }, "section_padding": { "desktop": 36, "phone": 36 }, "container_max": 1116, "hero_text_max": 517, "columns": 5, "columns_phone": 1, "gutter": 54, "gutter_phone": 18, "card_gap": 18, "nav_height": 62, "note": "A 7-track CSS grid: [full] 1fr | 5 x 180px main columns with 54px gaps (3rem) | 1fr. Main column x 162-1278 (1116px) at 1440. Half-width text blocks span 3 main columns (648px): left text x 162-810, right text x 630-1278. Art beside text bleeds from the text edge to the page edge (right art x 864-1440, left art x 0-576, art 600px wide, clipped). Sections have no padding; spacing comes from container margin-top 36px (2rem) and h2 margin-top 54px (3rem). Colored bands pad 72px (4rem) top. Phone (<=700px): one column x 18-372 (354px), gap 18px (1rem), art moves above its text. Nav ul min-height 62px; header block 97px desktop.", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, "breakpoints": { "all": [ 500, 600, 700, 750, 800 ], "phone_max": 600, "prov": "observed", "source": "https://www.gnome.org/style.css" }, "type": [ { "role": "Hero H1 (#subtitle)", "id": "display-hero", "face": "Inter", "size": { "desktop": 32.4, "phone": 23.4 }, "line_height": 1.25, "tracking_px": -0.32, "weight": 800, "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "note": "max-width 24ch (517px), 2 lines, centred" }, { "role": "Section H2", "id": "display-h2", "face": "Inter", "size": { "desktop": 27, "phone": 27 }, "line_height": 1.25, "tracking_px": -0.27, "weight": 800, "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "role": "Tile H4", "id": "display-h4", "face": "Inter", "size": { "desktop": 21.6, "phone": 21.6 }, "line_height": 1.25, "tracking_px": -0.22, "weight": 800, "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "role": "Wordmark text", "id": "logo", "face": "Inter", "size": { "desktop": 25.2, "phone": 25.2 }, "line_height": 1.25, "tracking_px": -0.18, "weight": 900, "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "note": "#logo font size; the logo itself is an SVG 133x53" }, { "role": "Body / lead", "id": "body", "face": "Inter", "size": { "desktop": 18, "phone": 18 }, "line_height": 1.6, "tracking_px": -0.18, "weight": 400, "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "role": "Nav link", "id": "nav", "face": "Inter", "size": { "desktop": 18, "phone": 18 }, "line_height": 1.6, "tracking_px": -0.18, "weight": 600, "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "note": "Rendered weight is 600: the global a rule sets font-variation-settings \"wght\" 600, which overrides font-weight on the variable face (observed 2026-10-30)." }, { "role": "Button label", "id": "button", "face": "Inter", "size": { "desktop": 18, "phone": 18 }, "line_height": 1.6, "tracking_px": -0.18, "weight": 600, "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "role": "Banner title", "id": "banner-title", "face": "Inter", "size": { "desktop": 18, "phone": 16.2 }, "line_height": 1.5, "tracking_px": -0.18, "weight": 700, "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "role": "Banner line", "id": "banner-line", "face": "Inter", "size": { "desktop": 16.2, "phone": 14.4 }, "line_height": 1.5, "tracking_px": -0.18, "weight": 600, "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "note": "black at 70% opacity" }, { "role": "Small button (dark tile)", "id": "button-small", "face": "Inter", "size": { "desktop": 14.4, "phone": 14.4 }, "line_height": 1.6, "tracking_px": -0.18, "weight": 600, "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "role": "Inline button", "id": "button-inline", "face": "Inter", "size": { "desktop": 16.2, "phone": 16.2 }, "line_height": 1.6, "tracking_px": -0.18, "weight": 600, "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "role": "Footer link", "id": "footer", "face": "Inter", "size": { "desktop": 18, "phone": 14.4 }, "line_height": 1.8, "tracking_px": -0.18, "weight": 600, "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "note": "Rendered weight is 600: the global a rule sets font-variation-settings \"wght\" 600, which overrides font-weight on the variable face (observed 2026-10-30)." }, { "role": "Copyright", "id": "legal", "face": "Inter", "size": { "desktop": 12.6, "phone": 12.6 }, "line_height": 1.6, "tracking_px": -0.18, "weight": 400, "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" } ], "components": { "button_default": { "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "face": "body", "fill": "#D6D6D6", "text": "#000000", "radius": "pill", "height": 50, "padding_x": 27, "font_size": 18, "weight": 600, "example": "Core Apps (143x50)", "note": "Fill is rgba(0,0,0,0.1) on #EEEEEE drawn on an ::after layer; padding 10.8px 27px; margin 5.4px", "states": { "hover": { "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "css": { "transform": "scale(1.05)", "transition": "transform 200ms cubic-bezier(.17,.89,.32,1.28)" }, "measured": { "note": "only the fill layer (::after) scales to 1.05; the label stays put; no underline" } } } }, "button_suggested_hero": { "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "face": "body", "fill": "#3584E4", "text": "#FFFFFF", "radius": "pill", "height": 50, "padding_x": 27, "font_size": 18, "weight": 700, "example": "Donate in the first hero banner (115x50; phone 88x39 at 15.3px)", "states": { "hover": { "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "css": { "transform": "scale(1.06)", "transition": "transform 200ms cubic-bezier(.17,.89,.32,1.28)" }, "measured": { "note": "fill layer scales to 1.06" } } } }, "button_choice_square": { "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "face": "body", "fill": "#D6D6D6", "text": "#000000", "radius": 14.4, "height": 50, "padding_x": 27, "font_size": 18, "weight": 600, "example": "Code / Design / Translation / Testing, 315x50 in a 2x2 grid, 18px gap; phone one column 354x50" }, "button_dark_tile": { "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "face": "body", "fill": "#54505C", "text": "#FFFFFF", "radius": 14.4, "height": 45, "padding_x": 27, "font_size": 14.4, "weight": 600, "example": "Developer Portal (191x45) and Design System (179x45) with a 16px white symbolic icon 0.4em before the label; phone radius 6px" }, "button_on_gradient": { "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "face": "body", "fill": "#FFFFFF", "text": "#FFFFFF", "radius": "pill", "height": 50, "padding_x": 36, "font_size": 18, "weight": 600, "example": "Donate in Support Us (132x50), centred", "fill_alpha": 0.12, "note": "fill is white at 12% alpha (rgba(255,255,255,0.12)) over the gradient" }, "button_inline_on_blue": { "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "face": "body", "fill": "#1756A2", "text": "#FFFFFF", "radius": "pill", "height": 33, "padding_x": 16.2, "font_size": 16.2, "weight": 600, "example": "Latest Release inline in a sentence (143x33)" }, "nav_link": { "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "face": "body", "fill": "none", "text": "#000000", "radius": "pill", "height": 40, "padding_x": 18, "font_size": 18, "weight": 600, "note": "hover fill rgba(0,0,0,0.05); rendered at 600 via font-variation-settings" }, "hero_banner": { "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "face": "body", "fill": "#DBE9FA", "text": "#000000", "radius": 12, "padding": "18px 27px desktop, 14.4px 18px phone", "note": "flex row, space-between: two-line text left (title 18/700, line 16.2/600 at 70%), optional button right; hover fill mixes to 85% white" }, "super_key_chip": { "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "face": "body", "fill": "linear-gradient(to right, #99C1F1, #8FF0A4)", "text": "#000000", "radius": 12, "padding": "1.8px 7.2px", "font_size": 12.6, "weight": 700, "note": "inline in body copy: 12px four-square symbolic icon + \"Super Key\" in monospace bold, 98x24" }, "tile_image": { "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "face": "body", "radius": 12, "height": 300, "note": "image 300px tall, object-fit cover, object-position bottom center, full tile width" }, "dev_tile": { "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "face": "body", "fill": "#3D3846", "text": "#FFFFFF", "radius": 24, "note": "full-width dark card: art 300px top edge to edge, then 54px padding (18px phone); body copy at 70% opacity" } }, "page": { "source": "https://www.gnome.org/", "date": "2026-10-30", "prov": "observed", "nav": { "summary": "No bar: the header sits inside the hero gradient. GNOME logo (foot + wordmark, black) at left; at right a language globe icon and two text links in pill hit areas. Not sticky.", "ground": "transparent over the hero gradient (#EEEEEE at the top)", "height": "header block y 18-115 (97px); ul.nav min-height 62px; links 40px tall at y 37", "border": "none", "logo": { "variant": "horizontal lockup, black #000000 (fill currentColor)", "px": "133x53 (svg height 4ex at 25.2px)", "position": "x 162, y 36", "file": "https://www.gnome.org/" }, "links": { "count": 3, "labels": "[globe icon, 22px] , About Us, Get Involved", "size": "18px/28.8px", "weight": 600, "color": "#000000", "alignment": "right-aligned ending x 1278: globe 956 (58x40), About Us 1018 (114x40), Get Involved 1135 (141x40); padding 5.4px 18px; pill hover rgba(0,0,0,0.05)", "files": [ "https://www.gnome.org/" ], "weight_note": "CSS says 500 but the a rule's font-variation-settings \"wght\" 600 wins on InterVariable" }, "actions": "none (no button in the header)", "sticky": false, "phone": "Header stacks and centres: logo centred at y 36 (x 129); the three nav items centred on the next row, y 117-157. No hamburger.", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, "hero": { "summary": "Centred hero on a pale blue wash: a large product render of a laptop running GNOME, a two-line 800-weight headline under it, then two stacked rounded info banners (Donate, Windows 10). Faint blue triangle fragments sit bottom-left behind it.", "ground": "Body #EEEEEE under linear-gradient(to top, #CCDEF9 at 67% alpha, transparent), tris-l.svg bottom left at 1024px wide (#1C71D8 shapes at 0.108 opacity), then linear-gradient(to top, #CCDEF9, transparent). Renders #EEEEEE at y 0 fading to #CCDEF9 at the bottom edge y 1092.", "desktop": { "band": "y 0-1092, full width, content centred in a 900px column", "media": "laptop render: element box 900x536 at x 270, y 133; the image (2048x1200) is object-fit contain inside it, so it draws 900x527; no frame, no shadow", "h1": "y 687, 517px wide (max 24ch), 2 lines: \"An independent computing / platform for everyone\", 32.4px/40.5px 800 #000000, centred", "banners": "container x 270-1170 with 54px side padding: banners 792px wide at x 324; banner 1 y 840 h 97 with the Donate button right (115x50 at x 968); banner 2 y 950 h 87 text only; 12px gap", "bottom": "54px below the last banner" }, "phone": { "order": "header (logo, then nav row), laptop 390x237 at y 195 (edge to edge), H1 23.4px/29.25px 2 lines at y 450, banners 354 wide at y 580 and 690 (96px each), hero ends y 841", "alignment": "centred; banner text left-aligned" }, "at_rest": "Static: the laptop is a still image (no animation). Banners at rest fill #DBE9FA.", "media": { "file": "https://www.gnome.org/img/laptop.webp", "note": "transparent PNG 2048x1200 of the laptop with the GNOME overview on screen" }, "type": "H1 Inter 800 32.4px; banner title 18px 700; banner line 16.2px 600 black at 70%", "cta": "One button only: Donate, #3584E4 pill, white 700 18px, 115x50, inside banner 1", "proof": "none in the hero", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, "sections": [ { "name": "Overview: A more elegant way to use your computer", "summary": "Two-column feature row: heading and paragraph left, a full-color illustration of a hand pressing the Super key right, bleeding off the right edge.", "ground": "#EEEEEE", "desktop": { "band": "y 1128-1457 (container margin-top 36px)", "text": "left-text x 162-810 (648px): H2 27px/33.75 800 at y 1237 (1 line), paragraph 18px/28.8 at y 1289 (2 lines), vertically centred", "media": "shell.svg 600x320 at x 864, y 1128, clipped at the page edge (576px visible)" }, "phone": { "order": "art first (354x189 at y 877), H2 2 lines at y 1092, paragraph 4 lines" }, "anatomy": [ "Paragraph includes an inline Super Key chip (super_key_chip: gradient #99C1F1 to #8FF0A4, 12px radius, 12px icon + monospace bold \"Super Key\")", "No button", "Copy: H2 \"A more elegant way to use your computer\"; paragraph ends \"It's magic.\"" ], "components": [ "super_key_chip" ] }, { "name": "Workspaces: Room to Breathe", "summary": "Full-width strip of three app-window groups on pale blue panels joined by blue arrows (one wide image), then a centred heading and a two-line caption.", "ground": "#EEEEEE", "desktop": { "band": "y 1457-2120", "media": "workspaces-l.png 1918x500 at y 1493, centred (x -239), wider than the viewport and clipped; the image itself carries the light-blue rounded panels", "text": "H2 centred y 1993; caption max 30ch (339px) centred at y 2044, 2 lines" }, "phone": { "media": "702x183 at y 1347 centred and clipped", "text": "H2 y 1530, caption 2 lines" }, "anatomy": [ "Section is the only full-bleed image band", "Caption class max-width 30ch" ] }, { "name": "Apps: Batteries Included", "summary": "Mirror of the first row: a cluster of app icons on the left (bleeding off the left edge), heading, paragraph and a grey pill button on the right.", "ground": "#EEEEEE", "desktop": { "band": "y 2156-2565", "media": "apps.svg 600x400 at x -24 (left-img, justify end), drop-shadow 0 1.4px 1.8px rgba(0,0,0,.2) + 0 7.2px 12.6px rgba(0,0,0,.1)", "text": "right-text x 630-1278: H2 y 2253, paragraph 3 lines y 2304, Core Apps button 143x50 at y 2418" }, "phone": { "order": "art first 354x236 at y 1693, H2 y 1956, paragraph 4 lines, button left-aligned y 2150" }, "anatomy": [ "button_default \"Core Apps\"" ], "components": [ "button_default" ] }, { "name": "Ecosystem", "summary": "Heading then a 2-column tile grid: two illustrated tiles with a small icon + title + one-line description, and a full-width dark Developer Platform card with a code-editor screenshot and two small dark buttons.", "ground": "#EEEEEE", "desktop": { "band": "y 2601-3754", "h2": "\"Ecosystem\" left at y 2619 (margin 18px top as first child)", "grid": "2 columns 549px, 18px gap, starting y 2679", "tiles": "each: image 549x300 radius 12px (object-fit cover, bottom centre) at y 2679; H4 21.6px 800 with a 16px black symbolic icon before it at y 3006; paragraph 18px 2 lines at y 3042. Tile 1 GNOME Circle (green illustration), tile 2 Flathub (blue screenshot illustration)", "dev_tile": "spans both columns: 1116x546 at y 3154, #3D3846, radius 24px, overflow hidden; art devs-illu.svg 1116x300 flush top (no radius); body padding 54px: H4 white y 3508, line at 70% white y 3544, buttons y 3596 (Developer Portal 191x45, Design System 179x45, 16px gap)" }, "phone": { "grid": "1 column 354px; tiles stack (Circle 485 tall, Flathub 456), dev tile 354x572 with 18px padding, buttons stack left-aligned with 6px radius" }, "anatomy": [ "Tile titles: \"GNOME Circle\" (circle icon), \"Flathub\" (Flathub icon), \"Developer Platform\"", "Button icons: wrench-like developer icon and a pencil-in-square design icon, 16px white" ], "components": [ "tile_image", "dev_tile", "button_dark_tile" ] }, { "name": "Get Involved", "summary": "Heading, paragraph and a 2x2 grid of square-cornered grey choice buttons on the left, a blueprint illustration (blue panel, compass, pencil, set square) on the right.", "ground": "#EEEEEE", "desktop": { "band": "y 3790-4199", "text": "left-text x 162-810: H2 y 3848, paragraph 2 lines y 3900, button grid y 3975 (315x50 x4, 18px gaps, rows y 3975 and 4044), closing line y 4112 with a #1A5FB4 600-weight link \"other teams\"", "media": "design.svg 600x400 at x 864, y 3790, clipped at right edge" }, "phone": { "order": "art first, H2 y 4235, paragraph 4 lines, buttons one column 354x50 with 18px gaps, closing line 2 lines" }, "anatomy": [ "button_choice_square x4: Code, Design, Translation, Testing" ], "components": [ "button_choice_square" ] }, { "name": "Get GNOME", "summary": "Full-bleed blue band: centred white heading, a three-line paragraph listing distributions in bold white links, a sentence with an inline Latest Release pill, then a laptop lid (3D) rising from the bottom edge.", "ground": "#1A5FB4", "desktop": { "band": "y 4235-5066 (831px), padding-top 72px, no bottom padding; margin-bottom 54px", "text": "H2 #F6F5F4 centred y 4361; paragraph 670px wide (60% of main) centred y 4431, 3 lines, distro names as white 600-weight links; second line y 4553 \"See what's new in the\" + inline pill", "media": "laptop lid at rest: 1152x453 at x 144, y 4613, flush to the band bottom (supplied image get-gnome-lid-desk.png: dark screen with a music app and an app-store page, brown keyboard deck at the bottom edge)" }, "phone": { "band": "y 4805-5364", "text": "paragraph 354 wide 5 lines", "media": "lid 312x123 at y 5241 (get-gnome-lid-phone.png)" }, "anatomy": [ "Text color #F6F5F4 (HIG Light 2); links #FFFFFF 600", "button_inline_on_blue \"Latest Release\"", "Lid is a three.js canvas: animation only; place the still image" ], "components": [ "button_inline_on_blue" ] }, { "name": "Supporting Organizations", "summary": "Centred heading, a wrapped row of full-color partner logos, a centred line, then a second wrapped row of infrastructure partner logos.", "ground": "#EEEEEE", "desktop": { "band": "y 5156-5847", "h2": "centred y 5174", "row1": "flex wrap, centred, 54px gap, logos 40px tall, 72px margins above and below: Google, SUSE, Canonical, Codethink, Red Hat on line 1 (y 5298), Endless, Igalia on line 2 (y 5392)", "line": "\"Infrastructure and services kindly provided by:\" centred y 5522", "row2": "ClouDNS, Abusix, Fastly, CDN77, OSU OSL, Equinix, AWS on line 1 (y 5641); Canonical, Red Hat, MacStadium, miniOrange on line 2" }, "phone": { "rows": "one logo per line, centred, 94px pitch (40px logo + 54px gap); row 1 y 5595-6199, line at y 6289, row 2 from y 6437" }, "anatomy": [ "Logos in their own colors (supplied SVGs); hover scale 1.1" ] }, { "name": "Support Us", "summary": "Full-bleed band with a diagonal blue-to-purple radial gradient, centred white heading, paragraph and a translucent white pill Donate button.", "ground": "#1A5FB4", "desktop": { "band": "y 5847-6306, padding 72px top and bottom", "ground": "radial-gradient(at left top, #1A5FB4, #9141AC)", "text": "H2 #F6F5F4 centred y 5973; paragraph 670 wide 3 lines y 6042; Donate 132x50 centred y 6165" }, "phone": { "band": "y 7019-7535", "text": "paragraph 5 lines" }, "anatomy": [ "button_on_gradient \"Donate\"" ], "components": [ "button_on_gradient" ] } ], "footer": { "summary": "Dark aubergine footer: 16 links in 4 flowing columns plus a social-icon column, then a tiny centred copyright line.", "ground": "#1A1622", "anatomy": [ "padding 36px top, 72px bottom", "ul x 108-1332 with 40px left padding; CSS columns 12rem (227px wide, 12px gap) => 5 columns at x 148, 387, 626, 865, 1105", "links 18px/32.4px #FFFFFF, rendered weight 600 (CSS font-weight 400 is overridden by font-variation-settings \"wght\" 600), left-aligned, underline only on hover", "col 1: Contact Us, About Us, Donate, GNOME Foundation", "col 2: Code of Conduct, Privacy, Welcome to GNOME, GNOME Handbook", "col 3: Issue Tracker, Developer Center, Latest Releases, This Week in GNOME", "col 4: Events, Forum, Planet GNOME, Logo & Brand", "col 5: three 32px social icons (Mastodon, YouTube, Matrix) at y 6341, 12px apart, fill white at 60%", "copyright \"© 2026 The GNOME Project\" 12.6px centred at y 6543", "No address, no phone number, no logo in the footer" ], "phone": "2 columns at 14.4px (links x 40 and ~221); socials at the end of column 2 (y 7846); copyright y 7961", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)", "files": [ "https://www.gnome.org/", "https://www.gnome.org/", "https://www.gnome.org/" ] }, "dark_ground": { "secondary_button": "rgba(255,255,255,0.12) fill, white 600 text (#54505C on #3D3846)", "link": "#FFFFFF 600 on blue and gradient bands; #1A5FB4 600 on light", "muted_text": "white at 70% opacity on #3D3846; #F6F5F4 body on #1A5FB4", "hairline": "none used", "logo_variant": "white logo on dark (brand rule); the homepage shows no logo on dark" }, "voice": "Landing page follows the website voice: Title Case headings (header capitalization) without periods, sentence-case paragraphs with periods.", "build_order": "Hero, then exactly these sections in order: Overview, Workspaces, Apps, Ecosystem, Get Involved, Get GNOME, Supporting Organizations, Support Us, then the footer." }, "bands": [ { "label": "Hero", "ground": "#CCDEF9", "content": "header, laptop, H1, two banners; ground runs #EEEEEE (top) to #CCDEF9 (bottom) with tris", "desktop": "0-1092", "phone": "0-841", "anatomy": [ "header inside the hero, no bar" ] }, { "label": "Overview: A more elegant way to use your computer", "ground": "#EEEEEE", "content": "Two-column feature row: heading and paragraph left, a full-color illustration of a hand pressing the Super key right, bleeding off the right edge.", "desktop": "y 1128-1457 (container margin-top 36px)", "phone": "art first (354x189 at y 877), H2 2 lines at y 1092, paragraph 4 lines", "anatomy": [ "Paragraph includes an inline Super Key chip (super_key_chip: gradient #99C1F1 to #8FF0A4, 12px radius, 12px icon + monospace bold \"Super Key\")", "No button", "Copy: H2 \"A more elegant way to use your computer\"; paragraph ends \"It's magic.\"" ] }, { "label": "Workspaces: Room to Breathe", "ground": "#EEEEEE", "content": "Full-width strip of three app-window groups on pale blue panels joined by blue arrows (one wide image), then a centred heading and a two-line caption.", "desktop": "y 1457-2120", "phone": "", "anatomy": [ "Section is the only full-bleed image band", "Caption class max-width 30ch" ] }, { "label": "Apps: Batteries Included", "ground": "#EEEEEE", "content": "Mirror of the first row: a cluster of app icons on the left (bleeding off the left edge), heading, paragraph and a grey pill button on the right.", "desktop": "y 2156-2565", "phone": "art first 354x236 at y 1693, H2 y 1956, paragraph 4 lines, button left-aligned y 2150", "anatomy": [ "button_default \"Core Apps\"" ] }, { "label": "Ecosystem", "ground": "#EEEEEE", "content": "Heading then a 2-column tile grid: two illustrated tiles with a small icon + title + one-line description, and a full-width dark Developer Platform card with a code-editor screenshot and two small dark buttons.", "desktop": "y 2601-3754", "phone": "", "anatomy": [ "Tile titles: \"GNOME Circle\" (circle icon), \"Flathub\" (Flathub icon), \"Developer Platform\"", "Button icons: wrench-like developer icon and a pencil-in-square design icon, 16px white" ] }, { "label": "Get Involved", "ground": "#EEEEEE", "content": "Heading, paragraph and a 2x2 grid of square-cornered grey choice buttons on the left, a blueprint illustration (blue panel, compass, pencil, set square) on the right.", "desktop": "y 3790-4199", "phone": "art first, H2 y 4235, paragraph 4 lines, buttons one column 354x50 with 18px gaps, closing line 2 lines", "anatomy": [ "button_choice_square x4: Code, Design, Translation, Testing" ] }, { "label": "Get GNOME", "ground": "#1A5FB4", "content": "Full-bleed blue band: centred white heading, a three-line paragraph listing distributions in bold white links, a sentence with an inline Latest Release pill, then a laptop lid (3D) rising from the bottom edge.", "desktop": "y 4235-5066 (831px), padding-top 72px, no bottom padding; margin-bottom 54px", "phone": "y 4805-5364", "anatomy": [ "Text color #F6F5F4 (HIG Light 2); links #FFFFFF 600", "button_inline_on_blue \"Latest Release\"", "Lid is a three.js canvas: animation only; place the still image" ] }, { "label": "Supporting Organizations", "ground": "#EEEEEE", "content": "Centred heading, a wrapped row of full-color partner logos, a centred line, then a second wrapped row of infrastructure partner logos.", "desktop": "y 5156-5847", "phone": "", "anatomy": [ "Logos in their own colors (supplied SVGs); hover scale 1.1" ] }, { "label": "Support Us", "ground": "#1A5FB4", "content": "Full-bleed band with a diagonal blue-to-purple radial gradient, centred white heading, paragraph and a translucent white pill Donate button. Ground: radial-gradient(at left top, #1A5FB4, #9141AC).", "desktop": "y 5847-6306, padding 72px top and bottom", "phone": "y 7019-7535", "anatomy": [ "button_on_gradient \"Donate\"" ] }, { "label": "Footer", "ground": "#1A1622", "content": "16 links in 4 columns + socials, copyright", "desktop": "6305-6647", "phone": "7535-8066", "anatomy": [ "padding 36px top, 72px bottom", "ul x 108-1332 with 40px left padding; CSS columns 12rem (227px wide, 12px gap) => 5 columns at x 148, 387, 626, 865, 1105", "links 18px/32.4px 400 #FFFFFF, left-aligned, underline only on hover" ] } ] }, "system": { "fixed": [ "the foot logo in black or white", "primary Blue #3584E4", "Inter, heavy headings", "colors from the HIG palette", "plain, translatable words" ], "flex": "which HIG secondaries and gradients a piece uses", "traits": [ { "text": "Do one thing well (paraphrase of Make it Simple).", "source": "https://developer.gnome.org/hig/principles.html", "prov": "published", "is": "Simple", "not": "Bare" }, { "text": "Little specialist knowledge needed (paraphrase).", "source": "https://developer.gnome.org/hig/principles.html", "prov": "published", "is": "Inclusive", "not": "Technical" }, { "text": "Respect people's time and attention (paraphrase).", "source": "https://developer.gnome.org/hig/principles.html", "prov": "published", "is": "Considerate", "not": "Interrupting" }, { "text": "Every aspect of the project is open (homepage).", "source": "https://www.gnome.org/", "prov": "observed", "is": "Open", "not": "Closed" } ] }, "formats": [ { "format": "Landing page", "level": 2, "must": "Build it the way www.gnome.org is built (kit.spec.page, website voice): #EEEEEE page, hero fading to #CCDEF9 with faint blue tris bottom-left, black logo top left and two text nav links right, product render, 32px Inter 800 centred H1, #DBE9FA rounded banners; alternating text/art rows with art bleeding off the edge; translucent grey pill buttons; HIG Blue 5 band and a blue-to-purple gradient band; #1A1622 footer", "flex": "which feature rows and how many tiles" }, { "format": "Print / slides", "level": 3, "must": "Blue field or white page, Inter Heavy headings (Header 2 in Blue), tris cluster in a corner, logo black or white with 0.2x clear space", "flex": "secondary color and gradient choice" }, { "format": "Social", "level": 3, "must": "Blue or HIG gradient ground, white logo, short Title Case line", "flex": "illustration" } ], "checks": [ { "name": "Logo hidden", "text": "Cover the foot. Blue plus soft rounded triangles, Inter Heavy and a flat HIG-palette illustration should still say GNOME." }, { "name": "Swap test", "text": "Put another Linux desktop's logo on it. If the Blue, the tris and the plain voice feel generic, push the signature back in." } ], "examples": [ { "chapter": "color", "do": { "ground": "#3584E4", "text": "GNOME", "ink": "#FFFFFF" }, "do_caption": "White on Blue, as on the brand book cover.", "dont": { "ground": "#33D17A", "text": "GNOME", "ink": "#FFFFFF" }, "dont_caption": "On Green the brand book uses the dark logo, not white." }, { "chapter": "voice", "do": { "ground": "paper", "text": "Find and Replace" }, "do_caption": "Header capitalization for a label.", "dont": { "ground": "paper", "text": "FIND AND REPLACE" }, "dont_caption": "No all caps." } ], "make_it_yours": { "note": "Everything above transfers. These are GNOME'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": "Promote software freedom: open source principles, equality of participation and collaboration (paraphrase).", "prov": "observed", "source": "https://www.gnome.org/about/", "source_note": "2026-10-30" }, "story": { "text": "Founded in 1997 by two students to build a completely free desktop and take on the tech giants of the day. GNOME grew into the user experience for the main Linux distributions, with software used from space-flight control rooms to cars (paraphrase).", "prov": "observed", "source": "https://www.gnome.org/about/", "source_note": "2026-10-30", "paraphrase": true }, "values": [ { "name": "Design for People", "means": "Inclusive of abilities, cultures and devices; little specialist knowledge needed (paraphrase).", "prov": "published", "source": "https://developer.gnome.org/hig/principles.html" }, { "name": "Make it Simple", "means": "Do one thing well; avoid overwhelming people (paraphrase).", "prov": "published", "source": "https://developer.gnome.org/hig/principles.html" }, { "name": "Reduce User Effort", "means": "Automate, cut steps, keep text short (paraphrase).", "prov": "published", "source": "https://developer.gnome.org/hig/principles.html" }, { "name": "Be Considerate", "means": "Prevent mistakes, allow undo, respect time and attention (paraphrase).", "prov": "published", "source": "https://developer.gnome.org/hig/principles.html" } ] }, "positioning": { "statement": { "text": "An independent computing platform for everyone.", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, "category": { "text": "Free and open source desktop environment and application platform for Linux", "prov": "observed", "source": "https://www.gnome.org/about/", "source_note": "2026-10-30" }, "audience": { "text": "Everyday computer users on Linux, app developers, and contributors and donors (paraphrase of homepage sections).", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, "problem": { "text": "Computing controlled by large vendors; old hardware cut off (the homepage points Windows 10 users to endof10.org) (paraphrase).", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, "promise": { "text": "An elegant, simple desktop that is free to use, open to all and respects privacy (paraphrase).", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, "differentiators": [ { "text": "Independent: community-built and run by a non-profit foundation", "prov": "published", "source": "https://foundation.gnome.org/legal-and-trademarks/" }, { "text": "One-key overview workflow and workspaces", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "text": "Consistent core apps plus the GNOME Circle and Flathub ecosystem", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "text": "A published design system (the HIG) for apps", "prov": "published", "source": "https://developer.gnome.org/hig/principles.html" } ], "alternatives": { "text": "Other desktops and proprietary operating systems; the homepage names Windows 10 end of life (observed). GNOME does not name competitors.", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, "enemy": { "text": "Not named. The About page frames the origin as taking on the tech giants of the day (paraphrase).", "prov": "observed", "source": "https://www.gnome.org/about/", "source_note": "2026-10-30" } }, "messaging": { "taglines": [ { "text": "An independent computing platform for everyone", "where": "Homepage H1 and page title", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "text": "An easy and elegant way to use your computer", "where": "Homepage meta description", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "text": "A more elegant way to use your computer", "where": "First homepage section heading", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" } ], "attributes": [ "independent", "elegant", "simple", "open", "community-made" ], "key_messages": [], "boilerplate": { "text": "GNOME is a free, open source desktop and app platform, founded in 1997 by Miguel de Icaza and Federico Mena. It provides the user experience for the main Linux distributions, produces around 120 software modules, and is built by a global community of volunteers and paid contributors backed by the non-profit GNOME Foundation.", "prov": "observed", "source": "https://www.gnome.org/about/", "source_note": "2026-10-30", "paraphrase": true }, "pillars": [ { "name": "Elegant and simple", "claim": "A calm desktop that gets out of the way: one key for overview, launching and search; workspaces for room to breathe.", "proof": [ "p-super", "p-workspaces" ], "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "name": "Batteries included", "claim": "Simple, consistent apps for everyday computing, so each new one feels familiar.", "proof": [ "p-apps", "p-circle" ], "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "name": "Independent and open", "claim": "Every part of the project is open; the software has no restrictions on use and respects privacy.", "proof": [ "p-open", "p-foundation" ], "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "name": "Everywhere Linux is", "claim": "The default experience across major Linux distributions, with a developer platform and app store around it.", "proof": [ "p-distros", "p-flathub" ], "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" } ], "proof_points": [ { "id": "p-super", "text": "Super key opens an overview to switch, launch and search", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "id": "p-workspaces", "text": "Spread work across as many workspaces as needed", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "id": "p-apps", "text": "Core apps for everyday needs (apps.gnome.org)", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "id": "p-circle", "text": "GNOME Circle certifies and mentors well-designed third-party apps", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "id": "p-open", "text": "Software has no restrictions on use and respects privacy", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "id": "p-foundation", "text": "Backed by the non-profit GNOME Foundation, a 501(c)(3)", "prov": "published", "source": "https://foundation.gnome.org/legal-and-trademarks/" }, { "id": "p-distros", "text": "Default in Red Hat Enterprise Linux, Ubuntu, Debian, Fedora Workstation, SUSE Linux Enterprise, Vanilla OS, Endless OS", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "id": "p-flathub", "text": "Flathub, the Linux app store, carries many more third-party apps", "prov": "observed", "source": "https://www.gnome.org/ (2026-10-30)" }, { "id": "p-modules", "text": "Around 120 software modules", "prov": "observed", "source": "https://www.gnome.org/about/", "source_note": "2026-10-30" }, { "id": "p-1997", "text": "Founded in 1997", "prov": "observed", "source": "https://www.gnome.org/about/", "source_note": "2026-10-30" } ] } } } }