{ "schema": "brand-kit@2", "palette": { "paper": "#FFFFFF", "surface": "#F6F9FB", "ink": "#000000", "ink_muted": "#48545B", "accent": "#FF4500", "on_accent": "#000000", "accent_secondary": "#AEEF0F", "night": "#000000", "on_night": "#FFFFFF", "extras": [ { "name": "OrangeRed", "hex": "#FF4500", "role": "Primary; evergreen brand voice; always visible in primary compositions", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Primary colors" }, { "name": "Dark", "hex": "#000000", "role": "Primary; black text and dark grounds", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Primary colors" }, { "name": "Light", "hex": "#FFFFFF", "role": "Primary; white grounds and reversed type", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Primary colors" }, { "name": "GuavaPink", "hex": "#FF5FC2", "role": "Secondary; community identity and content, rather than evergreen corporate voice", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Secondary colors" }, { "name": "BananaYellow", "hex": "#FFBF0B", "role": "Secondary; community identity and content, rather than evergreen corporate voice", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Secondary colors" }, { "name": "LimeGreen", "hex": "#AEEF0F", "role": "Secondary; community identity and content, rather than evergreen corporate voice", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Secondary colors" }, { "name": "JuniperBlue", "hex": "#00E2B7", "role": "Secondary; community identity and content, rather than evergreen corporate voice", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Secondary colors" }, { "name": "OrangeRed Highlight", "hex": "#FF8864", "role": "Supportive highlight; separate content blocks within a tonal family; not low-contrast shapes on white", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Secondary tints" }, { "name": "GuavaPink Highlight", "hex": "#FF9FDF", "role": "Supportive highlight; separate content blocks within a tonal family; not low-contrast shapes on white", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Secondary tints" }, { "name": "BananaYellow Highlight", "hex": "#FFDE55", "role": "Supportive highlight; separate content blocks within a tonal family; not low-contrast shapes on white", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Secondary tints" }, { "name": "LimeGreen Highlight", "hex": "#E4FF45", "role": "Supportive highlight; separate content blocks within a tonal family; not low-contrast shapes on white", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Secondary tints" }, { "name": "JuniperBlue Highlight", "hex": "#92FFEA", "role": "Supportive highlight; separate content blocks within a tonal family; not low-contrast shapes on white", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Secondary tints" }, { "name": "OrangeRed Tint", "hex": "#FFDAD7", "role": "Supportive tint; separate content blocks within a tonal family; not low-contrast shapes on white", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Secondary tints" }, { "name": "GuavaPink Tint", "hex": "#FFE6F9", "role": "Supportive tint; separate content blocks within a tonal family; not low-contrast shapes on white", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Secondary tints" }, { "name": "BananaYellow Tint", "hex": "#FFF3C0", "role": "Supportive tint; separate content blocks within a tonal family; not low-contrast shapes on white", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Secondary tints" }, { "name": "LimeGreen Tint", "hex": "#F0FFB3", "role": "Supportive tint; separate content blocks within a tonal family; not low-contrast shapes on white", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Secondary tints" }, { "name": "JuniperBlue Tint", "hex": "#E6FFFA", "role": "Supportive tint; separate content blocks within a tonal family; not low-contrast shapes on white", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Secondary tints" }, { "name": "OrangeRed Shade (In-Product Text)", "hex": "#D82400", "role": "Tertiary; in-product text, status and illustration depth; not high-visibility marketing grounds, frames or accents except within illustration", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Tertiary colors" }, { "name": "GuavaPink Shade (In-Product Text)", "hex": "#D3168B", "role": "Tertiary; in-product text, status and illustration depth; not high-visibility marketing grounds, frames or accents except within illustration", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Tertiary colors" }, { "name": "BananaYellow Shade (In-Product Text)", "hex": "#F27300", "role": "Tertiary; in-product text, status and illustration depth; not high-visibility marketing grounds, frames or accents except within illustration", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Tertiary colors" }, { "name": "LimeGreen Shade (In-Product Text)", "hex": "#65B200", "role": "Tertiary; in-product text, status and illustration depth; not high-visibility marketing grounds, frames or accents except within illustration", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Tertiary colors" }, { "name": "JuniperBlue Shade (In-Product Text)", "hex": "#08A59D", "role": "Tertiary; in-product text, status and illustration depth; not high-visibility marketing grounds, frames or accents except within illustration", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Tertiary colors" }, { "name": "Errigal White", "hex": "#F6F9FB", "role": "Neutral; product and website hierarchy, legibility, light/dark modes and illustration depth", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Neutrals" }, { "name": "Frost", "hex": "#E7EEF4", "role": "Neutral; product and website hierarchy, legibility, light/dark modes and illustration depth", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Neutrals" }, { "name": "Salt", "hex": "#DBE4E9", "role": "Neutral; product and website hierarchy, legibility, light/dark modes and illustration depth", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Neutrals" }, { "name": "Porpoise", "hex": "#748791", "role": "Neutral; product and website hierarchy, legibility, light/dark modes and illustration depth", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Neutrals" }, { "name": "Slate", "hex": "#48545B", "role": "Neutral; product and website hierarchy, legibility, light/dark modes and illustration depth", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Neutrals" }, { "name": "Charcoal", "hex": "#21272A", "role": "Neutral; product and website hierarchy, legibility, light/dark modes and illustration depth", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Neutrals" }, { "name": "Footer copyright text, computed rgb115,117,119", "hex": "#737577", "role": "Footer copyright text, computed rgb115,117,119", "prov": "observed", "source": "https://redditinc.com/" }, { "name": "Primary button active border", "hex": "#FF9550", "role": "Primary button active border", "prov": "observed", "source": "https://redditinc.com/" } ], "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Color-R7y72J — Primary colors", "note": "Semantic aliases are extraction mappings, not published product tokens. Primary OrangeRed, Dark and Light are authoritative; surface, muted ink and secondary accent aliases are provisional." }, "typography": { "body": { "family": "Reddit Sans", "real": "Reddit Sans", "weight": 400, "stand_in": false, "license": "SIL Open Font License 1.1", "licence": "SIL OFL 1.1", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Typography-d03Ney — Reddit Sans", "leading_note": "Use font default leading; where more is needed, use 1.25 times the type size." }, "condensed": { "family": "Reddit Sans Condensed", "real": "Reddit Sans Condensed", "weight": 400, "stand_in": false, "license": "SIL Open Font License 1.1", "licence": "SIL OFL 1.1", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Typography-d03Ney — Reddit Sans Condensed" }, "mono": { "family": "Reddit Mono", "real": "Reddit Mono", "weight": 400, "stand_in": false, "license": "SIL Open Font License 1.1", "licence": "SIL OFL 1.1", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Typography-d03Ney — Reddit Mono" }, "display": { "family": "Reddit Sans", "real": "Reddit Display", "steal_family": "Reddit Sans", "weight": 800, "line_height": 1, "tracking": 0, "stand_in": true, "license": "Proprietary; not publicly supplied", "fallback_stack": "\"Reddit Sans\", sans-serif", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Typography-d03Ney — Reddit Display", "stand_in_note": "Calibrated open Reddit Sans800; see kit.spec.type.calibration. Proprietary files are evidence only; not bundled or used in kit.", "provisional": false, "source_note": "Guide identity retained; load only open stand-in in the kit.", "tracking_note": "Published diagram labels tracking as zero; this preserves the real face’s tight default spacing. Do not assume identical optical results in the provisional stand-in.", "width_scale": 0.9683 }, "chocolate": { "family": "Reddit Sans", "real": "Reddit Sans Chocolate", "steal_family": "Reddit Sans", "stand_in": true, "license": "Proprietary; not publicly supplied", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Typography-d03Ney — Reddit Sans Chocolate", "stand_in_note": "Calibrated open Reddit Sans800; see kit.spec.type.calibration. Proprietary files are evidence only; not bundled or used in kit.", "provisional": false, "source_note": "Guide identity retained; load only open stand-in in the kit.", "weight": 800 } }, "style": { "corners": "Conversation Bubble: circle-derived corners with a rounded tail; consistent radius within a composition", "button_shape": "pill", "button_note": "Rounded capsule CTAs observed on redditinc.com/brand; exact geometry not published.", "linework": "Flat bubble frames without drop shadows; 3D shading belongs to approved illustrations and Snoo", "motion": "Restricted spring-like pops, bubble expansion, and combined sequences", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Conversation-Bubble-orE96r — Construction", "also": [ "https://redditinc.com/brand" ] }, "voice": { "tone": [ "Inviting and helpful", "Original and authentic", "Clever and playful", "Honest and familiar" ], "rules": [ { "id": "conversational", "kind": "guidance", "text": "Use brief everyday phrasing that helps the reader quickly; avoid formality and technical language that would sound unnatural aloud.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Voice-and-tone-dJ214w — Balancing voice & tone" }, { "id": "positive", "kind": "guidance", "text": "Assume good intent and frame guidance positively; avoid hostile or transactional language.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Voice-and-tone-dJ214w — Balancing voice & tone" }, { "id": "sensitive", "kind": "guidance", "text": "Keep playful language away from sensitive posts, comments and communities.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Voice-and-tone-dJ214w — Balancing voice & tone" }, { "id": "useful-humor", "kind": "guidance", "text": "Use humor and meta references only when they add useful context rather than confusion.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Voice-and-tone-dJ214w — Balancing voice & tone" }, { "id": "earned-delight", "kind": "guidance", "text": "Create contextual moments of delight; silly vocabulary or punctuation alone does not achieve it.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Voice-and-tone-dJ214w — Balancing voice & tone" }, { "id": "candor", "kind": "guidance", "text": "Explain directly and transparently in simple language.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Voice-and-tone-dJ214w — Brand voice" }, { "id": "scan", "kind": "guidance", "text": "Plan a structure; write descriptive headings, short paragraphs and scannable lists.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Voice-and-tone-dJ214w — Composition" }, { "id": "paragraphs", "kind": "guidance", "text": "Keep paragraphs within 6 desktop lines or 100 words; preferably within 5 lines or 70 words.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Voice-and-tone-dJ214w — Break up content" }, { "id": "read-aloud", "kind": "guidance", "text": "Read sentences aloud and rewrite difficult phrasing; use one consistent style.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Voice-and-tone-dJ214w — Pay attention to phrasing" }, { "id": "original", "kind": "guidance", "text": "Avoid corporate jargon and clichés; bring a distinctive Reddit perspective.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Voice-and-tone-dJ214w — Brand voice" } ], "notes": [ "Consumer communication emphasizes candid conversation; business communication adapts conversation to commercial needs.", "Audience sample messaging is available in native images even where viewport captures show loading failures; short exact examples are recorded in study.headlines." ], "approved": { "phrases": [ "the heart of the internet", "r/", "u/" ], "words": [ "redditors", "communities" ] }, "banned": [ "corporate-speak", "clichés", "confusing meta humor", "playful language beside sensitive content" ], "banned_note": "These are prohibited styles or contexts, not a published lexical blacklist.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Voice-and-tone-dJ214w — Brand voice" }, "spec": { "signature": [ { "id": "conversation-bubble", "name": "Conversation Bubble", "where": "Headline containers, community tags, image frames, layered content, wordmark counterforms, display typography and motion", "spec": "Circle-derived form with rounded bottom tail. Radius X determines headline padding: 0.75X horizontally and 0.5X vertically. Body padding is 0.75X on every side. Tail rounding is 0.06X. Tail may point left or right but always stays at the bottom. Extend by moving anchor points; keep one radius across a composition. Headlines use Reddit Display ExtraBold with 1:1 leading; body uses Reddit Sans Bold at default leading.", "once": "A coherent bubble system per composition; collages have at most five layers and staggered headlines at most eight lines.", "dont": "Rotate, vertically flip, remove tails, stretch corner geometry, mix radii, add shadows or overlay effects, obscure the focal image, or use disconnected staggered segments.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Conversation-Bubble-orE96r — Construction" } ], "motion": [ { "name": "Bubble activation", "use": "Directional or scale entrance with spring-like momentum, followed by modular expansion and sequencing.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Motion-principles-P049qM — Activation", "note": "Numeric durations, easing curves and spring constants not published. No numeric motion tokens inferred." } ], "icons": { "style": "Use the supplied full-color Reddit sharing icon first; reduced-color variants only where full color cannot work. Spot iconography shares the unified 3D illustration style.", "dont": "Recolor, distort or substitute an unapproved Reddit icon.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Social-PXzmWE — Share icons" }, "page": { "source": "https://redditinc.com/", "date": "2026-10-31", "prov": "observed", "announcement": "none", "nav": { "summary": "White corporate header; OrangeRed horizontal logo left, four text navigation groups and one capsule CTA right.", "ground": "#FFFFFF", "height": 106, "border": "0px; header shadow 0 4px 10px rgba(89,89,89,0.1)", "logo": { "variant": "OrangeRed full lockup", "px": "134 × 37", "position": "x150 y34" }, "links": { "count": 4, "labels": "[\"Company\", \"Values\", \"News\", \"Support\"]", "size": 16, "weight": 600, "color": "#000000", "alignment": "right; Company is active with a 1px underline" }, "actions": [ "Visit Reddit" ], "sticky": "position:fixed; top0; z-index999; white header stays visible while scrolling; reserve106px desktop/62px phone in document flow.", "phone": { "what_shows": "62px white fixed bar; logo x15 y16 107 ×30; literal Menu label plus three-line hamburger at right", "menu": "Closed at rest; navigation lives in mobile menu with the same ordered groups", "CTA": "Visit Reddit is inside the menu, not in the resting top bar" }, "dropdowns": { "Company": "[\"About\", \"Press\", \"Careers\", \"Brand\", \"Investors\"]", "Values": "[\"Our values\", \"Privacy\", \"Transparency\", \"Reddit for Good\"]", "News": "[\"Newsroom\", \"Announcements\", \"Product and Community\", \"Policy and Safety\", \"Life at Reddit\"]", "Support": "[\"Support\", \"Reddit help center\", \"Contact\", \"Reddit rules\", \"Press inquiries\", \"Legal requests\", \"Terms & policies\", \"Public content policy\", \"Privacy policy\"]" }, "wayfinding_evidence": [ { "label": "Company", "href": "https://redditinc.com/" }, { "label": "About", "href": "https://redditinc.com/" }, { "label": "Press", "href": "https://redditinc.com/press" }, { "label": "Careers", "href": "https://redditinc.com/careers" }, { "label": "Brand", "href": "https://redditinc.com/brand" }, { "label": "Investors", "href": "https://investor.redditinc.com/" }, { "label": "Values", "href": "https://redditinc.com/values" }, { "label": "Our values", "href": "https://redditinc.com/values" }, { "label": "Privacy", "href": "https://redditinc.com/privacy" }, { "label": "Transparency", "href": "https://redditinc.com/transparency" }, { "label": "Reddit for Good", "href": "https://redditinc.com/reddit-for-good" }, { "label": "News", "href": "https://redditinc.com/news" }, { "label": "Newsroom", "href": "https://redditinc.com/news" }, { "label": "Announcements", "href": "https://redditinc.com/news/tag/announcements" }, { "label": "Product and Community", "href": "https://redditinc.com/news/tag/product-and-community" }, { "label": "Policy and Safety", "href": "https://redditinc.com/news/tag/policy-and-safety" }, { "label": "Life at Reddit", "href": "https://redditinc.com/news/tag/life-at-reddit" }, { "label": "Support", "href": "https://redditinc.com/support" }, { "label": "Support", "href": "https://redditinc.com/support" }, { "label": "Reddit help center", "href": "https://support.reddithelp.com/hc/en-us" }, { "label": "Contact", "href": "https://support.reddithelp.com/hc/en-us/requests/new" }, { "label": "Reddit rules", "href": "https://redditinc.com/policies/reddit-rules" }, { "label": "Press inquiries", "href": "https://redditinc.com/press" }, { "label": "Legal requests", "href": "https://legalrequests.reddithelp.com/hc/en-us" }, { "label": "Terms & policies", "href": "https://redditinc.com/policies" }, { "label": "Public content policy", "href": "https://support.reddithelp.com/hc/en-us/articles/26410290525844-Public-Content-Policy" }, { "label": "Privacy policy", "href": "https://www.reddit.com/policies/privacy-policy" }, { "label": "Company", "href": "https://redditinc.com/" }, { "label": "About", "href": "https://redditinc.com/" }, { "label": "Press", "href": "https://redditinc.com/press" }, { "label": "Careers", "href": "https://redditinc.com/careers" }, { "label": "Brand", "href": "https://redditinc.com/brand" }, { "label": "Investors", "href": "https://investor.redditinc.com/" }, { "label": "Values", "href": "https://redditinc.com/values" }, { "label": "Our values", "href": "https://redditinc.com/values" }, { "label": "Privacy", "href": "https://redditinc.com/privacy" }, { "label": "Transparency", "href": "https://redditinc.com/transparency" }, { "label": "Reddit for Good", "href": "https://redditinc.com/reddit-for-good" }, { "label": "News", "href": "https://redditinc.com/news" }, { "label": "Newsroom", "href": "https://redditinc.com/news" }, { "label": "Announcements", "href": "https://redditinc.com/news/tag/announcements" }, { "label": "Product and Community", "href": "https://redditinc.com/news/tag/product-and-community" }, { "label": "Policy and Safety", "href": "https://redditinc.com/news/tag/policy-and-safety" }, { "label": "Life at Reddit", "href": "https://redditinc.com/news/tag/life-at-reddit" }, { "label": "Support", "href": "https://redditinc.com/support" }, { "label": "Support", "href": "https://redditinc.com/support" }, { "label": "Reddit help center", "href": "https://support.reddithelp.com/hc/en-us" }, { "label": "Contact", "href": "https://support.reddithelp.com/hc/en-us/requests/new" }, { "label": "Reddit rules", "href": "https://redditinc.com/policies/reddit-rules" }, { "label": "Press inquiries", "href": "https://redditinc.com/press" }, { "label": "Legal requests", "href": "https://legalrequests.reddithelp.com/hc/en-us" }, { "label": "Terms & policies", "href": "https://redditinc.com/policies" }, { "label": "Public content policy", "href": "https://support.reddithelp.com/hc/en-us/articles/26410290525844-Public-Content-Policy" }, { "label": "Privacy policy", "href": "https://www.reddit.com/policies/privacy-policy" }, { "label": "Visit Reddit", "href": "https://www.reddit.com/" }, { "label": "Visit Reddit", "href": "https://www.reddit.com/" }, { "label": "Company", "href": "javascript:;" }, { "label": "Reddit, Inc.", "href": "https://redditinc.com/" }, { "label": "Reddit for Business", "href": "https://business.reddit.com/" }, { "label": "Careers", "href": "https://redditinc.com/careers" }, { "label": "Investors", "href": "http://investor.redditinc.com/" }, { "label": "Press Contact", "href": "https://redditinc.com/press" }, { "label": "News", "href": "https://redditinc.com/news" }, { "label": "r/RDDT", "href": "https://www.reddit.com/r/RDDT/" }, { "label": "Community", "href": "javascript:;" }, { "label": "Reddit.com", "href": "https://www.reddit.com/r/reddit/" }, { "label": "Reddit for Community", "href": "https://redditforcommunity.com/" }, { "label": "Reddit Rules", "href": "https://redditinc.com/policies/reddit-rules" }, { "label": "Help Center", "href": "https://reddit.zendesk.com/hc" }, { "label": "Moderator Code of Conduct", "href": "https://redditinc.com/policies/moderator-code-of-conduct" }, { "label": "Privacy & Safety", "href": "javascript:;" }, { "label": "Privacy Policy", "href": "https://www.reddit.com/policies/privacy-policy" }, { "label": "User Agreement", "href": "https://redditinc.com/policies/user-agreement" }, { "label": "Transparency Report", "href": "https://redditinc.com/transparency" }, { "label": "r/redditsafety", "href": "https://www.reddit.com/r/redditsafety/" }, { "label": "Other Terms and Policies", "href": "https://redditinc.com/policies" }, { "label": "Your Privacy Choices", "href": "https://redditinc.com/#" }, { "label": "Reddit, Inc.", "href": "https://redditinc.com/" } ] }, "hero": { "summary": "Full-width solid OrangeRed band; black two-line headline and body left, waving dimensional Snoo right.", "desktop": { "band": "y106–706, 600px high; padding 96px 0", "column_split": "972px centered content x234–1206; two 474px columns, 24px grid gap", "vertical_anchors": "H1 x234 y219 474 × 140; body x234 y400 474 × 173; Snoo x769 y202 400 × 400", "text_max_width": 474, "media_frame": "400 × 400; transparent PNG, no border/radius, no overlap", "CTA_size": "none" }, "phone": { "band": "OrangeRed y62–857; inner measured row y110–809, 48px top/bottom padding", "order": "H1, body, Snoo", "alignment": "left text x20, width350; centered image", "sizes": "H1 48/48, 2 lines y110–206; body16/23 y247–385; Snoo350 ×350 x20 y453", "line_break": "The heart of the / internet; use phone-specific break, unlike desktop The heart of / the internet" }, "at_rest": "Waving Snoo image is static. No hero carousel or hero CTA.", "media": "https://redditinc.com/hubfs/Reddit%20Inc/Graphics/Headers/Desktop/RedditInc_Header_Homepage.png", "type": "Real RedditDisplay-ExtraBold 800, 70/70 desktop and48/48 phone; body Reddit Sans400 20/28.8 desktop,16/23 phone.", "cta": "none", "proof": "none", "copy": { "heading": "The heart of the internet", "desktop_break": "The heart of / the internet", "body": "Reddit is home to thousands of communities, endless conversation, and authentic human connection. Whether you’re into breaking news, sports, TV fan theories, or a never-ending stream of the internet’s cutest animals, there’s a community on Reddit for you.", "phone_break": "The heart of the / internet" } }, "sections": [ { "name": "How does Reddit work?", "summary": "White two-column explainer: subreddit pill collage and circular play control on left, title/body/CTA on right.", "ground": "#FFFFFF", "desktop": { "band": "White section from y706; 100px top gap; measured content y806–1287", "layout": "x234–1206 width972; collage x234 y806 474 ×474; copy x772 width434", "type": "H2 y875 40/50 800, 2 lines; body y995 20/28.8,4 lines; CTA x772 y1171 161 ×47" }, "phone": { "order": "copy first, CTA, collage", "layout": "x20 width350; title y905 28/35 single line; body y952 16/23 4 lines; CTA y1104 140 ×41; collage x20 y1193 350 ×350", "spacing": "48px after CTA before collage; next section begins y1597" }, "anatomy": [ "Use the actual collage PNG; rounded conversation-bubble silhouette and multicolored subreddit pills are baked into artwork.", "Static resting collage shows r/personalfinance, r/battlestations, r/LifeProTips, r/unpopularopinion, r/crypto, r/palmtrees, r/futurology, r/aww, r/bestof, r/gaming, r/history, r/pics, r/biology and r/law among edge-cropped pills. Marquee movement is animation only.", "Centered OrangeRed circular video play button with white right triangle; resting button scale1, hover scale1.07, transition .3s. Modal/video playback is interaction only.", "Visit Reddit: white bold text on OrangeRed capsule; title to body20px desktop/12px phone; body to CTA60px." ], "components": [ "collage-video-trigger", "primary-button" ], "media": "https://redditinc.com/hubfs/Reddit%20Inc/Content/Home%20Page/RedditInc_HomePage_HowDoesRedditWork.png", "video_poster": "https://embed-ssl.wistia.com/deliveries/1429433d60aa9edc2e5596be0310f3239695f202.webp?image_crop_resized=1920x1080", "copy": "Every day, millions of people around the world post, vote, and comment in communities organized around their interests." }, { "name": "Post", "summary": "White explanatory row with one phone composite; text left, image right on desktop.", "ground": "#FFFFFF", "desktop": { "band": "y1287–1895; height608px; padding 100px 15px", "title": "x254 y1507, 512px wide,40/50 weight800", "body": "x254 y1617,512px wide,20/28.8,2 lines", "media": "x806 y1387,380 ×400, contain" }, "phone": { "band": "y1597–2172; next row separated by48px", "order": "title, body, image for all three rows", "layout": "x15 width360; title28/35 weight800 at y1597; body16/23 at y1672; image360 ×400 at y1766", "spacing": "40px between title bottom and body;48px between body bottom and image top" }, "anatomy": [ "One heading only: raw measurements include a nested heading wrapper; do not render its duplicate.", "Phone screenshots, speech bubbles, UI controls and colored rounded square are a single transparent PNG; use contain, no CSS recreation.", "Desktop title-bottom to body-top60px; all copy left-aligned." ], "components": [ "alternating-media-row" ], "media": "https://redditinc.com/hubfs/Reddit%20Inc/Content/Home%20Page/HOMEPAGE%20GRAPHICS%20_%20Post@2x.png", "copy": "The community can share content by posting stories, links, images, and videos." }, { "name": "Comment", "summary": "White explanatory row with one phone composite; image left, text right on desktop.", "ground": "#FFFFFF", "desktop": { "band": "y1895–2303; height408px; padding 0px", "title": "x694 y2015, 512px wide,40/50 weight800", "body": "x694 y2125,512px wide,20/28.8,2 lines", "media": "x234 y1895,380 ×400, contain" }, "phone": { "band": "y2221–2796; next row separated by48px", "order": "title, body, image for all three rows", "layout": "x15 width360; title28/35 weight800 at y2221; body16/23 at y2296; image360 ×400 at y2390", "spacing": "40px between title bottom and body;48px between body bottom and image top" }, "anatomy": [ "One heading only: raw measurements include a nested heading wrapper; do not render its duplicate.", "Phone screenshots, speech bubbles, UI controls and colored rounded square are a single transparent PNG; use contain, no CSS recreation.", "Desktop title-bottom to body-top60px; all copy left-aligned." ], "components": [ "alternating-media-row" ], "media": "https://redditinc.com/hubfs/Reddit%20Inc/Content/Home%20Page/HOMEPAGE%20GRAPHICS%20_%20Comment@2x.png", "copy": "The community comments on posts. Comments provide discussion and often humor." }, { "name": "Vote", "summary": "White explanatory row with one phone composite; text left, image right on desktop.", "ground": "#FFFFFF", "desktop": { "band": "y2303–2911; height608px; padding 100px 15px", "title": "x254 y2523, 512px wide,40/50 weight800", "body": "x254 y2633,512px wide,20/28.8,2 lines", "media": "x806 y2403,380 ×400, contain" }, "phone": { "band": "y2844–3419; next row separated by48px", "order": "title, body, image for all three rows", "layout": "x15 width360; title28/35 weight800 at y2844; body16/23 at y2919; image360 ×400 at y3013", "spacing": "40px between title bottom and body;48px between body bottom and image top" }, "anatomy": [ "One heading only: raw measurements include a nested heading wrapper; do not render its duplicate.", "Phone screenshots, speech bubbles, UI controls and colored rounded square are a single transparent PNG; use contain, no CSS recreation.", "Desktop title-bottom to body-top60px; all copy left-aligned." ], "components": [ "alternating-media-row" ], "media": "https://redditinc.com/hubfs/Reddit%20Inc/Content/Home%20Page/HOMEPAGE%20GRAPHICS%20_%20Vote@2x.png", "copy": "Comments & posts can be upvoted or downvoted. The most interesting content rises to the top." }, { "name": "Reddit by the numbers", "summary": "Full-width black statistics band with white introduction, dated source, four white rounded stat cards and a centered OrangeRed CTA.", "ground": "#000000", "desktop": { "band": "y2911–3603, padding100px 15px; centered width972 x234", "intro": "H2 x234 y3011 48/50; lead y3086 20/28.8; date below at14px", "cards": "4 columns; x234,482,730,978; 228px wide,160px high; gap20px; y3218; radius24px; padding30px 24px 24px", "cta": "Reddit press x633 y3454 173 ×49" }, "phone": { "band": "Black background begins y3467; content y3515–4410 with48px top/bottom padding", "intro": "x20 width350; heading32/33, lead16/23; date below", "cards": "one column centered,220px wide; x85; card tops3713,3877,4041,4205;140px high,24px gaps; padding30px 24px 24px", "cta": "x126 y4370 138 ×39" }, "anatomy": [ "Screenshot overrides raw inherited colors: the section H2, lead and date render white on black, despite measurements reporting black for nested text.", "Stat cards are white, radius24px; values OrangeRed; labels black16px desktop and14px phone.", "As of September 30, 2026", "130M — Daily active uniques", "515M — Weekly active uniques", "100K+ — Active communities", "27B — Posts & comments", "Use these published figures as the static resting state. 0M/0K+/0B seen before scroll are animation initialization only; count-up interpolation is animation only." ], "components": [ "stat-card", "primary-button" ], "at_rest": { "as_of": "As of September 30, 2026", "figures": "[{\"value\": \"130M\", \"label\": \"Daily active uniques\"}, {\"value\": \"515M\", \"label\": \"Weekly active uniques\"}, {\"value\": \"100K+\", \"label\": \"Active communities\"}, {\"value\": \"27B\", \"label\": \"Posts & comments\"}]" } }, { "name": "Reddit news", "summary": "White latest-news section with heading, four linked image/title/date cards in reading order and centered CTA.", "ground": "#FFFFFF", "desktop": { "band": "y3603–4775; content x234 y3703 width972;100px vertical padding", "grid": "2 columns466px,32px gap; first row images y3778 466 ×258; second y4202; radius25px", "text": "image bottom +20px to title; title20/28.8 weight700; date20/28.8 weight400,20px below title", "cta": "View more blog posts centered beneath cards" }, "phone": { "band": "white starts y4458; content heading y4505; width350 x20", "grid": "single column; images y4564,4919,5274,5606;350 ×206 except last350 ×200; radius25px", "text": "title16/23 weight700,20px after image; date16/23 with20px top gap", "cta": "View more blog posts x91 y5961 207 ×39; white section ends y6048" }, "anatomy": [ "Each card is one anchor; no outer visible border, shadow or tinted card ground.", "Keep original news imagery, cropped to measured image boxes with object-fit:cover.", "Reading order is row-major on desktop and top-to-bottom on phone." ], "components": [ "news-card", "primary-button" ], "cards": [ { "title": "Explore More Communities with Reddit’s New Feed Updates", "date": "October 28, 2026", "media": "https://redditinc.com/hubfs/BlogHeader_Snoo_Blue_005@2x.jpg" }, { "title": "Supporting Civic Knowledge and Participation for the 2026 US Elections", "date": "October 13, 2026", "media": "https://redditinc.com/hubfs/Reddit%20Inc/Content/Blog/Blog-Header_Elections_2800x1120.png" }, { "title": "Maria Angelidou-Smith to Depart Reddit", "date": "October 07, 2026", "media": "https://redditinc.com/hubfs/BlogHeader_Logo_003@2x-4.png" }, { "title": "Reddit Launches Enhanced Capabilities for Lead Generation", "date": "October 06, 2026", "media": "https://redditinc.com/hubfs/BlogHeader_Snoo_Yellow_002@2x.png" } ] } ], "footer": { "summary": "Black footer with OrangeRed lockup, three link columns, white social icons, privacy utility and muted legal line.", "ground": "#000000", "anatomy": [ "Outer desktop footer starts y4775,53px top padding; inner x150–1290 width1140; OrangeRed logo134 ×37 at x150 y4828.", "Desktop columns begin around x640,842,1109; heading24px/700 OrangeRed; links16px/400 white;40px line step.", "Social order: Facebook, Instagram, Twitter (X glyph), Youtube, Linkedin; native white SVGs;24px icon height,16px gaps, YouTube width34px.", "Your Privacy Choices is right-aligned above legal line. Copyright line right-aligned at bottom;16px links and12px muted #737577 legal text.", "Company: Reddit, Inc.; Reddit for Business; Careers; Investors; Press Contact; News; r/RDDT", "Community: Reddit.com; Reddit for Community; Reddit Rules; Help Center; Moderator Code of Conduct", "Privacy & Safety: Privacy Policy; User Agreement; Transparency Report; r/redditsafety; Other Terms and Policies", "Copyright 2026 Reddit, Inc. All rights reserved.", "No public street address or telephone number is printed on this homepage." ], "columns": [ { "label": "Company", "links": [ "Reddit, Inc.", "Reddit for Business", "Careers", "Investors", "Press Contact", "News", "r/RDDT" ] }, { "label": "Community", "links": [ "Reddit.com", "Reddit for Community", "Reddit Rules", "Help Center", "Moderator Code of Conduct" ] }, { "label": "Privacy & Safety", "links": [ "Privacy Policy", "User Agreement", "Transparency Report", "r/redditsafety", "Other Terms and Policies" ] } ], "utility": [ "Your Privacy Choices" ], "legal": "Copyright 2026 Reddit, Inc. All rights reserved.", "phone": { "band": "Black begins around y6048; full page ends7200", "order": "logo, social icons, Company column, Community column, Privacy & Safety column, Your Privacy Choices, legal line", "layout": "15px side gutters; columns stacked, heading24px; link16px with ~39px step; social row follows logo; privacy utility right-aligned; legal left-aligned at bottom" } }, "dark_ground": { "secondary_button": "none on homepage; guide secondary system retained separately", "link": "#FFFFFF; footer links white", "muted_text": "#737577", "hairline": "none in resting black sections", "logo_variant": "OrangeRed full lockup" }, "voice_scope": "This corporate homepage follows plain explanatory institutional copy: what Reddit is, how it works, dated statistics and news. The guide campaign voice remains authoritative for campaigns; its more expressive headlines are not a requirement for corporate body or wayfinding.", "evidence": [ "measure/home-desk.json", "measure/home-phone.json", "ref/home-desk-full.png", "ref/slices/home-desk-00.png", "ref/slices/home-desk-01.png", "ref/slices/home-desk-02.png", "work/home-live.json", "work/home-detail.json", "work/home-finalprobe.json" ], "precedence": "Guide is brand law; these observations scope its application to the corporate homepage. Solid grounds are implemented as identical-stop gradients; do not introduce color variation." }, "bands": [ { "label": "Navigation", "ground": "#FFFFFF", "content": "Logo + four nav groups + Visit Reddit", "desktop": "summary: White corporate header; OrangeRed horizontal logo left, four text navigation groups and one capsule CTA right.; ground: #FFFFFF; height: 106; border: 0px; header shadow 0 4px 10px rgba(89,89,89,0.1); logo: {\"variant\": \"OrangeRed full lockup\", \"px\": \"134 × 37\", \"position\": \"x150 y34\"}; links: {\"count\": 4, \"labels\": [\"Company\", \"Values\", \"News\", \"Support\"], \"size\": 16, \"weight\": 600, \"color\": \"#000000\", \"alignment\": \"right; Company is active with a 1px underline\"}; actions: [\"Visit Reddit\"]; sticky: Header z-index 999; see live computed positioning evidence work/home-finalprobe.json.; phone: {\"what_shows\": \"62px white bar; logo x15 y16 107 × 30; hamburger at right\", \"menu\": \"Closed at rest; navigation lives in mobile menu with the same ordered groups\", \"CTA\": \"Visit Reddit is inside the menu, not in the resting top bar\"}; dropdowns: {\"Company\": [\"About\", \"Press\", \"Careers\", \"Brand\", \"Investors\"], \"Values\": [\"Our values\", \"Privacy\", \"Transparency\", \"Reddit for Good\"], \"News\": [\"Newsroom\", \"Announcements\", \"Product and Community\", \"Policy and Safety\", \"Life at Reddit\"], \"Support\": [\"Support\", \"Reddit help center\", \"Contact\", \"Reddit rules\", \"Press inquiries\", \"Legal requests\", \"Terms & policies\", \"Public content policy\", \"Privacy policy\"]}; wayfinding_evidence: [{\"label\": \"Company\", \"href\": \"https://redditinc.com/\"}, {\"label\": \"About\", \"href\": \"https://redditinc.com/\"}, {\"label\": \"Press\", \"href\": \"https://redditinc.com/press\"}, {\"label\": \"Careers\", \"href\": \"https://redditinc.com/careers\"}, {\"label\": \"Brand\", \"href\": \"https://redditinc.com/brand\"}, {\"label\": \"Investors\", \"href\": \"https://investor.redditinc.com/\"}, {\"label\": \"Values\", \"href\": \"https://redditinc.com/values\"}, {\"label\": \"Our values\", \"href\": \"https://redditinc.com/values\"}, {\"label\": \"Privacy\", \"href\": \"https://redditinc.com/privacy\"}, {\"label\": \"Transparency\", \"href\": \"https://redditinc.com/transparency\"}, {\"label\": \"Reddit for Good\", \"href\": \"https://redditinc.com/reddit-for-good\"}, {\"label\": \"News\", \"href\": \"https://redditinc.com/news\"}, {\"label\": \"Newsroom\", \"href\": \"https://redditinc.com/news\"}, {\"label\": \"Announcements\", \"href\": \"https://redditinc.com/news/tag/announcements\"}, {\"label\": \"Product and Community\", \"href\": \"https://redditinc.com/news/tag/product-and-community\"}, {\"label\": \"Policy and Safety\", \"href\": \"https://redditinc.com/news/tag/policy-and-safety\"}, {\"label\": \"Life at Reddit\", \"href\": \"https://redditinc.com/news/tag/life-at-reddit\"}, {\"label\": \"Support\", \"href\": \"https://redditinc.com/support\"}, {\"label\": \"Support\", \"href\": \"https://redditinc.com/support\"}, {\"label\": \"Reddit help center\", \"href\": \"https://support.reddithelp.com/hc/en-us\"}, {\"label\": \"Contact\", \"href\": \"https://support.reddithelp.com/hc/en-us/requests/new\"}, {\"label\": \"Reddit rules\", \"href\": \"https://redditinc.com/policies/reddit-rules\"}, {\"label\": \"Press inquiries\", \"href\": \"https://redditinc.com/press\"}, {\"label\": \"Legal requests\", \"href\": \"https://legalrequests.reddithelp.com/hc/en-us\"}, {\"label\": \"Terms & policies\", \"href\": \"https://redditinc.com/policies\"}, {\"label\": \"Public content policy\", \"href\": \"https://support.reddithelp.com/hc/en-us/articles/26410290525844-Public-Content-Policy\"}, {\"label\": \"Privacy policy\", \"href\": \"https://www.reddit.com/policies/privacy-policy\"}, {\"label\": \"Company\", \"href\": \"https://redditinc.com/\"}, {\"label\": \"About\", \"href\": \"https://redditinc.com/\"}, {\"label\": \"Press\", \"href\": \"https://redditinc.com/press\"}, {\"label\": \"Careers\", \"href\": \"https://redditinc.com/careers\"}, {\"label\": \"Brand\", \"href\": \"https://redditinc.com/brand\"}, {\"label\": \"Investors\", \"href\": \"https://investor.redditinc.com/\"}, {\"label\": \"Values\", \"href\": \"https://redditinc.com/values\"}, {\"label\": \"Our values\", \"href\": \"https://redditinc.com/values\"}, {\"label\": \"Privacy\", \"href\": \"https://redditinc.com/privacy\"}, {\"label\": \"Transparency\", \"href\": \"https://redditinc.com/transparency\"}, {\"label\": \"Reddit for Good\", \"href\": \"https://redditinc.com/reddit-for-good\"}, {\"label\": \"News\", \"href\": \"https://redditinc.com/news\"}, {\"label\": \"Newsroom\", \"href\": \"https://redditinc.com/news\"}, {\"label\": \"Announcements\", \"href\": \"https://redditinc.com/news/tag/announcements\"}, {\"label\": \"Product and Community\", \"href\": \"https://redditinc.com/news/tag/product-and-community\"}, {\"label\": \"Policy and Safety\", \"href\": \"https://redditinc.com/news/tag/policy-and-safety\"}, {\"label\": \"Life at Reddit\", \"href\": \"https://redditinc.com/news/tag/life-at-reddit\"}, {\"label\": \"Support\", \"href\": \"https://redditinc.com/support\"}, {\"label\": \"Support\", \"href\": \"https://redditinc.com/support\"}, {\"label\": \"Reddit help center\", \"href\": \"https://support.reddithelp.com/hc/en-us\"}, {\"label\": \"Contact\", \"href\": \"https://support.reddithelp.com/hc/en-us/requests/new\"}, {\"label\": \"Reddit rules\", \"href\": \"https://redditinc.com/policies/reddit-rules\"}, {\"label\": \"Press inquiries\", \"href\": \"https://redditinc.com/press\"}, {\"label\": \"Legal requests\", \"href\": \"https://legalrequests.reddithelp.com/hc/en-us\"}, {\"label\": \"Terms & policies\", \"href\": \"https://redditinc.com/policies\"}, {\"label\": \"Public content policy\", \"href\": \"https://support.reddithelp.com/hc/en-us/articles/26410290525844-Public-Content-Policy\"}, {\"label\": \"Privacy policy\", \"href\": \"https://www.reddit.com/policies/privacy-policy\"}, {\"label\": \"Visit Reddit\", \"href\": \"https://www.reddit.com/\"}, {\"label\": \"Visit Reddit\", \"href\": \"https://www.reddit.com/\"}, {\"label\": \"Company\", \"href\": \"javascript:;\"}, {\"label\": \"Reddit, Inc.\", \"href\": \"https://redditinc.com/\"}, {\"label\": \"Reddit for Business\", \"href\": \"https://business.reddit.com/\"}, {\"label\": \"Careers\", \"href\": \"https://redditinc.com/careers\"}, {\"label\": \"Investors\", \"href\": \"http://investor.redditinc.com/\"}, {\"label\": \"Press Contact\", \"href\": \"https://redditinc.com/press\"}, {\"label\": \"News\", \"href\": \"https://redditinc.com/news\"}, {\"label\": \"r/RDDT\", \"href\": \"https://www.reddit.com/r/RDDT/\"}, {\"label\": \"Community\", \"href\": \"javascript:;\"}, {\"label\": \"Reddit.com\", \"href\": \"https://www.reddit.com/r/reddit/\"}, {\"label\": \"Reddit for Community\", \"href\": \"https://redditforcommunity.com/\"}, {\"label\": \"Reddit Rules\", \"href\": \"https://redditinc.com/policies/reddit-rules\"}, {\"label\": \"Help Center\", \"href\": \"https://reddit.zendesk.com/hc\"}, {\"label\": \"Moderator Code of Conduct\", \"href\": \"https://redditinc.com/policies/moderator-code-of-conduct\"}, {\"label\": \"Privacy & Safety\", \"href\": \"javascript:;\"}, {\"label\": \"Privacy Policy\", \"href\": \"https://www.reddit.com/policies/privacy-policy\"}, {\"label\": \"User Agreement\", \"href\": \"https://redditinc.com/policies/user-agreement\"}, {\"label\": \"Transparency Report\", \"href\": \"https://redditinc.com/transparency\"}, {\"label\": \"r/redditsafety\", \"href\": \"https://www.reddit.com/r/redditsafety/\"}, {\"label\": \"Other Terms and Policies\", \"href\": \"https://redditinc.com/policies\"}, {\"label\": \"Your Privacy Choices\", \"href\": \"https://redditinc.com/#\"}, {\"label\": \"Reddit, Inc.\", \"href\": \"https://redditinc.com/\"}]", "phone": "62px fixed white bar; logo107 ×30 at15,16; Menu label + hamburger; closed at rest", "anatomy": [ "Desktop height106px; phone62px." ] }, { "label": "Hero", "ground": "#FF4500", "content": "Headline, body, Snoo", "desktop": "band: y106–706, 600px high; padding 96px 0; column_split: 972px centered content x234–1206; two 474px columns, 24px grid gap; vertical_anchors: H1 x234 y219 474 × 140; body x234 y400 474 × 173; Snoo x769 y202 400 × 400; text_max_width: 474; media_frame: 400 × 400; transparent PNG, no border/radius, no overlap; CTA_size: none", "phone": "band: OrangeRed y62–857; inner measured row y110–809, 48px top/bottom padding; order: H1, body, Snoo; alignment: left text x20, width350; centered image; sizes: H1 48/48, 2 lines y110–206; body16/23 y247–385; Snoo350 ×350 x20 y453; headline break The heart of the / internet", "anatomy": [ "Waving Snoo image is static. No hero carousel or hero CTA." ] }, { "label": "How does Reddit work?", "ground": "#FFFFFF", "content": "White two-column explainer: subreddit pill collage and circular play control on left, title/body/CTA on right.", "desktop": "band: White section from y706; 100px top gap; measured content y806–1287; layout: x234–1206 width972; collage x234 y806 474 ×474; copy x772 width434; type: H2 y875 40/50 800, 2 lines; body y995 20/28.8,4 lines; CTA x772 y1171 161 ×47", "phone": "order: copy first, CTA, collage; layout: x20 width350; title y905 28/35 single line; body y952 16/23 4 lines; CTA y1104 140 ×41; collage x20 y1193 350 ×350; spacing: 48px after CTA before collage; next section begins y1597", "anatomy": [ "Use the actual collage PNG; rounded conversation-bubble silhouette and multicolored subreddit pills are baked into artwork.", "Static resting collage shows r/personalfinance, r/battlestations, r/LifeProTips, r/unpopularopinion, r/crypto, r/palmtrees, r/futurology, r/aww, r/bestof, r/gaming, r/history, r/pics, r/biology and r/law among edge-cropped pills. Marquee movement is animation only.", "Centered OrangeRed circular video play button with white right triangle; resting button scale1, hover scale1.07, transition .3s. Modal/video playback is interaction only.", "Visit Reddit: white bold text on OrangeRed capsule; title to body20px desktop/12px phone; body to CTA60px." ] }, { "label": "Post", "ground": "#FFFFFF", "content": "White explanatory row with one phone composite; text left, image right on desktop.", "desktop": "band: y1287–1895; height608px; padding 100px 15px; title: x254 y1507, 512px wide,40/50 weight800; body: x254 y1617,512px wide,20/28.8,2 lines; media: x806 y1387,380 ×400, contain", "phone": "band: y1597–2172; next row separated by48px; order: title, body, image for all three rows; layout: x15 width360; title28/35 weight800 at y1597; body16/23 at y1672; image360 ×400 at y1766; spacing: 40px between title bottom and body;48px between body bottom and image top", "anatomy": [ "One heading only: raw measurements include a nested heading wrapper; do not render its duplicate.", "Phone screenshots, speech bubbles, UI controls and colored rounded square are a single transparent PNG; use contain, no CSS recreation.", "Desktop title-bottom to body-top60px; all copy left-aligned." ] }, { "label": "Comment", "ground": "#FFFFFF", "content": "White explanatory row with one phone composite; image left, text right on desktop.", "desktop": "band: y1895–2303; height408px; padding 0px; title: x694 y2015, 512px wide,40/50 weight800; body: x694 y2125,512px wide,20/28.8,2 lines; media: x234 y1895,380 ×400, contain", "phone": "band: y2221–2796; next row separated by48px; order: title, body, image for all three rows; layout: x15 width360; title28/35 weight800 at y2221; body16/23 at y2296; image360 ×400 at y2390; spacing: 40px between title bottom and body;48px between body bottom and image top", "anatomy": [ "One heading only: raw measurements include a nested heading wrapper; do not render its duplicate.", "Phone screenshots, speech bubbles, UI controls and colored rounded square are a single transparent PNG; use contain, no CSS recreation.", "Desktop title-bottom to body-top60px; all copy left-aligned." ] }, { "label": "Vote", "ground": "#FFFFFF", "content": "White explanatory row with one phone composite; text left, image right on desktop.", "desktop": "band: y2303–2911; height608px; padding 100px 15px; title: x254 y2523, 512px wide,40/50 weight800; body: x254 y2633,512px wide,20/28.8,2 lines; media: x806 y2403,380 ×400, contain", "phone": "band: y2844–3419; next row separated by48px; order: title, body, image for all three rows; layout: x15 width360; title28/35 weight800 at y2844; body16/23 at y2919; image360 ×400 at y3013; spacing: 40px between title bottom and body;48px between body bottom and image top", "anatomy": [ "One heading only: raw measurements include a nested heading wrapper; do not render its duplicate.", "Phone screenshots, speech bubbles, UI controls and colored rounded square are a single transparent PNG; use contain, no CSS recreation.", "Desktop title-bottom to body-top60px; all copy left-aligned." ] }, { "label": "Reddit by the numbers", "ground": "#000000", "content": "Full-width black statistics band with white introduction, dated source, four white rounded stat cards and a centered OrangeRed CTA.", "desktop": "band: y2911–3603, padding100px 15px; centered width972 x234; intro: H2 x234 y3011 48/50; lead y3086 20/28.8; date below at14px; cards: 4 columns; x234,482,730,978; 228px wide,160px high; gap20px; y3218; radius24px; padding30px 24px 24px; cta: Reddit press x633 y3454 173 ×49", "phone": "band: Black background begins y3467; content y3515–4410 with48px top/bottom padding; intro: x20 width350; heading32/33, lead16/23; date below; cards: one column centered,220px wide; x85; card tops3713,3877,4041,4205;140px high,24px gaps; padding24px; cta: x126 y4370 138 ×39", "anatomy": [ "Screenshot overrides raw inherited colors: the section H2, lead and date render white on black, despite measurements reporting black for nested text.", "Stat cards are white, radius24px; values OrangeRed; labels black16px desktop and14px phone.", "As of September 30, 2026", "130M — Daily active uniques", "515M — Weekly active uniques", "100K+ — Active communities", "27B — Posts & comments", "Use these published figures as the static resting state. 0M/0K+/0B seen before scroll are animation initialization only; count-up interpolation is animation only." ] }, { "label": "Reddit news", "ground": "#FFFFFF", "content": "White latest-news section with heading, four linked image/title/date cards in reading order and centered CTA.", "desktop": "band: y3603–4775; content x234 y3703 width972;100px vertical padding; grid: 2 columns466px,32px gap; first row images y3778 466 ×258; second y4202; radius25px; text: image bottom +20px to title; title20/28.8 weight700; date20/28.8 weight400,20px below title; cta: View more blog posts centered beneath cards", "phone": "band: white starts y4458; content heading y4505; width350 x20; grid: single column; images y4564,4919,5274,5606;350 ×206 except last350 ×200; radius25px; text: title16/23 weight700,20px after image; date16/23 with20px top gap; cta: View more blog posts x91 y5961 207 ×39; white section ends y6048", "anatomy": [ "Each card is one anchor; no outer visible border, shadow or tinted card ground.", "Keep original news imagery, cropped to measured image boxes with object-fit:cover.", "Reading order is row-major on desktop and top-to-bottom on phone." ] }, { "label": "Footer", "ground": "#000000", "content": "Black footer with OrangeRed lockup, three link columns, white social icons, privacy utility and muted legal line.", "desktop": "1140px inner width x150–1290; three columns beside logo", "phone": "band: Black begins around y6048; full page ends7200; order: logo, social icons, Company column, Community column, Privacy & Safety column, Your Privacy Choices, legal line; layout: 15px side gutters; columns stacked, heading24px; link16px with ~39px step; social row follows logo; privacy utility right-aligned; legal left-aligned at bottom", "anatomy": [ "Outer desktop footer starts y4775,53px top padding; inner x150–1290 width1140; OrangeRed logo134 ×37 at x150 y4828.", "Desktop columns begin around x640,842,1109; heading24px/700 OrangeRed; links16px/400 white;40px line step.", "Social order: Facebook, Instagram, Twitter (X glyph), Youtube, Linkedin; native white SVGs;24px icon height,16px gaps, YouTube width34px.", "Your Privacy Choices is right-aligned above legal line. Copyright line right-aligned at bottom;16px links and12px muted #737577 legal text.", "Company: Reddit, Inc.; Reddit for Business; Careers; Investors; Press Contact; News; r/RDDT", "Community: Reddit.com; Reddit for Community; Reddit Rules; Help Center; Moderator Code of Conduct", "Privacy & Safety: Privacy Policy; User Agreement; Transparency Report; r/redditsafety; Other Terms and Policies", "Copyright 2026 Reddit, Inc. All rights reserved.", "No public street address or telephone number is printed on this homepage." ] } ], "layout": { "desktop": { "viewport": 1440, "page_height": 5324, "main_width": 972, "main_gutter": 234, "header_footer_width": 1140, "header_footer_gutter": 150, "column_gap": 24, "section_padding": 100 }, "phone": { "viewport": 390, "page_height": 7200, "main_width": 350, "main_gutter": 20, "feature_width": 360, "feature_gutter": 15, "section_padding": 48, "stack_breakpoint": "767px; desktop columns start768px" }, "measurement_note": "Band detector sometimes measures inner row rather than full ground; use screenshot + parent padding for band edges. Black statistics ground and white text are verified visually.", "page_margin": { "desktop": 234, "phone": 20 }, "section_padding": { "desktop": 100, "phone": 48 }, "container_max": 972, "hero_text_max": 474, "columns": 2, "columns_phone": 1, "gutter": 24, "gutter_phone": 0, "card_gap": 32 }, "type": [ { "id": "hero", "role": "Hero H1", "face": "Reddit Sans", "real_face": "RedditDisplay-ExtraBold", "size": { "desktop": 70, "phone": 48 }, "line_height": 1, "line_height_px": { "desktop": 70, "phone": 48 }, "tracking_px": 0, "weight": 800, "prov": "observed", "source": "https://redditinc.com/", "note": "Open Reddit Sans800; horizontal scale0.9683, left origin; explicit desktop break after “of”, phone break after “the”. Keep the line box width at474px desktop/350px phone." }, { "id": "heading", "role": "Explainer and feature H2", "face": "Reddit Sans", "real_face": "Reddit Sans", "size": { "desktop": 40, "phone": 28 }, "line_height": 1.25, "line_height_px": { "desktop": 50, "phone": 35 }, "tracking_px": 0, "weight": 800, "prov": "observed", "source": "https://redditinc.com/" }, { "id": "section", "role": "Stats and news H2", "face": "Reddit Sans", "real_face": "Reddit Sans Chocolate", "size": { "desktop": 48, "phone": 32 }, "line_height": 1.041667, "line_height_px": { "desktop": 50, "phone": 33 }, "tracking_px": 0, "weight": 800, "prov": "observed", "source": "https://redditinc.com/" }, { "id": "stat", "role": "Statistic", "face": "Reddit Sans", "real_face": "RedditSansChocolate", "size": { "desktop": 48, "phone": 32 }, "line_height": 1.041667, "line_height_px": { "desktop": 50, "phone": 36 }, "tracking_px": 0, "weight": 800, "prov": "observed", "source": "https://redditinc.com/" }, { "id": "body", "role": "Body", "face": "Reddit Sans", "real_face": "Reddit Sans", "size": { "desktop": 20, "phone": 16 }, "line_height": 1.44, "line_height_px": { "desktop": 28.8, "phone": 23 }, "tracking_px": 0, "weight": 400, "prov": "observed", "source": "https://redditinc.com/" }, { "id": "card", "role": "News card title", "face": "Reddit Sans", "real_face": "Reddit Sans", "size": { "desktop": 20, "phone": 16 }, "line_height": 1.44, "line_height_px": { "desktop": 28.8, "phone": 23 }, "tracking_px": 0, "weight": 700, "prov": "observed", "source": "https://redditinc.com/" }, { "id": "nav", "role": "Navigation", "face": "Reddit Sans", "real_face": "Reddit Sans", "size": { "desktop": 16, "phone": 16 }, "line_height": 1.44, "line_height_px": { "desktop": 23, "phone": 23 }, "tracking_px": 0, "weight": 600, "prov": "observed", "source": "https://redditinc.com/" }, { "id": "footer", "role": "Footer heading", "face": "Reddit Sans", "real_face": "Reddit Sans", "size": { "desktop": 24, "phone": 24 }, "line_height": 1.44, "line_height_px": { "desktop": 34.56, "phone": 34.56 }, "tracking_px": 0, "weight": 700, "prov": "observed", "source": "https://redditinc.com/" }, { "id": "footer-link", "role": "Footer link", "face": "Reddit Sans", "real_face": "Reddit Sans", "size": { "desktop": 16, "phone": 16 }, "line_height": 1.44, "line_height_px": { "desktop": 23.04, "phone": 23.04 }, "tracking_px": 0, "weight": 400, "prov": "observed", "source": "https://redditinc.com/" }, { "id": "legal", "role": "Copyright", "face": "Reddit Sans", "real_face": "Reddit Sans", "size": { "desktop": 12, "phone": 12 }, "line_height": 1.44, "line_height_px": { "desktop": 17.28, "phone": 17.28 }, "tracking_px": 0, "weight": 400, "prov": "observed", "source": "https://redditinc.com/" } ], "components": { "primary_button": { "anatomy": "OrangeRed fill and border; white Reddit Sans bold centered label; capsule radius40–50px; no icon.", "desktop": "explainer161 ×47,padding6px 24px,border3px; press173 ×49,padding8px 26px,border2px; header138 ×39,padding6px24px,border2px", "phone": "explainer140 ×41; press138 ×39; news207 ×39", "states": { "hover": { "css": { "background": "transparent", "border": "3px solid #FF4500", "color": "#FF4500" }, "source": "work/home-style-2.css lines443–468", "prov": "observed" }, "focus": { "css": { "background": "transparent", "border": "3px solid #FF4500", "color": "#FF4500" }, "prov": "observed" }, "pressed": { "css": { "background": "transparent", "border": "3px solid #FF9550", "color": "#FF4500" }, "prov": "observed" } }, "states_note": "These states apply to .button class CTA; header/counter custom anchors may use module-specific rules. No disabled CTA is present." }, "video_trigger": { "anatomy": "Centered OrangeRed circle with white triangle; CSS circle over native collage, hover scale1.07; video modal closed at rest." }, "stat_card": { "anatomy": "White radius24px, no border or shadow; padding30px24px24px desktop; value then black label; four columns become one centered column." }, "news_card": { "anatomy": "Native image radius25px, title20px below, date20px below title; whole card links to article; no visible outer card." }, "feature_row": { "anatomy": "Single native phone PNG plus one H2 and paragraph; desktop alternating, phone all text then image." }, "social": { "anatomy": "Original SVGs in Facebook,Instagram,Twitter,Youtube,Linkedin order; no drawn replacements." } }, "font_calibration": { "method": "Headless Chromium canvas renders same line after document.fonts.ready; width in CSS px; ink_area is sum alpha/255 pixels at1×; x_height from actualBoundingBoxAscent of x. Open Reddit is local OFL RedditSans-VF.ttf. Sora and DM Sans are Google Fonts weight800 faces; their rows at other requested weights use nearest supplied800 face.", "measurements": [ { "text": "The heart of", "real": { "family": "RedditDisplay-ExtraBold", "size": 70, "weight": 800, "width": 386.640625, "ink_area": 8957.349019607847, "x_height": 36.77734375, "ascent": 52.431640625, "descent": 0.546875 }, "candidates": [ { "family": "Open Reddit", "size": 70, "weight": 700, "width": 392.88653564453125, "ink_area": 8019.30588235289, "x_height": 36.61712646484375, "ascent": 53.57025146484375, "descent": 0.546875 }, { "family": "Open Reddit", "size": 70, "weight": 750, "width": 396.09356689453125, "ink_area": 8473.486274509809, "x_height": 36.69136047363281, "ascent": 53.64448547363281, "descent": 0.546875 }, { "family": "Open Reddit", "size": 70, "weight": 800, "width": 399.2987976074219, "ink_area": 8915.086274509833, "x_height": 36.765594482421875, "ascent": 53.718719482421875, "descent": 0.546875 }, { "family": "Open Reddit", "size": 70, "weight": 850, "width": 402.50579833984375, "ink_area": 9358.886274509796, "x_height": 36.83982849121094, "ascent": 53.79295349121094, "descent": 0.546875 }, { "family": "Open Reddit", "size": 70, "weight": 900, "width": 405.712890625, "ink_area": 9787.545098039183, "x_height": 36.9140625, "ascent": 53.8671875, "descent": 0.546875 }, { "family": "Sora", "size": 70, "weight": 700, "width": 429.86993408203125, "ink_area": 10686.70980392157, "x_height": 38.63999938964844, "ascent": 51.939998626708984, "descent": 1.4000053405761719 }, { "family": "Sora", "size": 70, "weight": 750, "width": 429.86993408203125, "ink_area": 10686.70980392157, "x_height": 38.63999938964844, "ascent": 51.939998626708984, "descent": 1.4000053405761719 }, { "family": "Sora", "size": 70, "weight": 800, "width": 429.86993408203125, "ink_area": 10686.70980392157, "x_height": 38.63999938964844, "ascent": 51.939998626708984, "descent": 1.4000053405761719 }, { "family": "Sora", "size": 70, "weight": 850, "width": 429.86993408203125, "ink_area": 10686.70980392157, "x_height": 38.63999938964844, "ascent": 51.939998626708984, "descent": 1.4000053405761719 }, { "family": "Sora", "size": 70, "weight": 900, "width": 429.86993408203125, "ink_area": 10686.70980392157, "x_height": 38.63999938964844, "ascent": 51.939998626708984, "descent": 1.4000053405761719 }, { "family": "DM Sans", "size": 70, "weight": 700, "width": 416.14990234375, "ink_area": 8154.952941176453, "x_height": 35.279998779296875, "ascent": 50.400001525878906, "descent": 0.8400039672851562 }, { "family": "DM Sans", "size": 70, "weight": 750, "width": 416.14990234375, "ink_area": 8154.952941176453, "x_height": 35.279998779296875, "ascent": 50.400001525878906, "descent": 0.8400039672851562 }, { "family": "DM Sans", "size": 70, "weight": 800, "width": 416.14990234375, "ink_area": 8154.952941176453, "x_height": 35.279998779296875, "ascent": 50.400001525878906, "descent": 0.8400039672851562 }, { "family": "DM Sans", "size": 70, "weight": 850, "width": 416.14990234375, "ink_area": 8154.952941176453, "x_height": 35.279998779296875, "ascent": 50.400001525878906, "descent": 0.8400039672851562 }, { "family": "DM Sans", "size": 70, "weight": 900, "width": 416.14990234375, "ink_area": 8154.952941176453, "x_height": 35.279998779296875, "ascent": 50.400001525878906, "descent": 0.8400039672851562 } ] }, { "text": "Reddit by the numbers", "real": { "family": "Reddit Sans Chocolate", "size": 48, "weight": 800, "width": 510.0703125, "ink_area": 8574.294117647074, "x_height": 25.21875, "ascent": 37.171875, "descent": 10.21875 }, "candidates": [ { "family": "Open Reddit", "size": 48, "weight": 700, "width": 502.58001708984375, "ink_area": 7746.8784313725455, "x_height": 25.10888671875, "ascent": 36.515625, "descent": 10.21875 }, { "family": "Open Reddit", "size": 48, "weight": 750, "width": 506.25189208984375, "ink_area": 8160.329411764721, "x_height": 25.1597900390625, "ascent": 36.8203125, "descent": 10.21875 }, { "family": "Open Reddit", "size": 48, "weight": 800, "width": 509.9217834472656, "ink_area": 8568.549019607854, "x_height": 25.210693359375, "ascent": 37.125, "descent": 10.21875 }, { "family": "Open Reddit", "size": 48, "weight": 850, "width": 513.5936279296875, "ink_area": 8972.698039215722, "x_height": 25.2615966796875, "ascent": 37.4296875, "descent": 10.21875 }, { "family": "Open Reddit", "size": 48, "weight": 900, "width": 517.265625, "ink_area": 9372.643137254934, "x_height": 25.3125, "ascent": 37.734375, "descent": 10.21875 }, { "family": "Sora", "size": 48, "weight": 700, "width": 565.0079345703125, "ink_area": 10509.5843137255, "x_height": 26.49599838256836, "ascent": 37.34400177001953, "descent": 10.560005187988281 }, { "family": "Sora", "size": 48, "weight": 750, "width": 565.0079345703125, "ink_area": 10509.5843137255, "x_height": 26.49599838256836, "ascent": 37.34400177001953, "descent": 10.560005187988281 }, { "family": "Sora", "size": 48, "weight": 800, "width": 565.0079345703125, "ink_area": 10509.5843137255, "x_height": 26.49599838256836, "ascent": 37.34400177001953, "descent": 10.560005187988281 }, { "family": "Sora", "size": 48, "weight": 850, "width": 565.0079345703125, "ink_area": 10509.5843137255, "x_height": 26.49599838256836, "ascent": 37.34400177001953, "descent": 10.560005187988281 }, { "family": "Sora", "size": 48, "weight": 900, "width": 565.0079345703125, "ink_area": 10509.5843137255, "x_height": 26.49599838256836, "ascent": 37.34400177001953, "descent": 10.560005187988281 }, { "family": "DM Sans", "size": 48, "weight": 700, "width": 538.4158935546875, "ink_area": 7953.584313725474, "x_height": 24.192001342773438, "ascent": 34.80000305175781, "descent": 10.560001373291016 }, { "family": "DM Sans", "size": 48, "weight": 750, "width": 538.4158935546875, "ink_area": 7953.584313725474, "x_height": 24.192001342773438, "ascent": 34.80000305175781, "descent": 10.560001373291016 }, { "family": "DM Sans", "size": 48, "weight": 800, "width": 538.4158935546875, "ink_area": 7953.584313725474, "x_height": 24.192001342773438, "ascent": 34.80000305175781, "descent": 10.560001373291016 }, { "family": "DM Sans", "size": 48, "weight": 850, "width": 538.4158935546875, "ink_area": 7953.584313725474, "x_height": 24.192001342773438, "ascent": 34.80000305175781, "descent": 10.560001373291016 }, { "family": "DM Sans", "size": 48, "weight": 900, "width": 538.4158935546875, "ink_area": 7953.584313725474, "x_height": 24.192001342773438, "ascent": 34.80000305175781, "descent": 10.560001373291016 } ] }, { "text": "Reddit news", "real": { "family": "Reddit Sans Chocolate", "size": 48, "weight": 800, "width": 272.2265625, "ink_area": 4743.1215686274545, "x_height": 25.21875, "ascent": 37.171875, "descent": 0.375 }, "candidates": [ { "family": "Open Reddit", "size": 48, "weight": 700, "width": 269.3228759765625, "ink_area": 4299.729411764703, "x_height": 25.10888671875, "ascent": 36.515625, "descent": 0.375 }, { "family": "Open Reddit", "size": 48, "weight": 750, "width": 271.03924560546875, "ink_area": 4520.290196078425, "x_height": 25.1597900390625, "ascent": 36.8203125, "descent": 0.375 }, { "family": "Open Reddit", "size": 48, "weight": 800, "width": 272.75469970703125, "ink_area": 4739.270588235293, "x_height": 25.210693359375, "ascent": 37.125, "descent": 0.375 }, { "family": "Open Reddit", "size": 48, "weight": 850, "width": 274.4710693359375, "ink_area": 4952.909803921559, "x_height": 25.2615966796875, "ascent": 37.4296875, "descent": 0.375 }, { "family": "Open Reddit", "size": 48, "weight": 900, "width": 276.1875, "ink_area": 5165.454901960784, "x_height": 25.3125, "ascent": 37.734375, "descent": 0.375 }, { "family": "Sora", "size": 48, "weight": 700, "width": 313.72796630859375, "ink_area": 5968.996078431356, "x_height": 26.49599838256836, "ascent": 37.34400177001953, "descent": 0.9600028991699219 }, { "family": "Sora", "size": 48, "weight": 750, "width": 313.72796630859375, "ink_area": 5968.996078431356, "x_height": 26.49599838256836, "ascent": 37.34400177001953, "descent": 0.9600028991699219 }, { "family": "Sora", "size": 48, "weight": 800, "width": 313.72796630859375, "ink_area": 5968.996078431356, "x_height": 26.49599838256836, "ascent": 37.34400177001953, "descent": 0.9600028991699219 }, { "family": "Sora", "size": 48, "weight": 850, "width": 313.72796630859375, "ink_area": 5968.996078431356, "x_height": 26.49599838256836, "ascent": 37.34400177001953, "descent": 0.9600028991699219 }, { "family": "Sora", "size": 48, "weight": 900, "width": 313.72796630859375, "ink_area": 5968.996078431356, "x_height": 26.49599838256836, "ascent": 37.34400177001953, "descent": 0.9600028991699219 }, { "family": "DM Sans", "size": 48, "weight": 700, "width": 289.7279052734375, "ink_area": 4481.137254901937, "x_height": 24.192001342773438, "ascent": 34.80000305175781, "descent": 0.5760040283203125 }, { "family": "DM Sans", "size": 48, "weight": 750, "width": 289.7279052734375, "ink_area": 4481.137254901937, "x_height": 24.192001342773438, "ascent": 34.80000305175781, "descent": 0.5760040283203125 }, { "family": "DM Sans", "size": 48, "weight": 800, "width": 289.7279052734375, "ink_area": 4481.137254901937, "x_height": 24.192001342773438, "ascent": 34.80000305175781, "descent": 0.5760040283203125 }, { "family": "DM Sans", "size": 48, "weight": 850, "width": 289.7279052734375, "ink_area": 4481.137254901937, "x_height": 24.192001342773438, "ascent": 34.80000305175781, "descent": 0.5760040283203125 }, { "family": "DM Sans", "size": 48, "weight": 900, "width": 289.7279052734375, "ink_area": 4481.137254901937, "x_height": 24.192001342773438, "ascent": 34.80000305175781, "descent": 0.5760040283203125 } ] }, { "text": "130M", "real": { "family": "RedditSansChocolate", "size": 48, "weight": 800, "width": 121.640625, "ink_area": 2258.4313725490188, "x_height": 25.21875, "ascent": 34.9453125, "descent": 0.375 }, "candidates": [ { "family": "Open Reddit", "size": 48, "weight": 700, "width": 120.1448974609375, "ink_area": 2049.6196078431335, "x_height": 25.10888671875, "ascent": 34.93505859375, "descent": 0.375 }, { "family": "Open Reddit", "size": 48, "weight": 750, "width": 120.8939208984375, "ink_area": 2155.8784313725473, "x_height": 25.1597900390625, "ascent": 34.9376220703125, "descent": 0.375 }, { "family": "Open Reddit", "size": 48, "weight": 800, "width": 121.64253234863281, "ink_area": 2259.16862745098, "x_height": 25.210693359375, "ascent": 34.940185546875, "descent": 0.375 }, { "family": "Open Reddit", "size": 48, "weight": 850, "width": 122.39157104492188, "ink_area": 2359.227450980388, "x_height": 25.2615966796875, "ascent": 34.9427490234375, "descent": 0.375 }, { "family": "Open Reddit", "size": 48, "weight": 900, "width": 123.140625, "ink_area": 2459.0862745097993, "x_height": 25.3125, "ascent": 34.9453125, "descent": 0.375 }, { "family": "Sora", "size": 48, "weight": 700, "width": 135.5999755859375, "ink_area": 2869.4705882352946, "x_height": 26.49599838256836, "ascent": 36.09600067138672, "descent": 0.9600028991699219 }, { "family": "Sora", "size": 48, "weight": 750, "width": 135.5999755859375, "ink_area": 2869.4705882352946, "x_height": 26.49599838256836, "ascent": 36.09600067138672, "descent": 0.9600028991699219 }, { "family": "Sora", "size": 48, "weight": 800, "width": 135.5999755859375, "ink_area": 2869.4705882352946, "x_height": 26.49599838256836, "ascent": 36.09600067138672, "descent": 0.9600028991699219 }, { "family": "Sora", "size": 48, "weight": 850, "width": 135.5999755859375, "ink_area": 2869.4705882352946, "x_height": 26.49599838256836, "ascent": 36.09600067138672, "descent": 0.9600028991699219 }, { "family": "Sora", "size": 48, "weight": 900, "width": 135.5999755859375, "ink_area": 2869.4705882352946, "x_height": 26.49599838256836, "ascent": 36.09600067138672, "descent": 0.9600028991699219 }, { "family": "DM Sans", "size": 48, "weight": 700, "width": 123.31198120117188, "ink_area": 2186.10980392157, "x_height": 24.192001342773438, "ascent": 34.176002502441406, "descent": 0.5760040283203125 }, { "family": "DM Sans", "size": 48, "weight": 750, "width": 123.31198120117188, "ink_area": 2186.10980392157, "x_height": 24.192001342773438, "ascent": 34.176002502441406, "descent": 0.5760040283203125 }, { "family": "DM Sans", "size": 48, "weight": 800, "width": 123.31198120117188, "ink_area": 2186.10980392157, "x_height": 24.192001342773438, "ascent": 34.176002502441406, "descent": 0.5760040283203125 }, { "family": "DM Sans", "size": 48, "weight": 850, "width": 123.31198120117188, "ink_area": 2186.10980392157, "x_height": 24.192001342773438, "ascent": 34.176002502441406, "descent": 0.5760040283203125 }, { "family": "DM Sans", "size": 48, "weight": 900, "width": 123.31198120117188, "ink_area": 2186.10980392157, "x_height": 24.192001342773438, "ascent": 34.176002502441406, "descent": 0.5760040283203125 } ] } ], "selection": "Reddit Sans800: Chocolate numbers width121.643 vs121.641; heading509.922 vs510.070; news272.755 vs272.227. Hero raw399.299 vs386.641; scaleX0.9683 yields386.641. Hero x-height36.766 vs36.777 and ink8915.09 vs8957.35 before horizontal correction; scaled ink ~8632.47,3.63% lighter. Retain800 for near-identical x-height and disclose lighter corrected ink. Bubble counterform detail remains approximate.", "proprietary_urls": [ "https://40687240.fs1.hubspotusercontent-na1.net/hubfs/40687240/raw_assets/public/redditinc/fonts/RedditSansChocolate-ExtraBold.woff2", "https://redditinc.com/hubfs/RedditDisplay-ExtraBold.ttf", "https://redditinc.com/hubfs/RedditSansChocolate-ExtraBold.woff" ] }, "source": "https://redditinc.com/", "how": "headless Chromium at1440px and390px; computed styles plus supplied screenshots", "breakpoints": { "phone_max": 767, "all": [ 767, 768, 1023 ] } }, "system": { "fixed": [ "Conversation Bubble geometry", "OrangeRed as the evergreen brand signal", "Approved logo artwork", "Accessible left-aligned text", "Candid and helpful writing" ], "flex": "Secondary tonal families for community voices; bubble widths/heights, content density, Snoo expressions, user imagery and context-appropriate humor.", "traits": [ { "is": "Inherently eclectic", "not": "Exclusionary or uniform", "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Brand-values-o4n1r2 — Inherently eclectic", "why": "Opposition paraphrases the voice and visual safeguards; not an official paired label." }, { "is": "Confidently ourselves", "not": "Generic corporate imitation", "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Brand-values-o4n1r2 — Confidently ourselves", "why": "Opposition paraphrases the voice and visual safeguards; not an official paired label." }, { "is": "Delightfully absurd", "not": "Random or insensitive", "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Brand-values-o4n1r2 — Delightfully absurd", "why": "Opposition paraphrases the voice and visual safeguards; not an official paired label." }, { "is": "Genuinely candid", "not": "Opaque or affected", "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Brand-values-o4n1r2 — Genuinely candid", "why": "Opposition paraphrases the voice and visual safeguards; not an official paired label." } ] }, "formats": [ { "format": "Landing page", "level": 3, "must": "Approved logo, visible OrangeRed for brand speech, clear hierarchy, readable type, bubble geometry and contextual imagery.", "flex": "Primary brand or secondary community emphasis; cutouts, Snoo and motion when useful.", "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Overview-orqY1E — Visual foundation", "homepage_scope": "Corporate landing follows the measured institutional voice in kit.spec.page; guide campaign voice applies to campaign landing pages." }, { "format": "Social post / story", "level": 3, "must": "Approved share assets, consistent bubble radii, legible contrast and attribution for reused content.", "flex": "Staggered headlines, layered imagery, community tonal palette and spring entrances.", "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Social-PXzmWE — Share badges" }, { "format": "Campaign / partnership", "level": 3, "must": "Agreed partner lockup and optical balance; OrangeRed approval for gradients or customized Snoo.", "flex": "Approved seasonal gradients, licensed character customizations and expressive framing.", "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Logo-d9x3n2 — Brand partnerships" }, { "format": "Presentation / business deck", "level": 2, "must": "Clear left-aligned copy, limited type sizes and grid alignment.", "flex": "Condensed only when high character count and limited space justify it; Mono business headlines.", "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Typography-d03Ney — Reddit Sans Condensed" }, { "format": "Editorial / broadcast content", "level": 2, "must": "Poster permission, official templates, community credit; comments need username and parent context.", "flex": "Broadcast votes, comment counts and post date are optional.", "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Displaying-content-oEzE97 — Reddit comments" }, { "format": "Community branding / event / merchandise", "level": 2, "must": "Pill community lockup by default; icon for more than 15 characters or OrangeRed ground.", "flex": "Community color family and approved community/person-specific assets.", "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Social-PXzmWE — Reddit + community name lockups" }, { "format": "Product / constrained UI", "level": 1, "must": "Accessible Sans, functional contrast, approved in-product color roles; consult Design Systems.", "flex": "Condensed for constrained high character count; tertiary status tints and neutral modes.", "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Typography-d03Ney — Laying out type" }, { "format": "Code / data", "level": 1, "must": "Reddit Mono for code and monospaced numerals.", "flex": "Case-specific creative or Business Marketing applications.", "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Typography-d03Ney — Reddit Mono" }, { "format": "Sensitive communication", "level": 0, "must": "Simple honest help with clear context and respectful language.", "flex": "Remove playful tone when the surrounding topic is sensitive.", "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Voice-and-tone-dJ214w — Balancing voice & tone" } ], "checks": [ { "name": "Logo hidden", "text": "Without the logo, the circle-derived bottom-tail bubble, OrangeRed, heavy warm headline, dimensional Snoo or topic object, and candid community content should still identify Reddit." }, { "name": "Speaker check", "text": "Is Reddit speaking, or are redditors speaking? Choose primary brand colors for the former and a secondary tonal family for the latter." }, { "name": "Bubble check", "text": "Are radii consistent, tails at the bottom, layers connected and padding tied to radius?" } ], "examples": [ { "chapter": "color", "do": { "ground": "#FF4500", "text": "Find your community", "ink": "#000000" }, "do_caption": "Black type on OrangeRed is a published pairing.", "dont": { "ground": "#FFBF0B", "text": "Find your community", "ink": "#FFFFFF" }, "dont_caption": "White type on a secondary color is shown as misuse.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Typography-d03Ney — Typography color misuse" }, { "chapter": "type", "do": { "ground": "paper", "text": "A place to ask", "ink": "#000000" }, "do_caption": "Left-aligned clear text; sample wording is illustrative.", "dont": { "ground": "paper", "text": "A p l a c e t o a s k", "ink": "#000000" }, "dont_caption": "Do not track out lowercase text.", "prov": "ours", "source": "https://redditbrand.lingoapp.com/s/Typography-d03Ney — Laying out type", "source_note": "Sample wording is original; the tracking prohibition is published." }, { "chapter": "voice", "do": { "ground": "paper", "text": "Here’s how to get started.", "ink": "#000000" }, "do_caption": "Illustrative: helpful everyday phrasing.", "dont": { "ground": "paper", "text": "Commence utilization of this functionality.", "ink": "#000000" }, "dont_caption": "Illustrative: needless technical formality.", "prov": "ours", "source": "https://redditbrand.lingoapp.com/s/Voice-and-tone-dJ214w — Balancing voice & tone", "source_note": "Both sentences are original illustrative copy applying published voice guidance." }, { "chapter": "elements", "do": { "ground": "#AEEF0F", "text": "r/yourcommunity", "ink": "#000000" }, "do_caption": "One radius, bottom tail, consistent headline padding.", "dont": { "ground": "#AEEF0F", "text": "r/yourcommunity", "ink": "#000000" }, "dont_caption": "Do not rotate bubbles or remove tails; visual construction is in chapter examples.", "prov": "ours", "source": "https://redditbrand.lingoapp.com/s/Conversation-Bubble-orE96r — Single-story Bubble misuse", "source_note": "Text is an original placeholder; bubble geometry requires the chapter examples." } ], "make_it_yours": { "note": "Everything above transfers. These are Reddit'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": "Help communities flourish and make what they know available to all.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Overview-orqY1E — Mission", "paraphrase": true }, "vision": { "text": "A place where people connect through interests and genuine discussion.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Overview-orqY1E — Strategic foundation", "paraphrase": true }, "values": [ { "name": "Inherently eclectic", "means": "Welcome different backgrounds, interests and opinions.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Brand-values-o4n1r2 — Inherently eclectic" }, { "name": "Confidently ourselves", "means": "Protect what makes Reddit and its communities distinctive.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Brand-values-o4n1r2 — Confidently ourselves" }, { "name": "Delightfully absurd", "means": "Make room for appropriate weirdness, humor and fun.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Brand-values-o4n1r2 — Delightfully absurd" }, { "name": "Genuinely candid", "means": "Stay relatable through honesty, vulnerability and sincerity.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Brand-values-o4n1r2 — Genuinely candid" } ] }, "positioning": { "statement": { "text": "Where we discover and participate through real conversation", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Overview-orqY1E — Positioning" }, "category": { "text": "A community platform organized around people, conversations and interests.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Overview-orqY1E — Strategic foundation", "paraphrase": true }, "audience": { "text": "People exploring shared interests, communities, and business audiences engaging with those communities.", "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Overview-orqY1E — Strategic foundation", "why": "Synthesizes the strategic foundation and consumer/business voice split." }, "problem": { "text": "People need a welcoming place to ask questions, explore interests and find common ground.", "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Snoo-dGekEY — Snoo", "why": "The Snoo rationale describes outsiders seeking a friendly face and someone to talk to." }, "promise": { "text": "Discover knowledge and participate through real conversation.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Overview-orqY1E — Positioning", "paraphrase": true }, "differentiators": [ { "text": "Community interests and genuine discussion anchor the experience.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Overview-orqY1E — Strategic foundation", "paraphrase": true }, { "text": "A broad mix of people and perspectives can feel at home.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Brand-values-o4n1r2 — Inherently eclectic", "paraphrase": true }, { "text": "Distinctive candor and playful absurdity give the platform its own cultural character.", "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Brand-values-o4n1r2 — Brand traits", "why": "Synthesis of the four published traits." } ], "alternatives": [ { "text": "Other social platforms are the comparison class; the guide does not name competitors.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Brand-values-o4n1r2 — Confidently ourselves", "paraphrase": true } ] }, "messaging": { "taglines": [ { "text": "Reddit is the heart of the internet", "where": "Published brand description; not explicitly labeled a tagline", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Overview-orqY1E — Description" } ], "attributes": [ "Inviting and helpful", "Original and authentic", "Clever and playful", "Honest and familiar" ], "key_messages": [ { "text": "People, conversation and interests form Reddit’s strategic center.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Overview-orqY1E — Strategic foundation", "paraphrase": true } ], "boilerplate": { "text": "Reddit helps people build communities around their interests, exchange knowledge and take part in genuine discussion. Its identity reflects the varied people and conversations that make those communities possible.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Overview-orqY1E — Strategic foundation", "paraphrase": true }, "pillars": [ { "name": "People and belonging", "claim": "Welcome varied perspectives and help people feel at home.", "proof": [ "p-diversity", "p-access" ], "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Overview-orqY1E — Strategic foundation", "why": "Extraction synthesis of people, conversations and interests; not a separately named official pillar." }, { "name": "Real conversation", "claim": "Make space for candid discussion and useful exchange.", "proof": [ "p-discussion" ], "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Overview-orqY1E — Strategic foundation", "why": "Extraction synthesis of people, conversations and interests; not a separately named official pillar." }, { "name": "Interests and discovery", "claim": "Turn shared interests into communities and accessible knowledge.", "proof": [ "p-content", "p-discussion" ], "prov": "inferred", "source": "https://redditbrand.lingoapp.com/s/Overview-orqY1E — Strategic foundation", "why": "Extraction synthesis of people, conversations and interests; not a separately named official pillar." } ], "proof_points": [ { "id": "p-discussion", "kind": "other", "text": "The strategic foundation centers tools for community building and genuine discussion.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Overview-orqY1E — Strategic foundation", "paraphrase": true }, { "id": "p-content", "kind": "other", "text": "Photography prioritizes actual user contributions and named communities.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Photography-dpwXzv — Sourced vs UGC imagery", "paraphrase": true }, { "id": "p-diversity", "kind": "other", "text": "Custom Snoos reflect community backgrounds, interests and personal identities.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Snoo-dGekEY — Custom Snoos", "paraphrase": true }, { "id": "p-access", "kind": "other", "text": "Reddit Sans uses disambiguated characters and supports more than 100 languages.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Typography-d03Ney — Reddit Sans", "paraphrase": true } ], "claim_boundaries": [ { "text": "Maintain honesty and useful context rather than opaque explanations.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Voice-and-tone-dJ214w — Balancing voice & tone", "paraphrase": true }, { "text": "Do not imply that a personal custom Snoo is an official Reddit account or endorsement.", "prov": "published", "source": "https://redditbrand.lingoapp.com/s/Snoo-dGekEY — Custom Snoos", "paraphrase": true } ], "proof_note": "Qualitative support only; these sources publish no audience or performance statistics." } } } }