{ "schema": "brand-kit@2", "palette": { "paper": "#FFFFFF", "surface": "#F3F3F3", "ink": "#000000", "ink_muted": "#5C5C5C", "accent": "#EB1000", "on_accent": "#FFFFFF", "accent_secondary": "#3B63FB", "night": "#000000", "on_night": "#FFFFFF", "extras": [ { "name": "Adobe red", "hex": "#EB1000", "role": "Brand red: the Adobe \"A\" tile and the Firefly and Experience Cloud app tiles on the homepage. Spectrum names \"Adobe red\" as a primary brand color but does not print its hex on the public page", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30) (fill in Adobe's own SVGs /federal/assets/svgs/experience-cloud-logo.svg and firefly-appicon-256.svg)" }, { "name": "Black", "hex": "#000000", "role": "Primary brand color (black). Homepage ink, black stage behind product grid and footer; Spectrum gray-1000 (light)", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Color (primary palette red, black, grey, white); hex from https://github.com/adobe/spectrum-design-data/blob/main/packages/tokens/src/color-palette.json gray-1000" }, { "name": "White", "hex": "#FFFFFF", "role": "Primary brand color (white). Page paper, text and pill buttons on dark", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Color; https://github.com/adobe/spectrum-design-data/blob/main/packages/tokens/src/color-palette.json white" }, { "name": "Gray 75", "hex": "#F3F3F3", "role": "Spectrum gray-75 (light). Homepage carousel card ground", "prov": "published", "source": "https://github.com/adobe/spectrum-design-data/blob/main/packages/tokens/src/color-palette.json gray-75", "site_use": "Elastic carousel cards on adobe.com, observed https://www.adobe.com/ (2026-10-30)" }, { "name": "Gray 50", "hex": "#F8F8F8", "role": "Spectrum gray-50 (light): app background", "prov": "published", "source": "https://github.com/adobe/spectrum-design-data/blob/main/packages/tokens/src/color-palette.json gray-50" }, { "name": "Gray 100", "hex": "#E9E9E9", "role": "Spectrum gray-100 (light): dividers, subtle fills", "prov": "published", "source": "https://github.com/adobe/spectrum-design-data/blob/main/packages/tokens/src/color-palette.json gray-100" }, { "name": "Gray 200", "hex": "#E1E1E1", "role": "Spectrum gray-200 (light)", "prov": "published", "source": "https://github.com/adobe/spectrum-design-data/blob/main/packages/tokens/src/color-palette.json gray-200" }, { "name": "Gray 800", "hex": "#292929", "role": "Spectrum gray-800 (light): icons, linear illustrations, default UI text", "prov": "published", "source": "https://github.com/adobe/spectrum-design-data/blob/main/packages/tokens/src/color-palette.json gray-800; https://spectrum.adobe.com/foundations/visual-language/illustration (illustrations use gray 800)", "site_use": "\"Ask a question\" pill text on adobe.com" }, { "name": "Gray 900", "hex": "#131313", "role": "Spectrum gray-900 (light): headings in product UI", "prov": "published", "source": "https://github.com/adobe/spectrum-design-data/blob/main/packages/tokens/src/color-palette.json gray-900" }, { "name": "Muted ink (64% black)", "hex": "#5C5C5C", "role": "Homepage secondary text: rgba(0,0,0,0.64) on white renders #5C5C5C (eyebrows, card descriptions)", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30) (computed rgba(0,0,0,0.64))" }, { "name": "Card on black", "hex": "#141414", "role": "Homepage product-grid card: rgba(255,255,255,0.08) on #000000 renders #141414", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30) (computed rgba(255,255,255,0.08))" }, { "name": "Muted on card (50% white)", "hex": "#8A8A8A", "role": "Product-grid card descriptions: #FFFFFF at opacity 0.5 over #141414 renders #8A8A8A", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30) (computed opacity 0.5 on .body-md)" }, { "name": "Muted on black (60% white)", "hex": "#999999", "role": "Footer links and legal row: #FFFFFF at opacity 0.6 on #000000 renders #999999", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30) (computed opacity 0.6 on .feds-navLink and .feds-footer-legalWrapper)" }, { "name": "Glass card on photo", "hex": "#383838", "role": "Hero category cards: rgba(0,0,0,0.44) over the hero video with 1px inset rgba(255,255,255,0.11) ring; reads near #383838 over the darkened photo", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, { "name": "Pill on page", "hex": "#FAFAFA", "role": "Floating \"Ask a question\" pill: rgba(250,250,250,0.85)", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, { "name": "Spectrum blue 900 (accent)", "hex": "#3B63FB", "role": "Spectrum accent-color-900 alias of blue-900 (light): accent buttons, focus, selection in product UI", "prov": "published", "source": "https://github.com/adobe/spectrum-design-data/blob/main/packages/tokens/src/semantic-color-palette.json accent-color-900 -> https://github.com/adobe/spectrum-design-data/blob/main/packages/tokens/src/color-palette.json blue-900" }, { "name": "Spectrum blue 1000", "hex": "#274DEA", "role": "accent-color-1000 (light): accent hover/down", "prov": "published", "source": "https://github.com/adobe/spectrum-design-data/blob/main/packages/tokens/src/color-palette.json blue-1000" }, { "name": "Spectrum red 900 (negative)", "hex": "#D73220", "role": "negative-color-900 alias of red-900 (light): errors", "prov": "published", "source": "https://github.com/adobe/spectrum-design-data/blob/main/packages/tokens/src/color-palette.json red-900" }, { "name": "Spectrum green 900", "hex": "#05834E", "role": "Spectrum green-900 (light): positive", "prov": "published", "source": "https://github.com/adobe/spectrum-design-data/blob/main/packages/tokens/src/color-palette.json green-900" }, { "name": "Spectrum orange 900", "hex": "#C24E00", "role": "Spectrum orange-900 (light): notice", "prov": "published", "source": "https://github.com/adobe/spectrum-design-data/blob/main/packages/tokens/src/color-palette.json orange-900" }, { "name": "Illustrator orange", "hex": "#FF9A00", "role": "Ai brand color (maps to Spectrum Orange 500); on the guide's second table it is printed #FD9A00", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Color (brand-to-Spectrum table)" }, { "name": "Illustrator orange (CC table)", "hex": "#FD9A00", "role": "Ai light value in the Creative Cloud palette", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Creative Cloud" }, { "name": "Illustrator dark", "hex": "#330000", "role": "Ai dark value (tile ground)", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Creative Cloud" }, { "name": "Dimension celery", "hex": "#99E83F", "role": "Dn brand color (Spectrum Celery 400)", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Color" }, { "name": "Dimension dark", "hex": "#1E3101", "role": "Dn dark value", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Creative Cloud" }, { "name": "Photoshop cyan", "hex": "#31A8FF", "role": "Ps brand color (Spectrum Cyan 600)", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Color" }, { "name": "Photoshop dark", "hex": "#001E36", "role": "Ps dark value (tile ground)", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Creative Cloud" }, { "name": "After Effects indigo", "hex": "#9999FF", "role": "Ae brand color (Spectrum Indigo 600); also Premiere tile letters on adobe.com", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Color" }, { "name": "After Effects dark", "hex": "#00005B", "role": "Ae dark value; also the Premiere tile ground on adobe.com", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Creative Cloud" }, { "name": "XD fuchsia", "hex": "#FF61F6", "role": "Xd brand color (Spectrum Fuchsia 600)", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Color" }, { "name": "XD dark", "hex": "#470137", "role": "Xd dark value", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Creative Cloud" }, { "name": "InDesign magenta", "hex": "#FF3366", "role": "Id brand color (Spectrum Magenta 800) in the brand-to-Spectrum table", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Color" }, { "name": "InDesign magenta (CC table)", "hex": "#FC487B", "role": "Id light value in the Creative Cloud palette", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Creative Cloud" }, { "name": "InDesign dark", "hex": "#6E132E", "role": "Id dark value", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Creative Cloud" }, { "name": "Acrobat red", "hex": "#B30B00", "role": "Document Cloud primary (Acrobat tile)", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Document Cloud" }, { "name": "Document Cloud violet", "hex": "#584CCC", "role": "Document Cloud primary", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Document Cloud" }, { "name": "Document Cloud teal", "hex": "#008CAD", "role": "Document Cloud primary", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Document Cloud" }, { "name": "DC coral", "hex": "#F75C46", "role": "Document Cloud secondary", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Document Cloud" }, { "name": "DC berry", "hex": "#AD0955", "role": "Document Cloud secondary", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Document Cloud" }, { "name": "DC cobalt", "hex": "#0054B6", "role": "Document Cloud secondary", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Document Cloud" }, { "name": "DC blush", "hex": "#FFDBD9", "role": "Document Cloud secondary (tint)", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Document Cloud" }, { "name": "DC lilac", "hex": "#CCA4FD", "role": "Document Cloud secondary (tint)", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Document Cloud" }, { "name": "DC sky", "hex": "#78BBFA", "role": "Document Cloud secondary (tint)", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Document Cloud" }, { "name": "EC Insights", "hex": "#9755E6", "role": "Experience Cloud foundational (cool): Insights", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Experience Cloud" }, { "name": "EC Content Management", "hex": "#8CDC47", "role": "Experience Cloud foundational: Content Management", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Experience Cloud" }, { "name": "EC Data Management", "hex": "#16878C", "role": "Experience Cloud foundational: Data Management", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Experience Cloud" }, { "name": "EC Marketing", "hex": "#D83791", "role": "Experience Cloud functional (warm): Marketing", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Experience Cloud" }, { "name": "EC Advertising", "hex": "#B130BD", "role": "Experience Cloud functional: Advertising", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Experience Cloud" }, { "name": "EC Commerce", "hex": "#DA7B11", "role": "Experience Cloud functional: Commerce", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Experience Cloud" }, { "name": "Assistant pink", "hex": "#EC69FF", "role": "AI-assistant glyph radial dots (floating Ask a question pill, phone nav)", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30) (inline SVG)" }, { "name": "Assistant orange-red", "hex": "#FF513D", "role": "AI-assistant glyph swirl", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30) (inline SVG)" }, { "name": "Express lavender", "hex": "#DEDEF9", "role": "Adobe Express light fill (also printed under the Experience Cloud Setup and Configuration swatch, which renders indigo: a label slip on the page)", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Adobe Express" }, { "name": "Express indigo", "hex": "#5C5CE0", "role": "Adobe Express fill accent and main metaphors", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Adobe Express" }, { "name": "Express gray", "hex": "#242424", "role": "Adobe Express main stroke color (Spectrum gray)", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Adobe Express" } ], "note": "Roles: paper, ink, night and on_night are the published primary palette (black, white) as the homepage uses them. accent is Adobe red (named as primary by Spectrum, hex observed in Adobe's own SVG fills). surface is Spectrum gray-75. accent_secondary is Spectrum's product accent (blue-900): it never appears on the marketing homepage. ink_muted is the homepage's 64% black." }, "typography": { "display": { "family": "Rethink Sans", "steal_family": "Rethink Sans", "weight": 800, "tracking": -0.02, "line_height": 0.95, "fallback_stack": "\"Rethink Sans\", \"Helvetica Neue\", Arial, sans-serif", "real": "Adobe Clean Display Black (Adobe's proprietary corporate family; not licensed for others)", "stand_in": true, "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)", "site": { "weight": 900, "size_px": "80 desktop / 40 phone (H1); 56 / 32 (H2); 24 / 18 (card titles)", "line_height": "76px at 80 (0.95), 56px at 56 (1.0), 24px at 24", "tracking": "-0.04em at 80 (-3.2px), -0.03em at 56 (-1.68px), -0.04em at 24 (-0.96px); phone H1 0", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" } }, "body": { "family": "Source Sans 3", "steal_family": "Source Sans 3", "weight": 400, "tracking": 0, "line_height": 1.25, "scale": 16, "fallback_stack": "\"Source Sans 3\", \"Helvetica Neue\", Arial, sans-serif", "real": "Adobe Clean (Adobe's proprietary corporate typeface; Spectrum ships Adobe Clean Spectrum VF in products)", "stand_in": true, "prov": "published", "source": "https://spectrum.adobe.com/foundations/typography/overview", "site": { "weights": "400 body, 700 labels, nav, buttons, eyebrows", "sizes": "20/24 lead, 16/20 body, 14/18 labels, 12/16 legal", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" } }, "mono": { "family": "Source Code Pro", "steal_family": "Source Code Pro", "weight": 400, "fallback_stack": "\"Source Code Pro\", Menlo, monospace", "real": "Spectrum names a Code type style; the Adobe Clean family includes a face for displaying code (name not on the public page)", "stand_in": true, "prov": "inferred", "source": "https://spectrum.adobe.com/foundations/typography/overview (Adobe Clean family includes faces for code); Source Code Pro is Adobe's own open mono" }, "calibration": "Rendered on 2026-10-30 in Chromium on adobe.com (real faces) and Google Fonts (candidates), same text, size and tracking; width first, then ink per px. Display, \"Create at the highest level.\" at 80px / -3.2px: Adobe Clean Display Black 900 = 813px. Rethink Sans 800 = 824px (+1.4%, ink +36%), Source Sans 3 800 = 860px (+5.8%, ink +25%), Hanken Grotesk 800 = 891px (+9.6%, ink +16%), Inter 900 = 984px (+21%). At 56px / -1.68px (\"Everything you need to make anything.\"): real 877px, Rethink Sans 800 874px (-0.3%). Rethink Sans 800 (its heaviest) wins on width. Tracking re-fit on rendered line widths (2026-10-30): Adobe's H1 lines measure 411 and 431px, H2 \"Everything you need to make anything.\" 903px, \"Tools that work for you.\" 542px, 24px titles 265 and 333px. Rethink Sans 800 hits them at -0.02em for 56-80px (422/418, 898, 547px) and -0.04em at 24px (265, 334px). So set the stand-in at -0.02em on display sizes, -0.04em on 24px titles; never above 800 or faux bold. Body, \"Photoshop, Illustrator, Premiere, and much more. Work with\" at 20px: Adobe Clean 400 = 484px; Source Sans 3 400 = 499px (+3.1%, ink +5%, x-height 9.7 vs 9.0), the closest of 13 candidates. Labels at 14px 700: Adobe Clean 277px, Source Sans 3 700 282px (+1.8%). Source Sans 3 is also Adobe's own open-source family, which makes it the honest stand-in for Adobe Clean." }, "style": { "button_shape": "pill", "button_note": "Homepage buttons are all 40px pills (999px radius): white fill with black 14px bold label on photos and dark, or a 2px white outline. Spectrum lists buttons under \"Full\" rounding.", "corners": "Spectrum: no sharp corners; small 4px, medium 8px (default), large 10px, extra-large 16px, full for buttons. Homepage: 8px small cards, 16px media and cards, 32px on the white sheet where it meets a dark band", "linework": "Icons are outlined with a 1.5px stroke; linear illustrations in gray 800", "motion": "Purposeful, intuitive, seamless (Spectrum). Homepage eases cubic-bezier(0.42, 0, 0, 1) for buttons, cards and reveals, 0.3s for state changes, 0.5s for fades; many reveals are scroll-driven", "prov": "published", "source": "https://spectrum.adobe.com/foundations/styles/object-styles/rounding", "also": [ "https://spectrum.adobe.com/foundations/icons-and-illustrations/icon-fundamentals", "https://spectrum.adobe.com/foundations/behavior/motion", "https://www.adobe.com/ (2026-10-30)" ] }, "voice": { "tone": [ "rational", "human", "focused" ], "notes": [ "One voice, many tones: Spectrum sets the voice as rational (clear and understandable), human (friendly, honest, responsible) and focused (concise and simple) (https://spectrum.adobe.com/page/voice-and-tone/).", "Tone slides along a five-point spectrum: motivational (rarely), helpful (occasionally), instructive (often), reassuring (occasionally), supportive (rarely).", "Avoid language that is overly opinionated, funny or trendy; acknowledge users' emotions.", "Homepage headlines (observed 2026-10-30): short declaratives ending in a period, often a product promise (\"Get work done. Faster.\"), then one plain sentence.", "Offers are facts with a link: \"New subscribers save 50% on Creative Cloud Pro for the first three months. See terms.\"", "Spectrum is product UI guidance; Adobe does not publish a separate marketing voice guide." ], "rules": [ { "id": "sentence-case", "kind": "headline_case", "value": "sentence", "prov": "published", "source": "https://spectrum.adobe.com/page/grammar-and-mechanics/ § Sentence case" }, { "id": "title-case-rare", "kind": "guidance", "text": "Use title case only for official names and titles", "prov": "published", "source": "https://spectrum.adobe.com/page/grammar-and-mechanics/ § Title case" }, { "id": "no-all-caps-emphasis", "kind": "banned_pattern", "text": "Never use all caps for emphasis; all caps only for acronyms and file extensions", "pattern": "\\b[A-Z]{5,}\\b", "prov": "published", "source": "https://spectrum.adobe.com/page/grammar-and-mechanics/ § All caps" }, { "id": "contractions", "kind": "guidance", "text": "Use common contractions (you're, we'll, can't) to sound natural", "prov": "published", "source": "https://spectrum.adobe.com/page/grammar-and-mechanics/ § Contractions" }, { "id": "second-person", "kind": "guidance", "text": "Address the user as you; first person only for the user's own answers, consent or privacy", "prov": "published", "source": "https://spectrum.adobe.com/page/grammar-and-mechanics/ § Pronouns" }, { "id": "no-ampersand", "kind": "banned_pattern", "text": "Spell out \"and\" instead of using an ampersand in copy", "pattern": " & ", "prov": "published", "source": "https://spectrum.adobe.com/page/grammar-and-mechanics/ § Ampersand" }, { "id": "active-voice", "kind": "guidance", "text": "Prefer active voice: say who does what", "prov": "published", "source": "https://spectrum.adobe.com/page/grammar-and-mechanics/ § Active and passive voice" }, { "id": "simple-tense", "kind": "guidance", "text": "Use simple verb tenses", "prov": "published", "source": "https://spectrum.adobe.com/page/grammar-and-mechanics/ § Verb tenses" }, { "id": "no-decoration", "kind": "guidance", "text": "Describe only what is needed; don't coin new concepts or names", "prov": "published", "source": "https://spectrum.adobe.com/page/voice-and-tone/ § Focused" }, { "id": "not-trendy", "kind": "guidance", "text": "Avoid language that is overly opinionated, funny or trendy", "prov": "published", "source": "https://spectrum.adobe.com/page/voice-and-tone/ § Rational" }, { "id": "headline-period", "kind": "guidance", "text": "Homepage headlines are full sentences that end with a period", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, { "id": "headline-length", "kind": "max_words", "value": 8, "text": "Homepage headlines run 3 to 7 words", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, { "id": "no-exclaim", "kind": "banned_pattern", "text": "No exclamation marks in homepage headlines or body (none observed)", "pattern": "!", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" } ], "approved": { "phrases": [ "Create at the highest level.", "Everything you need to make anything.", "Tools that work for you.", "Explore what's new." ], "words": [ "create", "make", "faster", "AI", "everyone" ] }, "banned": [ "& in body copy", "ALL CAPS for emphasis", "overly opinionated, funny or trendy language", "invented product names or concepts" ], "is_not": [ "funny", "trendy", "opinionated", "decorated", "formal" ], "prov": "published", "source": "https://spectrum.adobe.com/page/voice-and-tone/", "also": [ "https://spectrum.adobe.com/page/grammar-and-mechanics/", "https://spectrum.adobe.com/page/principles/" ] }, "spec": { "source": "https://spectrum.adobe.com", "how": "Brand law from Spectrum (Adobe's public design system) and Adobe's trademark page; page anatomy measured on adobe.com on 2026-10-30 at 1440 and 390.", "provenance": "published + observed", "motion": [ { "name": "directional: linear", "use": "forward movement and progress (progress bars, an arrow nudging right on hover)", "prov": "published", "source": "https://spectrum.adobe.com/foundations/behavior/motion § Linear" }, { "name": "directional: diagonal", "use": "a switch of context, like a link out (arrow nudging up-right)", "prov": "published", "source": "https://spectrum.adobe.com/foundations/behavior/motion § Diagonal" }, { "name": "directional: clockwise", "use": "holding patterns: loading indicators", "prov": "published", "source": "https://spectrum.adobe.com/foundations/behavior/motion § Clockwise" }, { "name": "interaction: press", "use": "buttons scale down on the down state", "prov": "published", "source": "https://spectrum.adobe.com/foundations/behavior/motion § Interaction motion" }, { "name": "homepage ease", "easing": "cubic-bezier(0.42, 0, 0, 1)", "duration_ms": 300, "use": "button colour changes, carousel width changes, arrow nudges; reveals use the same curve on scroll-driven timelines", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, { "name": "homepage fade", "easing": "ease", "duration_ms": 500, "use": "product-card artwork and text fading in", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, { "name": "reduced motion", "use": "motion over large areas must respect reduced-motion settings", "prov": "published", "source": "https://spectrum.adobe.com/foundations/behavior/motion § Overview" } ], "icons": { "grid": "key shapes (published as images, sizes not printed on the public page)", "sizes": [], "stroke": "1.5px, aligned to 4 subdivisions of the pixel", "caps_joins": "rounded, softer corners (Spectrum 2)", "color": "mostly monochrome (gray 800); colour only in status badges", "rule": "outlined, not filled; clear, functional metaphors; duotone only to show direction or change", "prov": "published", "source": "https://spectrum.adobe.com/foundations/icons-and-illustrations/icon-fundamentals" }, "signature": [ { "id": "black-headline", "name": "The Black headline", "where": "every homepage headline and card title", "spec": "Adobe Clean Display Black 900, tight tracking (-0.03 to -0.04em in Adobe's face; -0.02em with the stand-in Rethink Sans 800 at 56-80px), line-height 0.95-1.0, sentence case ending in a period; white on photos, black on white", "dont": "Never set it light, in title case or in colour", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, { "id": "sheet-and-stage", "name": "White sheet over a dark stage", "where": "section transitions", "spec": "Full-bleed photo/video and black bands are the stage; white content sections ride over them as one sheet with 32px rounded corners where they meet", "dont": "No hairlines or gradients between sections", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, { "id": "app-tiles", "name": "Product app tiles", "where": "cards, badges, footer", "spec": "Rounded-square tiles in each product's published dark/light pair (Ps #31A8FF on #001E36, Ai #FF9A00 on #330000) or white on red; 18-32px; they are the only colour in the chrome", "dont": "Do not recolour, outline or redraw a tile", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Brand assets, § Creative Cloud" }, { "id": "pills", "name": "White pill buttons", "where": "every CTA", "spec": "40px tall, 999px radius, white with a 14px bold black label, or a 2px white outline on dark", "dont": "No coloured or square buttons on the marketing page", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, { "id": "gradients", "name": "Product gradients", "where": "product UI: premium and generative-AI moments", "spec": "Gradients are placed intentionally, tied to product brand palettes, and never distract from content", "dont": "Do not make your own gradients", "prov": "published", "source": "https://spectrum.adobe.com/foundations/visual-language/brand § Gradients" } ], "page": { "source": "https://www.adobe.com/", "date": "2026-10-30", "prov": "observed", "voices": "Two voices. (1) Product voice (Spectrum, published): rational, human, focused; sentence case; second person; contractions; no ampersands in UI copy; tone mostly instructive. (2) Homepage voice (observed): short declarative headlines that end with a period (\"Create at the highest level.\", \"Tools that work for you.\"), each followed by one plain 20px sentence; product names carry the meaning; offers are stated as plain facts with a \"See terms\" link. A landing page follows the homepage voice for headlines and the Spectrum mechanics for everything else (sentence case, contractions, \"and\" in body copy). The site itself breaks the no-ampersand rule in footer headings (\"For individuals & small business\") and the nav (\"Learn & Support\"): keep those labels verbatim when rebuilding the homepage, spell out \"and\" in new copy.", "announcement": { "present": false, "note": "No announcement bar on the logged-out US homepage at rest (observed 2026-10-30). A cookie banner may appear in some regions; do not build it." }, "nav": { "summary": "Desktop: an 80px bar laid transparently over the hero video: white Adobe wordmark at left, six menu labels (five with a small chevron), then at the right a 9-dot app-switcher icon and a white pill Sign in button. Phone: hamburger, the white Adobe \"A\" mark, and at the right a colorful AI-assistant round icon, the 9-dot icon and the white Sign in pill.", "ground": "transparent over the hero video (no fill, no blur, no border) at rest. Animation only: once scrolled it becomes a floating translucent light-grey bar inset 4px with rounded corners and dark text; the builder draws the at-rest transparent state only.", "height": "80px desktop (y 0-80), 80px phone", "border": "none", "sticky": "position: sticky; top 0 (draw it in normal flow at the top, over the hero: the hero starts at y 0 under it)", "logo": { "variant": "Adobe wordmark only (no A tile), white on the hero", "px": "67x16", "position": "x 24, y 32 (vertically centred in the 80px bar)", "file": "logo-wordmark-white.svg", "phone": "the \"A\" logomark only, white, 20x18 at x 60, y 31, after a 20px hamburger (two horizontal lines) at x 24" }, "links": { "count": 6, "labels": "Products, Use Cases, Solutions, Quick Actions, Learn & Support, Plans", "dropdowns": "every label except Plans carries an 8x5 chevron-down (1.5px stroke) 4px after the label", "size": "14px/18px", "weight": 700, "color": "#FFFFFF over the hero", "alignment": "left group starting right after the logo: label x 115, 208, 308, 404, 528, 671 (about 24px between groups), vertically centred at y 40. Hit these x positions exactly (absolute positioning or fixed widths): each group is label + 4px gap + an 8x5 chevron (1.5px stroke) and the groups are 24px apart; if the stand-in label runs wider, reduce the gap, not the positions" }, "actions": [ "App switcher: 9-dot grid icon (3x3 dots, 20x20), white, centred x 1315, y 40", "Sign in: white pill (#FFFFFF fill, 999px radius, 1px solid #FFFFFF), label 14px/18px 700 #000000, 16px side padding, height 40px (min-height; the label is vertically centred), 77x40 at x 1339, y 20; 24px from the right edge" ], "phone": { "shows": "hamburger x 24, A mark x 60, AI-assistant circle (40px white circle holding ai-assistant-glyph.svg at 20px) at x 201, 9-dot icon x 252, Sign in pill 77x40 at x 289 y 20", "menu": "hamburger opens a full menu (not built)", "cta": "Sign in pill" } }, "hero": { "summary": "A full-bleed 1440x900 video stage (an editor at a desk with a monitor showing Photoshop and a red running woman) darkened on the left, a white left-aligned text column (eyebrow, 2-line 80px Black headline, 20px lead, bold 20px offer line, white pill CTA), and along the bottom a row of five small category cards plus a round next arrow. The white page sheet with 32px rounded top corners starts at y 868, overlapping the bottom 32px of the stage.", "desktop": { "section": "y 0-900 (viewport height); the next section is a white sheet starting at y 868 with border-radius 32px 32px 0 0, drawn on top of the hero (z-index above)", "column_split": "text column x 120-604 (484px; headline box 662px wide); media fills the whole stage behind it", "vertical_anchors": "eyebrow \"Creative Cloud\" top y 144; H1 top y 180, 2 lines (\"Create at the\" / \"highest level.\"), bottom y 332; lead top y 348 (3 lines, 484px max); offer line top y 452 (2 lines, bold); CTA top y 564 (118x40); category cards top y 726, bottom y 820", "text_max_width": "H1 box 662px (it wraps to 2 lines at 80px because of the explicit line break after \"the\"); lead and offer 484px", "media": "PLACE THE IMAGE hero-1-creative-cloud.jpg (2880x1620 still from the hero video) as an absolutely positioned cover layer inset 0, object-fit cover, object-position center. Over it a left-to-right scrim: linear-gradient(90deg, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.35) 45%, rgba(0,0,0,0) 75%) (inferred from the rendered darkening; the site bakes it into the video grade)", "cta_size": "118x40", "next_button": "40px circle, rgba(0,0,0,0.44) fill with inset 0 0 0 1px rgba(255,255,255,0.11), white 8px right-pointing triangle centred; x 1279, y 752 (25px after the last card, vertically centred on the card row)" }, "phone": { "order": "nav, eyebrow, H1, lead, offer, CTA, then (lower on the photo) a round pause button at x 24 and a square next-slide button at the right, then the category-card row that scrolls horizontally (first card white, second dark)", "alignment": "left, 24px gutter", "sizes": "stage 390x844; eyebrow 16px/20px 700 at y 91; H1 40px/40px Black (stand-in Rethink Sans 800), 2 lines (\"Create at the\" / \"highest level.\"), y 121-201, 238px wide box; lead 16px/20px 3 lines at y 210; offer 16px/20px 700 2 lines at y 276; CTA 118x40 at y 344; card row top y 718, cards 46px tall (icon + label inline), first 206px wide white", "media": "PLACE THE IMAGE hero-1-phone.jpg (750x1333, the phone crop: a tablet on a wooden desk seen from above) as cover inset 0", "controls": "two 40px controls on the photo at y 638: a round pause button (rgba(0,0,0,0.44), white pause bars) at x 24 and a rounded-square (radius 8px) next button with a white arrow-to-bar icon at x 326" }, "at_rest": "Slide 1 of 5 (Creative Cloud) shown, carousel paused. The other slides (Firefly, Acrobat, Adobe for Business, Education) sit off-canvas to the right and are not drawn. The first category card (\"Creativity and design\") is the active one: white fill, black label. Headline fully visible (the site animates it in: animation only).", "type": "eyebrow 16px/20px Adobe Clean 700, tracking -0.2px, #FFFFFF; H1 80px/76px Adobe Clean Display Black (stand-in Rethink Sans 800), tracking -1.6px (-0.02em) with the stand-in Rethink Sans 800, which reproduces Adobe's measured line widths of 411px and 431px (Adobe Clean Display Black itself is set at -3.2px), #FFFFFF; lead 20px/24px 400 #FFFFFF; offer 20px/24px 700 #FFFFFF with \"See terms\" 400 underlined; the offer line is lead-sized (20px/24px) at weight 700, not a separate token", "cta": "One CTA only: \"Free trial\", white pill (#FFFFFF fill, 2px solid #FFFFFF border, radius 999px), label 14px/18px 700 #000000, 118x40 (padding 0 24px)", "cards": "Five category cards, each 220x94, gap 8px, x 120, 348, 577, 805, 1034; radius 8px; padding 12px 12px 16px; an 18px product icon top-left, the label bottom-left 14px/18px 700, a 6x10 chevron-right at the bottom-right. Card 1 active: #FFFFFF fill, #000000 label. Cards 2-5: rgba(0,0,0,0.44) fill (renders about #383838 over the photo) with inset 0 0 0 1px rgba(255,255,255,0.11), #FFFFFF label. Then a 40px round button rgba(0,0,0,0.44) with a white 8px play/next triangle at x 1279, y 752. Labels and icons in order: Creativity and design (Creative Cloud rainbow tile), Content creation (Firefly red tile \"Fi\"), PDF and document essentials (Acrobat red tile), Adobe for Business (Adobe red \"A\" tile), Students and teachers (Creative Cloud tile). ACTIVE-CARD PROGRESS RULE: the active (white) card carries the autoplay progress bar: a 3px #EB1000 bar along its bottom edge, left 0, bottom 0, width 85% at rest (it grows with the slide timer: animation only), clipped by the 8px corner radius. \"PDF and document essentials\" wraps to 2 lines (\"PDF and document / essentials\") inside the 196px label column; the other labels sit on one line at the bottom.", "proof": "none in the hero", "copy": { "eyebrow": "Creative Cloud", "h1": "Create at the / highest level.", "lead": "3 lines at 484px: it names Photoshop, Illustrator, Premiere \"and much more\", then one sentence about working with the tools behind iconic creative content", "offer": "2 lines, bold, + underlined \"See terms\" (regular weight)", "cta": "Free trial" } }, "sections": [ { "name": "Everything you need (intro + elastic carousel)", "summary": "White sheet with 32px rounded top corners sliding over the hero; centred 56px Black headline and a 20px sentence; then a full-bleed row of five tall light-grey cards, each a category label, a portrait video still and a title + line.", "ground": "#FFFFFF", "desktop": { "band": "y 868-1757; border-radius 32px 32px 0 0; padding-top 128px", "h2": "\"Everything you need to make anything.\" 56px/56px Display Black 800, tracking -1.12px (-0.02em) with Rethink Sans (Adobe sets -1.68px in its own face; -1.12px reproduces its 903px line), #000000, centred, one line, top y 996 (903px wide)", "lead": "20px/24px 400 #000000, centred, max-width 680px, 3 lines, top y 1060. Copy: one sentence naming who it is for: students, social influencers, creative professionals, performance marketers and global brands, and that Adobe has the apps to make it happen", "cards": "Five cards, each 294x583, #F3F3F3, radius 16px, gap 8px; the row (1502px) is centred and overflows the 1440 viewport by 31px on both sides (card 1 x -31, card 5 x 1177), top y 1166. Inside each card: 24px icon at (24, 24) with the 14px/18px 700 label at x+64 on the same row; media 294x394 (full card width) at y+72, radius 16px, object-fit cover; title 16px/20px 700 #000000 at (24, 495), width 246; line 16px/20px 400 #000000, 2 lines, below the title at +24" }, "phone": { "band": "starts at y 821 (the sheet overlaps the 844px hero by 23px, radius 16px 16px 0 0 on phone); static height 3204px (header 218 + 5 cards x 583 + 4 x 8 gaps + 39px bottom). The live site adds about 650px of sticky-scroll runway: DO NOT add it; every later phone y below is given as a height, not an absolute y", "h2": "32px/32px, stand-in tracking -0.32px, centred, exactly 2 lines with a forced break: \"Everything you need\" / \"to make anything.\", top y 862", "lead": "16px/20px centred, 4 lines, 342px", "cards": "Black (#000000) cards, radius 16px, 366px wide at x 12 (12px side margins: they read as near full-bleed canvases), 583px tall; header row (24px icon + white 14px/18px 700 label + a 24px white circle with a black chevron at the right, 24px inset), the media full card width below it, then the white title + line. On the site they pin and stack as you scroll (animation only): at rest draw them one after another with 8px gaps" }, "anatomy": [ "Section heading is centred, everything else in the page is left-aligned", "Cards in order: Creativity and design / \"Create with the top tools.\" / \"Do it all with industry-leading apps for design, photo, video, and creative AI.\"; Content creation / \"Generate stunning content easily.\" / \"Quickly create and edit images, video, and audio with creative AI.\"; PDF and document essentials / \"Do it all in less time.\" / \"Create, edit, and share PDFs. Make edits and create presentations with AI.\"; Adobe for Business / \"Orchestrate customer experiences.\" / \"Deliver business impact, move faster, and personalize at scale.\"; Students and teachers / \"Students and teachers save big.\" / \"Save a bundle on our biggest bundle of top industry creative tools.\"", "Card titles are truncated with an ellipsis in the 246px column when too long (as observed: \"Create with the top tools.\" fits; longer titles clip)", "Media: card-1-creativity.jpg (red runner), card-2-content.jpg (man in red suit in a green elevator door among flowers), card-3-pdf.jpg (green document with large vertical type), card-4-business.jpg (pump bottle held in a hand on pink), card-5-students.jpg (orange and black geometric artwork)" ], "components": [ "carousel_card" ] }, { "name": "Explore what's new (header + wide promo)", "summary": "Centred eyebrow, 56px headline and 20px line, then a 1200px-wide rounded photo promo with a product badge, and its title + line at bottom-left and a text link at bottom-right.", "ground": "#FFFFFF", "desktop": { "band": "y 1757-2726; header padding-top 128px", "eyebrow": "\"Features and Releases\" 16px/20px 700 rgba(0,0,0,0.64) (#5C5C5C), centred, top y 1886", "h2": "\"Explore what's new.\" 56px/56px Black 800 -1.12px (stand-in tracking), centred, top y 1914", "lead": "\"Discover the latest product features from Adobe.\" 20px/24px centred, top y 1978", "promo": "As it is seen in view, the image is scaled up slightly beyond the container: 1238x562 at x 101-1339, top y 2026, radius 16px, PLACE whatsnew-wide-premiere.jpg cover (the DOM box is 1200x545 at x 120; the scroll animation grows it ~3% and that is the state people see). A 24px Premiere tile (#00005B ground, #9999FF \"Pr\") at (16, 16) inside the image. The caption row stays inset at x 136", "caption": "title \"Like a studio in your pocket.\" 24px/24px Black (stand-in Rethink Sans 800) -0.96px #000000 at x 136, top y 2595; line 16px/20px 400 #5C5C5C, 2 lines, 487px wide, y 2623; link \"Get free app\" 14px/18px 700 #000000 + 6px chevron-right, right-aligned ending at x 1304, top y 2598. The 2-line line under \"Like a studio in your pocket.\" is about making every edit right with the free mobile app for social videos" }, "phone": { "band": "height 591px", "eyebrow": "16px/20px centred, y 4712", "h2": "32px/32px centred, one line, y 4740", "lead": "16px/20px centred, 2 lines", "promo": "image 342x257 at x 24 (PLACE whatsnew-premiere-phone.jpg), radius 16px; title 18px/20px Black (stand-in Rethink Sans 800) -0.2px at x 40; line 16px/20px #5C5C5C; link \"Get free app\" below the line (not right-aligned)" }, "anatomy": [ "The wide promo image has a large white rounded-rectangle frame drawn inside the photo (part of the artwork, not CSS)", "Caption row sits 16px below the image, inset 16px from the image edge (x 136)" ], "components": [ "promo_card", "text_link_chevron" ] }, { "name": "Three promo cards", "summary": "Three equal promo cards in a row, each a 4:3 rounded image with a product badge, a 24px Black title, a grey line and a chevron link.", "ground": "#FFFFFF", "desktop": { "band": "y 2726-3296", "cards": "3 cards, image 395x296 at x 120, 523, 925 (8px gaps), top y 2727, radius 16px, object-fit cover; 24px product badge at (16, 16) inside the image; title 24px/24px Black (stand-in Rethink Sans 800) -0.96px #000000 at x+16, top y 3039 (1-2 lines, 363px wide); line 16px/20px #5C5C5C; link 14px/18px 700 #000000 + chevron 16px below the line", "content": "1 Acrobat badge (red tile, white Acrobat ribbon) / whatsnew-acrobat.jpg / \"Clear up complex info with Acrobat.\" / \"Understand what matters from your documents, with AI summaries, audio overviews, insightful presentations, and interactive, visual reports.\" / Explore Acrobat. 2 Adobe red A badge / whatsnew-brand-visibility.jpg / \"Turn AI signals into business impact with Adobe Brand Visibility.\" / \"Get the intelligence and tools to win customers in AI searches.\" / Learn more. 3 Photoshop badge / whatsnew-photoshop.jpg / \"Change only what you want.\" / \"Photoshop AI Assistant edits what you ask. Everything else stays.\" / Try AI Assistant", "gaps": "image bottom to title 16px; title to line 4px; line to link 16px" }, "phone": { "band": "height 1315px", "cards": "stacked, image 342x257 at x 24 with 24px gaps between cards, title 18px/20px Black (stand-in Rethink Sans 800) at x 40, line 16px/20px, link below" }, "anatomy": [ "At rest all three images are top-aligned (the site staggers them with a scroll parallax: animation only)", "Images are product screenshots on colour: a black ground with a blue report UI (Acrobat), a blue resort ad with floating \"mentions\" chips (Brand Visibility), two photos of friends with an AI Assistant chip (Photoshop)" ], "components": [ "promo_card", "text_link_chevron" ] }, { "name": "Customer testimonial carousel", "summary": "A 1200x670 rounded photo slide centred with slivers of the previous and next slides at both edges; a 56px white Black quote over the dark photo, the person's name and role, and a white pill button; three dots at the bottom.", "ground": "#FFFFFF", "desktop": { "band": "y 3296-4094", "slide": "active slide x 120-1320, top y 3296, 1200x670, radius 16px, PLACE testimonial-antoni-sendra.jpg cover (man with glasses at a desk, dark warm grade); previous slide (testimonial-michelle-phan.jpg) ends at x 112 and the next (testimonial-angi-ciccarelli.jpg) starts at x 1328: 8px gaps, each sliver 112px visible", "quote": "\"Creative Cloud lets me create effortlessly and allows me to focus on what's important.\" 56px/56px Black, tracking -1.12px (stand-in), #FFFFFF, at x 200 top y 3435, in exactly 5 lines with these breaks: \"Creative Cloud / lets me create / effortlessly and / allows me to focus on / what's important.\" (force them with
; the column is 512px wide). The opening quote mark hangs outside the column at x 181", "attribution": "Antoni Sendra 16px/20px 700 #FFFFFF at y 3723; Filmmaker 16px/20px 400 #FFFFFF at y 3743", "button": "\"See all plans\" white pill 133x40 at x 200, y 3787 (14px/18px 700 #000000)", "dots": "three 6px dots centred at the bottom of the slide (y ~3946): active #FFFFFF, others rgba(255,255,255,0.5)", "darkening": "The photo is subdued so the white quote dominates: over the image draw linear-gradient(90deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.45) 50%, rgba(0,0,0,0.2) 100%) plus a bottom shade linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 50%) (inferred from the rendered page: the shelves, window and skin read dark, nothing near white except the type)" }, "phone": { "band": "height 582px", "slide": "342x544 at x 24, radius 16px, PLACE testimonial-antoni-sendra-phone.jpg; neighbours peek 8px away at both edges", "quote": "32px/32px Black (stand-in Rethink Sans 800) -0.32px (stand-in) white, 294px wide, bottom-anchored (top y 6824); same breaks where they fit, darkening as desktop", "attribution": "name 700 / role 400 16px/20px", "button": "See all plans pill 133x40" }, "anatomy": [ "Quote text is bottom-left aligned inside the slide with 80px left padding on desktop", "No quote card or box: type sits straight on the darkened photo" ], "components": [ "button_primary_on_dark" ] }, { "name": "Adobe News", "summary": "Three news teasers in columns under a small \"Adobe News\" label with an Adobe A tile; the white sheet then ends with 32px rounded bottom corners over the next dark band.", "ground": "#FFFFFF", "desktop": { "band": "y 4094-4430; the white sheet ends at y 4430 with border-radius 0 0 32px 32px (its rounded corners show over the photo band behind it)", "label": "24px Adobe A tile (#EB1000 square, radius 5px, white A) at x 144, y 4093 + \"Adobe News\" 16px/20px 700 #5C5C5C at x 184", "columns": "3 columns 347px wide at x 144, 547, 949; title 24px/24px Black (stand-in Rethink Sans 800) -0.96px #000000 top y 4141; line 16px/20px #5C5C5C 2-3 lines at y 4197 (or 4173 under a one-line title); \"Read story\" 14px/18px 700 + chevron, all three aligned at y 4283", "items": "1 \"Adobe brings docs into focus like never before.\" / \"New features in Adobe Acrobat give customers the power to turn documents into visual reports and presentations that are easier to understand.\" 2 \"Introducing Adobe Brand Visibility.\" / \"Get to know Adobe's new unified GEO platform for enterprise brands.\" 3 \"Explore new ways to share information with PDF Spaces.\" / \"Today in Acrobat, we're introducing a new way to share information, one designed to engage, inform and move the people who matter most.\" (lines clamp to 3 with an ellipsis)" }, "phone": { "band": "height 602px; the sheet ends with radius 0 0 16px 16px", "label": "x 40", "columns": "stacked at x 40 (310px), title 18px/20px Black (stand-in Rethink Sans 800), 32px between items" }, "anatomy": [ "No images: type only", "The white sheet's rounded bottom corners are visible against the photo band (radius 32px desktop, 16px phone)" ], "components": [ "text_link_chevron" ] }, { "name": "Tools that work for you (photo band)", "summary": "Full-bleed dark interior photo (a desk with a monitor showing a red \"Film Festival\" poster in Photoshop, a lamp, a laptop) with a centred white 56px headline, a 20px line and an outline white pill button near the top.", "ground": "photo-dark", "desktop": { "band": "The photo layer is a 1440x1150 box from y 4293 to 5443: it starts 137px BEHIND the white sheet, whose rounded bottom edge is at y 4430. PLACE tools-desk-scene.jpg with object-fit cover, object-position 50% 50% (scaled to 1150px tall = 2806px wide, centre-cropped: the monitor is large and centred, top edge near y 4740). Darkening: the room above and around the monitor reads near black, so layer linear-gradient(180deg, rgba(0,0,0,0.78) 0%, rgba(0,0,0,0.55) 40%, rgba(0,0,0,0.15) 62%, rgba(0,0,0,0) 72%, #000000 100%) over the photo (inferred from the rendered page: only the monitor, the lamp and the laptop emerge from the dark). H2 top about 100px below the sheet edge optically (cap height starts ~111px below; place the text box top at y 4530)", "h2": "\"Tools that work for you.\" 56px/56px Black 800 -1.12px (stand-in tracking) #FFFFFF centred top y 4541", "lead": "\"Bring any idea to life with products for creators, businesses, and beyond.\" 20px/24px #FFFFFF centred y 4605", "button": "\"See all products\" outline pill: transparent fill, 2px solid #FFFFFF, label 14px/18px 700 #FFFFFF, 157x40, centred, y 4653" }, "phone": { "band": "height 743px; the photo box starts 118px under the sheet's rounded bottom (it overlaps the News sheet by 118px) and is 390x743, cover", "h2": "32px/32px centred one line y 7814", "lead": "16px/20px centred 2 lines", "button": "See all products 157x40 centred y 7918", "photo": "same image, cover, 390x743" }, "anatomy": [ "Photo is dark and warm; the monitor in the middle carries the colour", "The band runs straight into the black product grid below with no edge" ], "components": [ "button_secondary_on_dark" ] }, { "name": "Product grid (black)", "summary": "Nine dark product cards on black, 3x3: a 32px app tile top-left, the product name in 24px white Black and a grey line at the bottom of each card.", "ground": "#000000", "desktop": { "band": "y 5436-6353", "cards": "3 columns x 3 rows, each 395x300, x 120, 523, 925, rows top y 5437, 5745, 6053 (8px gaps), fill rgba(255,255,255,0.08) = #141414 on black, radius 16px, padding 24px; 32px app tile at (24, 24); name 24px/24px Black (stand-in Rethink Sans 800) -0.96px #FFFFFF bottom-anchored (top y +204 for a 2-line description, +232 for one line); description 16px/20px #FFFFFF at opacity 0.5 (renders #8A8A8A), max 347px, 24px from the bottom", "order": "Firefly (Fi red tile) \"Create and enhance images, video, and audio with AI-powered tools.\"; Adobe Acrobat (Acrobat red tile) \"The complete AI-powered PDF and design solution for business workflows.\"; Photoshop (Ps tile) \"Create gorgeous images, rich graphics, and incredible art.\"; Premiere (Pr tile) \"Create everything from social clips to feature films with the leading video editor.\"; Creative Cloud (rainbow CC tile) \"Get 20+ apps, including Photoshop, Illustrator, Premiere, and Acrobat Pro.\"; GenStudio (Adobe red A tile) \"Scale your content supply chain.\"; Business Products (Adobe red A tile) \"Adobe solutions integrate our best-in-class products to help you tackle pressing business challenges.\"; Illustrator (Ai tile) \"Design precision vector graphics—from branding to illustration—that stay sharp, scalable, and fully editable at any size.\"; All products (a white 24px arrow-right line icon, no tile) \"See all Adobe products\"" }, "phone": { "band": "height 2225px (padding 24px; 9 cards x 240 + 8 x 8 gaps)", "cards": "one column, 342x240 at x 24 with 8px gaps, padding 24px, name 18px/20px Black (stand-in Rethink Sans 800), description 16px/20px #8A8A8A" }, "anatomy": [ "At rest the card is a flat dark tile: its product artwork only fades in on hover (animation only; do not draw any image inside the cards)", "The grid scrolls with a staggered parallax on the site (animation only); at rest the rows align", "App tiles are rounded squares, radius about 22% of the tile" ], "components": [ "product_card_dark", "app_tile" ] } ], "footer": { "summary": "Black footer: six link columns with bold headings, a \"Featured products\" row with small app icons, a 12px legal row with region picker and four social icons, and a giant white Adobe wordmark cropped by the bottom and both sides of the page.", "ground": "#000000", "anatomy": [ "Band y 6353-7568, padding-top 160px; container x 120-1320", "Six columns at x 120, 321, 523, 724, 925, 1127 (201px pitch, 120px column width for headings). Headings 16px/20px 700 #FFFFFF (full opacity), bottom-aligned on one baseline (multi-line headings grow upward; their last line ends at y 6553). Links 16px/20px 400 #FFFFFF at opacity 0.6 (renders #999999), one per 28px row, first row top y 6577", "Column 1 \"For individuals & small business\": Creative AI, Photography, Design and illustration, Video and animation, PDF, 3D, Elements Family, Stock images and video, View all products", "Column 2 \"For medium & large business\": Customer engagement, Content supply chain, Brand visibility, B2B CX orchestration, View all products", "Column 3 \"For organizations\": Education, Nonprofits, Government, Startups", "Column 4 \"Support\": Help Center, Download and install, Adobe Community, Adobe Learn, Medium and large business support (wraps to 2 lines)", "Column 5 \"Contact\": Chat with sales, Request information", "Column 6 \"Adobe\": Log into your account, About, Careers, Events, Newsroom, Corporate responsibility, Investor Relations, Supply chain, Trust Center, Integrity, Adobe for All, Adobe Blog, Privacy, Terms of Use, Cookie preferences", "\"Featured products\" 16px/20px 700 at y 7057; then a row at y 7101: 16px icon + 16px/20px 700 label at opacity 0.6 like the links (inferred from the render: they recede), 32px between items: Acrobat Reader, Firefly, Adobe Express, Photoshop (icons: footer-icon-acrobat-reader.png, footer-icon-firefly.png, footer-icon-express.png, footer-icon-photoshop.png)", "Legal row y 7171, 12px/16px 700 #FFFFFF at opacity 0.6 (renders #999999): \"Change region\" + caret, then \"© 2026 Adobe Inc. Adobe. All rights reserved.\", \"Do not sell or share my personal information\", an AdChoices triangle + \"AdChoices\", \"Site Map\", and a tiny Adobe A + \"Adobe\" mark; at the right four 20px social icons in white at opacity 0.6 (inferred) (Facebook, Instagram, X, LinkedIn) ending at x 1320", "Giant wordmark (static, uncut: the full white A + Adobe letters): PLACE footer-logo-full.svg (white Adobe \"A\" mark + wordmark), 1496x339 at x -28, top y 7229, so it bleeds 28px off both sides and is cut by the page bottom (only the top ~339px shown, the page ends at y 7568)", "No address or phone number is printed on the homepage footer" ], "phone": "Accordion: seven rows (the six headings + Featured products), each 16px/20px 700 white with a chevron-down at the right and a 1px rgba(255,255,255,0.2) divider, 69px pitch, starting y 10666 at x 32; then Change region + four social icons on one row, the small Adobe mark, copyright, Do not sell..., AdChoices and Site Map stacked in 12px/16px 700; then the giant wordmark 446x101 at x -28 cut by the bottom edge" }, "dark_ground": { "secondary_button": "transparent fill, 2px solid #FFFFFF, white 14px/18px 700 label, 999px radius", "primary_button": "white fill, black label, 999px radius", "link": "#FFFFFF 700 with chevron", "muted_text": "white at opacity 0.5-0.6: #8A8A8A on cards, #999999 on black", "hairline": "rgba(255,255,255,0.11) inset ring on glass cards; rgba(255,255,255,0.2) footer dividers on phone", "logo_variant": "white wordmark" }, "omit": [ "Cookie/consent banner", "Nav dropdown menus", "The scrolled (frosted) nav state" ], "copy_note": "Lines given in quotes below are the homepage's own short lines; use them. Where the anatomy gives only a line count, write a sentence of that length in the homepage voice. Offers: the homepage hero carries a bold discount line; for a rebuild write an offer line in the same 2-line bold shape without any number or price (for example a free-trial line), still followed by an underlined \"See terms\" link.", "assistant_pill": { "summary": "A floating AI-assistant search pill. Hidden in the first viewport (the hero fold stays clear); it appears once the page is scrolled past the hero and then stays fixed at the bottom centre (bottom 24px) on every later screen. In a static build: show it fixed after scrollY > 200, never over the hero fold.", "desktop": "276x48, radius 26px, fill rgba(250,250,250,0.85) (#FAFAFA), box-shadow 0 4px 12px rgba(0,0,0,0.06), no border; left: 32px circle holding the 20px glyph ai-assistant-glyph.svg (pink #EC69FF radial dots and a #FF513D swirl) at x+8; placeholder \"Ask a question\" 16px/24px 400 #292929 at x+48; right: a 32px #E9E9E9 circle with a 16px up-arrow in rgba(0,0,0,0.27) at x+236", "phone": "338x48 at x 26, bottom 24px, same anatomy", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" } }, "bands": [ { "label": "Nav", "ground": "transparent over the hero", "content": "white wordmark, 6 menu labels, app switcher, Sign in pill", "desktop": "80px, links 14px 700 white", "phone": "hamburger, A mark, AI icon, 9-dot, Sign in", "anatomy": [ "Overlays the hero; no fill at rest" ] }, { "label": "Hero", "ground": "photo-dark", "content": "eyebrow, 2-line 80px Black headline, lead, bold offer, Free trial pill, 5 category cards + next button", "desktop": "y 0-900, text column x 120, cards y 726", "phone": "y 0-844, 40px headline, card row scrolls", "anatomy": [ "Video still as cover with a left scrim", "White sheet overlaps the bottom 32px" ] }, { "label": "Everything you need", "ground": "#FFFFFF", "content": "centred 56px H2 + line, 5 tall #F3F3F3 cards with video stills", "desktop": "y 868-1757, radius 32px top, cards 294x583 overflowing both edges", "phone": "32px H2, black stacked cards", "anatomy": [ "Rounded top corners 32px" ] }, { "label": "Explore what's new", "ground": "#FFFFFF", "content": "eyebrow, H2, line, 1200x545 rounded promo, caption + link", "desktop": "y 1757-2726", "phone": "342x257 promo", "anatomy": [] }, { "label": "Three promo cards", "ground": "#FFFFFF", "content": "3 x 395x296 images with badges, titles, lines, links", "desktop": "y 2726-3296", "phone": "stacked", "anatomy": [] }, { "label": "Testimonials", "ground": "#FFFFFF", "content": "1200x670 photo slide with 56px white quote, name, role, pill; neighbours peek", "desktop": "y 3296-4094", "phone": "342x544 slide", "anatomy": [] }, { "label": "Adobe News", "ground": "#FFFFFF", "content": "label + 3 text teasers; sheet closes with 32px bottom radius", "desktop": "y 4094-4430", "phone": "stacked", "anatomy": [] }, { "label": "Tools that work for you", "ground": "photo-dark", "content": "centred white H2, line, outline pill over a dark desk photo", "desktop": "y 4398-5436", "phone": "y 7643-8386", "anatomy": [] }, { "label": "Product grid", "ground": "#000000", "content": "3x3 dark cards with app tiles", "desktop": "y 5436-6353", "phone": "one column", "anatomy": [] }, { "label": "Footer", "ground": "#000000", "content": "6 link columns, featured products, legal row, giant wordmark", "desktop": "y 6353-7568", "phone": "accordion", "anatomy": [] } ], "layout": { "page_margin": { "desktop": 120, "phone": 24 }, "section_padding": { "desktop": 128, "phone": 40 }, "container_max": 1200, "hero_text_max": 484, "columns": 3, "columns_phone": 1, "gutter": 8, "gutter_phone": 8, "card_gap": 8, "nav_height": 80, "radius": { "sheet": 32, "media_and_cards": 16, "small_cards": 8, "buttons": 999 }, "note": "Content sits in a 1200px container at x 120 on a 1440 viewport (120px side margins); nav and footer legal row also use 120px except the nav (24px). Card grids use 8px gaps everywhere: 3 x 395 + 2 x 8 = 1201. Inside cards and captions the inset is 16px (promos) or 24px (product cards). Sections alternate white sheet / dark stage, and the sheet carries 32px rounded corners where it meets a dark band.", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)", "spectrum": "Spectrum layout spacing tokens (product UI): 1, 2, 4, 6, 8, 12, 16, 20, 24, 32, 40, 48, 56, 64, 80px (spacing-25 to spacing-900), a geometric progression; published at https://spectrum.adobe.com/foundations/layout-and-structure/spacing/layout-spacing" }, "type": [ { "role": "Hero H1", "id": "display-xl", "face": "display", "size": { "desktop": 80, "phone": 40 }, "line_height": 0.95, "tracking_px": -1.6, "tracking_phone_px": 0, "weight": 800, "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)", "real_weight": 900, "note": "Adobe Clean Display Black 900 on the site; set the stand-in Rethink Sans at 800 (its heaviest)", "site_tracking_px": -3.2, "phone_line_height_px": 40 }, { "role": "Section H2, testimonial quote", "id": "display-l", "face": "display", "size": { "desktop": 56, "phone": 32 }, "line_height": 1, "tracking_px": -1.12, "tracking_phone_px": -0.32, "weight": 800, "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)", "real_weight": 900, "note": "Adobe Clean Display Black 900 on the site; set the stand-in Rethink Sans at 800 (its heaviest)", "site_tracking_px": -1.68 }, { "role": "Card and promo title", "id": "title", "face": "display", "size": { "desktop": 24, "phone": 18 }, "line_height": 1, "tracking_px": -0.96, "tracking_phone_px": -0.2, "weight": 800, "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)", "phone_line_height_px": 20, "real_weight": 900, "note": "Adobe Clean Display Black 900 on the site; set the stand-in Rethink Sans at 800 (its heaviest)" }, { "role": "Lead", "id": "lead", "face": "body", "size": { "desktop": 20, "phone": 16 }, "line_height": 1.2, "tracking_px": 0, "weight": 400, "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)", "real_face": "Adobe Clean" }, { "role": "Body, card line, footer link", "id": "body", "face": "body", "size": { "desktop": 16, "phone": 16 }, "line_height": 1.25, "tracking_px": 0, "weight": 400, "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)", "real_face": "Adobe Clean" }, { "role": "Eyebrow, card title (carousel), footer heading, attribution name", "id": "body-strong", "face": "body", "size": { "desktop": 16, "phone": 16 }, "line_height": 1.25, "tracking_px": -0.2, "weight": 700, "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)", "real_face": "Adobe Clean" }, { "role": "Nav link, button label, text link, category card label", "id": "label", "face": "body", "size": { "desktop": 14, "phone": 14 }, "line_height": 1.2857, "tracking_px": 0, "weight": 700, "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)", "real_face": "Adobe Clean" }, { "role": "Legal row", "id": "legal", "face": "body", "size": { "desktop": 12, "phone": 12 }, "line_height": 1.3333, "tracking_px": 0, "weight": 700, "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)", "real_face": "Adobe Clean" } ], "components": { "button_primary_on_dark": { "fill": "#FFFFFF", "text": "#000000", "border": "2px solid #FFFFFF", "radius": 999, "height": 40, "padding": "0 24px (label 14px/18px 700)", "example": "Free trial 118x40; See all plans 133x40", "states": { "hover": { "css": { "background-color": "#F3F3F3", "border-color": "#F3F3F3" }, "note": "transition background-color, border-color, color 0.3s cubic-bezier(0.42, 0, 0, 1) (observed); hover colour inferred", "prov": "inferred" } }, "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)", "padding_x": 24, "font_size": 14, "weight": 700, "face": "body", "ring_px": 2, "ring": "#FFFFFF" }, "button_secondary_on_dark": { "fill": "none", "text": "#FFFFFF", "border": "2px solid #FFFFFF", "radius": 999, "height": 40, "padding": "0 24px", "example": "See all products 157x40", "states": { "hover": { "css": { "background-color": "#FFFFFF", "color": "#000000" }, "note": "inferred", "prov": "inferred" } }, "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)", "padding_x": 24, "font_size": 14, "weight": 700, "face": "body", "ring_px": 2, "ring": "#FFFFFF" }, "button_signin": { "fill": "#FFFFFF", "text": "#000000", "border": "1px solid #FFFFFF", "radius": 999, "height": 40, "padding": "0 16px", "example": "Sign in 77x40", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)", "padding_x": 16, "font_size": 14, "weight": 700, "face": "body" }, "text_link_chevron": { "text": "#000000 on white, #FFFFFF on dark", "style": "14px/18px 700, no underline, followed 8px later by a 6x10 chevron-right (2px stroke)", "example": "Get free app, Explore Acrobat, Read story", "hover": "the chevron slides 4px right (transform 0.3s cubic-bezier(0.42, 0, 0, 1), observed)", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, "hero_category_card": { "size": "220x94", "radius": 8, "padding": "12px 12px 16px", "active": "#FFFFFF fill, #000000 label", "rest": "rgba(0,0,0,0.44) fill, inset 0 0 0 1px rgba(255,255,255,0.11), white label, backdrop-filter blur(156px)", "icon": "18px app tile top-left", "label": "14px/18px 700 bottom-left, 2 lines max, chevron at the bottom-right", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)", "active_progress": "3px #EB1000 bar at the bottom edge, 85% wide at rest" }, "carousel_card": { "size": "294x583", "fill": "#F3F3F3", "radius": 16, "header": "24px icon + 14px/18px 700 label at 24px inset", "media": "294x394 at y 72, radius 16px", "title": "16px/20px 700", "line": "16px/20px 400", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, "promo_card": { "media_radius": 16, "badge": "24px app tile at (16,16) inside the image", "title": "24px/24px Display Black -0.96px", "line": "16px/20px #5C5C5C", "link": "text_link_chevron", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, "product_card_dark": { "size": "395x300", "fill": "rgba(255,255,255,0.08) (#141414)", "radius": 16, "padding": 24, "tile": "32px app tile top-left", "name": "24px/24px Display Black white, bottom-anchored", "line": "16px/20px white at opacity 0.5 (#8A8A8A)", "hover": "product artwork fades in behind (opacity 0.5s ease, observed)", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, "app_tile": { "shape": "rounded square, corner radius about 22% of the side (5px at 24px)", "content": "two-letter product abbreviation in the product's light colour on its dark colour (Ps #31A8FF on #001E36, Ai #FF9A00 on #330000, Pr #9999FF on #00005B), or a white glyph on red (#EB1000 Adobe/Firefly, #B30B00 Acrobat), or the multicolour Creative Cloud swirl", "files": [ "icon-photoshop.svg", "icon-illustrator.svg", "icon-premiere-pro.svg", "icon-firefly-appicon-256.svg", "icon-acrobat-pro.svg", "icon-experience-cloud-logo.svg", "icon-creative-cloud.svg", "icon-all-products.svg" ], "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30) (/federal/assets/svgs/)" }, "assistant_pill": { "size": "276x48 desktop, 338x48 phone", "fill": "rgba(250,250,250,0.85)", "radius": 26, "shadow": "0 4px 12px rgba(0,0,0,0.06)", "glyph": "ai-assistant-glyph.svg", "text": "16px/24px #292929", "submit": "32px #E9E9E9 circle", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" } } }, "system": { "fixed": [ "Black and white chrome", "Adobe Clean (stand-ins: Rethink Sans display, Source Sans 3 body)", "Product tiles in their published colours", "Sentence case" ], "flex": "Tone moves along the published spectrum from motivational to supportive; headline weight and size flex with the surface (Spectrum product UI uses ExtraBold headings; Black is allowed for product branding at 18px and up).", "traits": [ { "is": "Rational", "not": "Trendy", "text": "Clear and understandable; avoid language that is overly opinionated, funny or trendy (paraphrase).", "source": "https://spectrum.adobe.com/page/voice-and-tone/", "prov": "published" }, { "is": "Human", "not": "Cold", "text": "Friendly, honest and responsible; acknowledge users' emotions (paraphrase).", "source": "https://spectrum.adobe.com/page/voice-and-tone/", "prov": "published" }, { "is": "Focused", "not": "Decorated", "text": "Concise and simple; describe only what is needed (paraphrase).", "source": "https://spectrum.adobe.com/page/voice-and-tone/", "prov": "published" }, { "is": "Collaborative", "not": "Closed", "text": "Spectrum belongs to everyone (principle).", "source": "https://spectrum.adobe.com/page/principles/", "prov": "published" }, { "is": "Bold on the page", "not": "Loud in colour", "text": "Black headlines and full-bleed work; colour only from the work and the tiles.", "source": "https://www.adobe.com/ (2026-10-30)", "prov": "observed" } ] }, "formats": [ { "format": "Landing page", "level": 4, "must": "Build it the way adobe.com is built (kit.spec.page, homepage voice): full-bleed dark photo hero with a white 80px Black headline ending in a period, a white pill CTA and small glass category cards; then a white sheet with 32px rounded corners carrying centred 56px headings, 16px-radius cards with 8px gaps and 24px Black card titles; a dark photo band and a black card grid; black footer with a giant white wordmark. Chrome only black and white; colour from photos and product tiles.", "flex": "which sections and how many cards; the hero can be a still photo" }, { "format": "Deck", "level": 3, "must": "Black or white slides, 56px+ Black sentence-case headline with a period, one photo full-bleed per section slide, pill-shaped labels", "flex": "product tiles as section markers" }, { "format": "Proposal", "level": 2, "must": "White sheet, 32px Black headings, 16px-radius cards, plain instructive tone, a dark full-bleed opener", "flex": "a customer quote slide on a dark photo" }, { "format": "Social", "level": 4, "must": "Full-bleed work or photo, white Black headline, small white pill", "flex": "product tile in a corner" }, { "format": "Email", "level": 2, "must": "White body, black Black headline, one white-on-black pill CTA", "flex": "one hero image" } ], "make_it_yours": { "note": "Everything above transfers. These are Adobe'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": "Empower everyone, everywhere to imagine, create and bring any digital experience to life (paraphrase).", "prov": "published", "source": "https://www.adobe.com/about-adobe.html" }, "story": { "text": "Started in 1982 by John Warnock and Charles Geschke; today Creative Cloud, Acrobat, Firefly and the business products.", "prov": "published", "source": "https://www.adobe.com/about-adobe.html", "paraphrase": true }, "values": [ { "name": "Rational", "text": "Based on real-world situations", "prov": "published", "source": "https://spectrum.adobe.com/page/principles/" }, { "name": "Human", "text": "Puts people's needs first", "prov": "published", "source": "https://spectrum.adobe.com/page/principles/" }, { "name": "Focused", "text": "Delivers what is needed, when it is needed", "prov": "published", "source": "https://spectrum.adobe.com/page/principles/" }, { "name": "Collaborative", "text": "Belongs to everyone", "prov": "published", "source": "https://spectrum.adobe.com/page/principles/" } ] }, "positioning": { "statement": { "text": "The creative, document and customer-experience tools for everyone, from students to global brands.", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)", "source_note": "our reading of the homepage" }, "category": { "text": "Creative software, document software (PDF) and digital-experience software", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, "audience": { "text": "Students, social influencers, creative professionals, performance marketers and global brands (the homepage names all five)", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, "problem": { "text": "Making anything, from a social clip to a campaign, takes many tools and a lot of time", "prov": "inferred", "source": "https://www.adobe.com/ (2026-10-30)" }, "promise": { "text": "Everything you need to make anything, faster with AI", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, "differentiators": [ { "text": "Industry-standard apps (Photoshop, Illustrator, Premiere, Acrobat) in one subscription", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, { "text": "AI built into those apps (Firefly, AI Assistant)", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, { "text": "Reach: 1 billion+ monthly active users and 20,000+ enterprises", "prov": "published", "source": "https://www.adobe.com/about-adobe.html" }, { "text": "Spans individuals, businesses, education and government", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30) (footer columns)" } ], "alternatives": [ { "text": "not published: Adobe does not name competitors on its homepage", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" } ] }, "messaging": { "taglines": [ { "text": "Create at the highest level.", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30) (hero, Creative Cloud slide)" }, { "text": "Everything you need to make anything.", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" }, { "text": "Tools that work for you.", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30)" } ], "attributes": [ "creative", "productive", "AI-powered" ], "key_messages": [], "boilerplate": { "text": "Adobe makes the tools people and businesses use to create, work with documents and run customer experiences: Creative Cloud (Photoshop, Illustrator, Premiere and more), Acrobat, Firefly and Adobe's business products. Founded in 1982 by John Warnock and Charles Geschke.", "prov": "observed", "source": "https://www.adobe.com/about-adobe.html", "source_note": "paraphrase", "paraphrase": true }, "pillars": [ { "name": "Creativity for everyone", "claim": "The industry-standard creative apps, from students to professionals.", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30) (\"Everything you need to make anything.\")", "proof": [ "p-mau", "p-cc-apps" ] }, { "name": "Documents that work", "claim": "Acrobat turns PDFs into summaries, reports and shared spaces.", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30) (Acrobat cards and news)", "proof": [ "p-acrobat" ] }, { "name": "Customer experience at scale", "claim": "Adobe for Business orchestrates content and customer experiences with AI.", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30) (Adobe for Business slide, GenStudio card)", "proof": [ "p-enterprise" ] }, { "name": "AI built into the tools", "claim": "Firefly and AI assistants inside Photoshop and Acrobat.", "prov": "observed", "source": "https://www.adobe.com/ (2026-10-30) (Firefly slide, AI Assistant card)", "proof": [ "p-firefly" ] } ], "proof_points": [ { "id": "p-mau", "kind": "stat", "text": "1 billion+ monthly active users of Adobe products", "source": "https://www.adobe.com/about-adobe.html", "prov": "published" }, { "id": "p-enterprise", "kind": "stat", "text": "20,000+ global enterprises", "source": "https://www.adobe.com/about-adobe.html", "prov": "published" }, { "id": "p-cc-apps", "kind": "fact", "text": "Creative Cloud: 20+ apps, including Photoshop, Illustrator, Premiere and Acrobat Pro", "source": "https://www.adobe.com/ (2026-10-30)", "prov": "observed" }, { "id": "p-acrobat", "kind": "fact", "text": "Acrobat AI summaries, audio overviews, presentations and visual reports", "source": "https://www.adobe.com/ (2026-10-30)", "prov": "observed" }, { "id": "p-firefly", "kind": "fact", "text": "Firefly generates and edits images, video, audio and designs with AI models from Adobe and others", "source": "https://www.adobe.com/ (2026-10-30)", "prov": "observed" }, { "id": "p-since", "kind": "fact", "text": "Founded 1982", "source": "https://www.adobe.com/about-adobe.html", "prov": "published" } ], "claim_boundaries": [ "Prices and discounts (50%, 71%, US$ amounts) are time-bound offers: never reuse them", "Customer quotes belong to the named customers", "Usage numbers only as Adobe states them (1 billion+, 20,000+)" ] } } } }