{ "schema": "brand-kit@2", "palette": { "paper": "#FFFFFF", "surface": "#F8F8F8", "ink": "#292A2E", "ink_muted": "#505258", "accent": "#1868DB", "on_accent": "#FFFFFF", "accent_secondary": "#964AC0", "night": "#1E1F21", "on_night": "#FFFFFF", "roles_source": { "paper": "elevation.surface = Neutral0", "surface": "elevation.surface.sunken = Neutral100 (also the homepage collection-card fill)", "ink": "color.text = Neutral1000", "ink_muted": "color.text.subtle = Neutral800", "accent": "color.background.brand.bold, color.link, color.text.brand = Blue700", "on_accent": "color.text.inverse = Neutral0", "accent_secondary": "color.background.discovery.bold = Purple700 (new, onboarding, feature discovery)", "night": "Neutral1100; the homepage's dark bands (observed)", "on_night": "Neutral0 type on the homepage dark bands (observed)", "source": "https://atlassian.design/components/tokens/all-tokens" }, "extras": [ { "name": "homepage-ink", "hex": "#101214", "role": "Headline and nav text on atlassian.com (Charlie Display headings). Not a published palette step; the guide's text token is #292A2E", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "Blue800 brand hover", "hex": "#1558BC", "role": "color.background.brand.bold.hovered; color.link.pressed", "prov": "published", "source": "https://atlassian.design/components/tokens/all-tokens" }, { "name": "Blue850 brand pressed", "hex": "#144794", "role": "color.background.brand.bold.pressed", "prov": "published", "source": "https://atlassian.design/components/tokens/all-tokens" }, { "name": "Blue600 chart brand", "hex": "#357DE8", "role": "color.chart.brand: default color for single-color charts", "prov": "published", "source": "https://atlassian.design/foundations/color/data-visualization-color" }, { "name": "Blue500 focus", "hex": "#4688EC", "role": "color.border.focused: focus rings only", "prov": "published", "source": "https://atlassian.design/components/tokens/all-tokens" }, { "name": "Blue100 selected", "hex": "#E9F2FE", "role": "color.background.selected; accent blue subtlest tint", "prov": "published", "source": "https://atlassian.design/components/tokens/all-tokens" }, { "name": "Neutral200", "hex": "#F0F1F2", "role": "elevation.surface.hovered", "prov": "published", "source": "https://atlassian.design/components/tokens/all-tokens" }, { "name": "Neutral300", "hex": "#DDDEE1", "role": "Light neutral ramp step (solid equivalent of the border tone; color.border itself is Neutral300A, 14% alpha)", "prov": "published", "source": "https://atlassian.design/foundations/color/color-palette" }, { "name": "Neutral500", "hex": "#8C8F97", "role": "color.border.input", "prov": "published", "source": "https://atlassian.design/components/tokens/all-tokens" }, { "name": "Neutral700 subtlest", "hex": "#6B6E76", "role": "color.text.subtlest: metadata, breadcrumbs, placeholder and helper text", "prov": "published", "source": "https://atlassian.design/components/tokens/all-tokens" }, { "name": "Red700 danger", "hex": "#C9372C", "role": "color.background.danger.bold", "prov": "published", "source": "https://atlassian.design/components/tokens/all-tokens" }, { "name": "Lime700 success", "hex": "#5B7F24", "role": "color.background.success.bold", "prov": "published", "source": "https://atlassian.design/components/tokens/all-tokens" }, { "name": "Orange300 warning", "hex": "#FBC828", "role": "color.background.warning.bold (pair with warning.inverse text, #292A2E)", "prov": "published", "source": "https://atlassian.design/components/tokens/all-tokens" }, { "name": "Red300 Alexandria", "hex": "#FD9891", "role": "Dedicated swatch named for Alexandria", "prov": "published", "source": "https://atlassian.design/foundations/color/color-palette" }, { "name": "Magenta300 Rosie", "hex": "#F797D2", "role": "Dedicated swatch named for Rosie", "prov": "published", "source": "https://atlassian.design/foundations/color/color-palette" }, { "name": "Dark surface", "hex": "#1F1F21", "role": "elevation.surface in dark theme (DarkNeutral100)", "prov": "published", "source": "https://atlassian.design/components/tokens/all-tokens" }, { "name": "Dark text", "hex": "#CECFD2", "role": "color.text in dark theme (DarkNeutral1000)", "prov": "published", "source": "https://atlassian.design/components/tokens/all-tokens" }, { "name": "Tile yellow (Service collection)", "hex": "#FFC716", "role": "Tile color of Jira Service Management and Customer Service Management app logos; not a palette step", "prov": "observed", "source": "https://dam-cdn.atl.orangelogic.com/CDNLink/AT14GB9.svg 2026-10-29" }, { "name": "Tile orange (Strategy collection)", "hex": "#FB9700", "role": "Tile color of the Focus app logo; not a palette step", "prov": "observed", "source": "https://dam-cdn.atl.orangelogic.com/CDNLink/AT14G74.svg 2026-10-29" }, { "name": "Lime400 (Software collection tile)", "hex": "#94C748", "role": "Tile color of the Bitbucket app logo; equals palette Lime400", "prov": "observed", "source": "https://dam-cdn.atl.orangelogic.com/CDNLink/AT14GBY.svg 2026-10-29" }, { "name": "Purple400 (Product collection tile)", "hex": "#C97CF4", "role": "Tile color of the Jira Product Discovery app logo; equals palette Purple400", "prov": "observed", "source": "https://dam-cdn.atl.orangelogic.com/CDNLink/AT16J3K.svg 2026-10-29" }, { "name": "Logo neutral", "hex": "#6C6F77", "role": "The neutral (one-color gray) version of the Atlassian logo, from the official logo pack", "prov": "published", "source": "https://atlassian.design/assets/37b166ae7510/logos/atlassian_logo.zip" }, { "name": "home-white", "hex": "#FFFFFF", "role": "Page ground of atlassian.com, nav bar, every light band; type and outline-button ring on the #1E1F21 bands", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "home-text", "hex": "#292A2E", "role": "Body copy (Charlie Text) and the nav menu labels; legal links", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "home-text-subtle", "hex": "#505258", "role": "Copyright line; descriptions inside the Products dropdown", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "home-text-subtlest", "hex": "#63666B", "role": "Search icon/label in the nav search pill", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "home-footer-link-strong", "hex": "#1C2B42", "role": "Footer 'See all products', 'Create support ticket', 'See all resources' links", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "home-language", "hex": "#42526E", "role": "Footer language selector text and caret", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "home-blue", "hex": "#1868DB", "role": "Primary button fill, text links ('Contact us', 'See the Teamwork Graph', 'Explore ... Collection'), logo, stats plus sign, Warehouse Group card", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "home-blue-pressed-dark", "hex": "#123263", "role": "Primary button background on hover (rgb 18,50,99)", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "home-sunken", "hex": "#F8F8F8", "role": "Footer panel, nav search pill, Products-dropdown collection cards", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "hero-grid-line", "hex": "#F6F6F6", "role": "Darkest step of the faint 1px grid behind the hero CTA row (pixel sample)", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "hero-grid-line-light", "hex": "#FAFAFA", "role": "Lightest step of the same faded hero grid (pixel sample)", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "home-night", "hex": "#1E1F21", "role": "Teamwork Graph band and final CTA band ground", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "home-night-mark", "hex": "#111213", "role": "Giant Atlassian A mark drawn on the CTA band (background SVG), a shade darker than the band", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "card-blue-soft", "hex": "#CFE1FD", "role": "Customer card ground (Cisco); ink type", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "card-orange", "hex": "#C75300", "role": "Customer card ground (Expedia) and 'Video' Teamwork Lab panel; white type", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "card-lime-soft", "hex": "#D3F1A7", "role": "Customer card ground (Sprout Social); ink type", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "card-green", "hex": "#4C6B1F", "role": "Customer card ground (Procore) and 'Blog post' Teamwork Lab panels; white type; tag text on #EFFFD6", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "card-yellow-soft", "hex": "#FFE48F", "role": "Customer card ground (Trivago); ink type", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "card-purple", "hex": "#803FA5", "role": "Customer card ground (Datasite) and purple 'Blog post' Teamwork Lab panel; white type", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "card-lilac-soft", "hex": "#EED7FC", "role": "Customer card ground (SpotOn); ink type", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "tag-lime", "hex": "#EFFFD6", "role": "Tag pill ground on green Teamwork Lab panels", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "tag-purple", "hex": "#F8EEFE", "role": "Tag pill ground on the purple Teamwork Lab panel", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "tag-yellow", "hex": "#FFF5D4", "role": "Tag pill ground on the orange 'Video' panel", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "tag-orange-text", "hex": "#9E4C00", "role": "Tag text on #FFF5D4", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "graph-purple-2", "hex": "#BF63F3", "role": "Teamwork Graph SVG node fill", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "graph-orange-2", "hex": "#F47B00", "role": "Teamwork Graph SVG node fill", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "graph-green", "hex": "#82B536", "role": "Teamwork Graph SVG node fill", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "graph-blue-light", "hex": "#8FB8F6", "role": "Teamwork Graph SVG node fill", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "secondary-hover-tint", "hex": "#100F0E", "role": "Outline button hover fill at 6.3% alpha (rgba(16,15,14,0.063))", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "marquee-logo-grey", "hex": "#3B3D42", "role": "Rendered color of every customer wordmark in the homepage logo marquee (the SVGs are recolored by a CSS filter; pixel-sampled)", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29 (re-measured r1)" }, { "name": "hero-grid-line", "hex": "#EFEFEF", "role": "Darkest visible line of the faint 40px hero grid (pixel-sampled at 1440, y 500)", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29 (re-measured r1)" }, { "name": "hero-grid-line-faint", "hex": "#F9F9F9", "role": "Hero grid line where it fades out at the edge of its radial mask (pixel-sampled)", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29 (re-measured r1)" } ] }, "typography": { "display": { "family": "Rethink Sans", "weight": 600, "tracking": -0.038, "line_height": 1.04, "fallback_stack": "\"Helvetica Neue\", Arial, sans-serif", "google_fonts": "Rethink+Sans:wght@400..800", "real_face": "Charlie Display 500 (proprietary, Atlassian; served from Atlassian's CDN to atlassian.com only)", "licence": "Charlie Display / Charlie Text: proprietary Atlassian brand faces, not licensable. Rethink Sans, Wix Madefor Text, JetBrains Mono: SIL Open Font License via Google Fonts", "stand_in": true, "calibration": "Rendered on atlassian.com 2026-10-29 with the site's own Charlie Display 500 (canvas text, letter-spacing applied; matches the DOM h1 width 814.7px): 'Discover the power of knowing' at 64px / -1.28px = 814.7px wide, ink coverage 0.2888, x-height 0.505em, cap height 0.657em, word space 0.165em. 22 Google candidates measured the same way at 450-650. At the site's own -1.28px every candidate runs wide (best +2.2% Urbanist 500, +2.5% Outfit 500, +4.1% Rethink Sans 600), so the stand-in needs tighter spacing. Pick: Rethink Sans 600: width +4.1% at -1.28px, ink -3.2%, x-height -1.8% (0.496em), cap 0.700em vs 0.657em, double-storey a and single-storey g like Charlie. Width match: letter-spacing -2.44px at 64px (-0.038em) alone, or letter-spacing -1.76px (-0.0275em) plus word-spacing -0.077em (Charlie's word space is 0.165em, Rethink's 0.242em); the second keeps the tight word gaps that mark Charlie headlines. Section line 'Transform how your teams work' 48px: real 646.5px, Rethink 600 +3.2%, ink -3.3%. Runners-up: Urbanist 600 (+3.5% width, ink -5.2%, x-height -0.8%, but geometric single-storey forms), Outfit 550 (+3.4%, ink -0.1%, x-height -4.8%, single-storey a), Red Hat Display 600 (+5.4%, ink -11.4%). Use 600 not 500: at 500 Rethink's ink is -8.4% (too light). RE-MEASURED r1 (canvas, the site's own Charlie faces vs the variable Google fonts, letter-spacing only): stem width Charlie Display 500 = 0.113em; Rethink Sans 600 = 0.113em (exact), 500 = 0.106em, 550 = 0.110em. Ink at width-matched tracking: hero 600 +0.9%, 48px section -0.2%, 40px +0.7%, 32px +1.7%, 24px card title +1.3%. Charlie Display 400 (story descriptions, closing sub) stem 0.086em = Rethink Sans 400 (0.084em), ink -0.5%. SETTLED: display headings are Rethink Sans 600 with letter-spacing only, no word-spacing. Tracking is per size (width-matched to Charlie at each size, see tracking_by_role); -0.038em is the hero value. tokens.css --text-*-weight/-tracking now carry these stand-in values, so tokens and kit agree. Never set display headings at 500 (ink -4 to -5%) and never add word-spacing.", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29", "tracking_by_role": { "hero 64px (phone 44px)": "-2.44px (-0.038em); phone -1.68px", "section 48px (phone 32px)": "-1.67px (-0.035em); phone -1.11px", "subsection 40px (phone 24px)": "-1.23px (-0.031em); phone -0.74px", "pillar title 32px (phone 20px)": "-0.78px (-0.024em); phone -0.49px", "Lab card title 24px (phone 18px)": "-0.46px (-0.019em); phone -0.35px", "story description / closing sub, Rethink Sans 400, 24px (phone 18px)": "-1.06px (-0.044em); phone -0.79px" } }, "body": { "family": "Wix Madefor Text", "weight": 450, "tracking": 0, "line_height": 1.56, "scale": 1, "fallback_stack": "\"Helvetica Neue\", Arial, sans-serif", "google_fonts": "Wix+Madefor+Text:wght@400..800", "real_face": "Charlie Text 400 (500 on tabs and Sign in, 700 on footer column heads and company links); proprietary Atlassian", "licence": "Charlie Text proprietary; Wix Madefor Text SIL OFL", "stand_in": true, "calibration": "Real Charlie Text 400 'Give your teams the shared context they need to make smarter decisions,' at 20px / -0.2px = 680.7px, ink 0.2019, x-height 0.471em, word space 0.252em. Wix Madefor Text 400 at -0.2px: width -2.3%, ink -1.5%, x-height +4.5% (0.492em); tracking to match width 0.02px, so set letter-spacing 0 where the site says -0.01em. 16px line: real 547.6px, Wix -2.5%. Runner-up Rethink Sans 400: width -1.3%, ink +3.4%, x-height +5.3% (use it if one family is wanted). Every candidate has a taller x-height than Charlie Text (0.471em); Wix is among the closest. RE-MEASURED r1 for optical weight (the r1 grade found body, buttons and links too light at 400): stem width Charlie Text 400 = 0.088em; Wix Madefor Text 400 = 0.077em (-12%, too thin), 425 = 0.083em, 450 = 0.0885em (match), 475 = 0.094em. Charlie Text 500 = 0.116em = Wix 600 (0.116em). Ink at 450 vs Charlie 400: 20px lead +6.4%, 16px body +5.1%, 20px button +6.8% (Wix's x-height is 4.5% taller, so a stem match carries a little more ink; that is the measured match, keep it). SETTLED weight map (needs the variable font, wght@400..800): Charlie Text 400 -> Wix Madefor Text 450 (body, lead, buttons, nav, text links, footnotes); Charlie Text 500 -> Wix 600 (tabs, 'Contact us', 'Sign in', Lab tags, phone chips); Charlie Text 700 -> Wix 700 (not re-measured). Width-matched tracking at 450: 20px lead -0.04px, 16px body -0.10px, 20px/16px button +0.06px; at 600: 20px link -0.19px, 18px tab -0.02px. Never 400 for body or buttons. If a later grade says too heavy, re-measure stems before changing it.", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, "mono": { "family": "JetBrains Mono", "weight": 700, "fallback_stack": "ui-monospace, Menlo, monospace", "google_fonts": "JetBrains+Mono:wght@500;700", "real_face": "Atlassian Mono (700 for stat numerals, 500 uppercase for stat labels)", "licence": "Atlassian Mono: Atlassian's font, not on Google Fonts; JetBrains Mono SIL OFL", "stand_in": true, "calibration": "Atlassian Mono 700 '400' at 96px / -3px = 163.8px, x-height 0.550em, cap 0.730em. JetBrains Mono 700 matches width 0.0%, x-height 0.0%, cap 0.0%, ink -4%; label 'BETTER ANSWER QUALITY' 16px 500 +1.28px: width 0.0%, ink +8.1% (set labels at 450 if the variable axis is loaded). Identical metrics: Atlassian Mono appears to be derived from JetBrains Mono (inferred from the identical advance, x-height and cap height). r1 grade: the stat numerals read wider and shorter than Atlassian Mono, so the stand-in is a known gap (study.gaps): ask Atlassian for Atlassian Mono. Until then keep JetBrains Mono 700 at the measured sizes and the measured -3px card tracking; measured group widths to aim for at 1440: '44' 154px + '%' 58px (128px/96px, 0 tracking), card '40' 109px, '400' 164px, suffix box 35px wide at 64px.", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, "scopes": { "marketing (atlassian.com)": "Charlie Display for headings, Charlie Text for body and buttons (observed 2026-10-29, loaded from ds-cdn.prod-east.frontend.public.atl-paas.net)", "product UI and design system": "Atlassian Sans and Atlassian Mono, with the font.heading/body/metric/code tokens (published)" }, "calibration": "Calibrated 2026-10-29 and re-measured after r1 against Charlie Display/Text rendered on atlassian.com: display = Rethink Sans 600 (letter-spacing per size, no word-spacing), body = Wix Madefor Text 450 for Charlie 400 and 600 for Charlie 500, mono = JetBrains Mono (Atlassian Mono requested). The spec.type rows and tokens.css carry these stand-in values." }, "style": { "button_shape": "pill", "button_note": "atlassian.com primary CTA: #1868DB pill (radius 10000px), white Charlie Text 20px, 48px tall (observed 2026-10-29). Inside the apps, buttons use radius.medium (6px) (published).", "radius": { "xsmall": 2, "small": 4, "medium": 6, "large": 8, "xlarge": 12, "xxlarge": 16, "full": 999, "prov": "published", "source": "https://atlassian.design/foundations/radius" }, "space_base": 8, "motion": "ease-out bold cubic-bezier(0, 0.4, 0, 1) for entrances; 50-150ms interactions, 150-400ms transitions; exits faster than entrances", "shadow": { "raised": "0px 1px 1px rgba(30, 31, 33, 0.25), 0px 0px 1px rgba(30, 31, 33, 0.31)", "overlay": "0px 8px 12px rgba(30, 31, 33, 0.15), 0px 0px 1px rgba(30, 31, 33, 0.31)", "prov": "published", "source": "https://atlassian.design/components/tokens/all-tokens" }, "dark_mode": "Every color token has a light and dark value; neutrals map step for step and saturated colors mirror (700 light becomes 400 dark)." }, "voice": { "tone": [ "Bold", "Optimistic", "Practical, with a wink" ], "scopes": { "ui": { "text": "Design-system voice for UI and app content: the three traits, dialed by the user's emotional state, plus six principles (inform, empower, encourage, motivate, satisfy, delight).", "prov": "published", "source": "https://atlassian.design/foundations/content/voice-tone" }, "marketing": { "text": "atlassian.com voice: short declarative headlines about context, teams and AI, stats-led proof, imperative pairs in the close. Atlassian's marketing voice guide is internal (Brand Voice and Tone, Atlassians only), so this scope is observed, not published.", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" } }, "notes": [ "Bold means motivating teams with the right amount of support at the right time; dial it down for new, confused or anxious users.", "Optimistic means focusing on what helps the person in this moment and keeping one consistent story and vocabulary across apps.", "Practical means direct and concise; the 'wink' is reserved for moments of success, and delight means little flourishes, not humor or cheek.", "Write as a knowledgeable member of the team: open, humble, warm.", "Marketing copy on atlassian.com (observed) leans on 'context', 'teams' and 'AI', and backs claims with customer numbers and footnoted studies." ], "rules": [ { "id": "headline-case", "kind": "headline_case", "value": "sentence", "prov": "published", "source": "https://atlassian.design/foundations/content/language-and-grammar" }, { "id": "no-heading-period", "kind": "guidance", "text": "No periods, bold or italics in new UI headings; rephrase questions as statements. Atlassian's own marketing lines keep their periods verbatim ('Stop searching. Start shipping.', 'Deliver high quality software. Fast.')", "prov": "published", "source": "https://atlassian.design/foundations/content/language-and-grammar" }, { "id": "action-verb-headings", "kind": "guidance", "text": "Phrase UI headings with an action verb; avoid gerunds", "prov": "published", "source": "https://atlassian.design/foundations/content/language-and-grammar" }, { "id": "no-articles-in-buttons", "kind": "guidance", "text": "No articles in buttons and labels: 'Create password', not 'Create a password'", "prov": "published", "source": "https://atlassian.design/foundations/content/language-and-grammar" }, { "id": "contractions", "kind": "guidance", "text": "Use contractions and curly apostrophes", "prov": "published", "source": "https://atlassian.design/foundations/content/language-and-grammar" }, { "id": "oxford-comma", "kind": "guidance", "text": "Use the Oxford (serial) comma", "prov": "published", "source": "https://atlassian.design/foundations/content/language-and-grammar" }, { "id": "active-voice", "kind": "guidance", "text": "Active voice; present tense in instructions and messages", "prov": "published", "source": "https://atlassian.design/foundations/content/language-and-grammar" }, { "id": "pronouns", "kind": "guidance", "text": "Minimize pronouns; use 'you/your/we' when advising or in errors. 'Your projects', never 'My projects'", "prov": "published", "source": "https://atlassian.design/foundations/content/language-and-grammar" }, { "id": "no-latin-abbr", "kind": "guidance", "text": "No 'e.g.', 'i.e.', 'etc.' or '&'; use full app names, not acronyms", "prov": "published", "source": "https://atlassian.design/foundations/content/language-and-grammar" }, { "id": "numbers", "kind": "guidance", "text": "Digits in most cases; commas from 1,000; 'to' for ranges, 'of' instead of a slash ('Step 1 of 2')", "prov": "published", "source": "https://atlassian.design/foundations/content/language-and-grammar" }, { "id": "dashes", "kind": "guidance", "text": "Em dashes sparingly and spaced; prefer two sentences", "prov": "published", "source": "https://atlassian.design/foundations/content/language-and-grammar" }, { "id": "then-not-arrow", "kind": "guidance", "text": "Write 'then' instead of '>' in UI paths", "prov": "published", "source": "https://atlassian.design/foundations/content/language-and-grammar" }, { "id": "spelling", "kind": "spelling", "value": "en-US", "prov": "published", "source": "https://atlassian.design/foundations/content/language-and-grammar" }, { "id": "lists", "kind": "guidance", "text": "Lists of six items or fewer, parallel phrasing, no end punctuation on fragments", "prov": "published", "source": "https://atlassian.design/foundations/content/language-and-grammar" }, { "id": "delight-sparingly", "kind": "guidance", "text": "Delight only after trust is built; once may amuse, a dozen times may annoy", "prov": "published", "source": "https://atlassian.design/foundations/content/voice-tone" }, { "id": "inclusive", "kind": "guidance", "text": "Use the pronouns a person gives; otherwise 'they/their', never 'his/her'", "prov": "published", "source": "https://atlassian.design/foundations/content/language-and-grammar" }, { "id": "web-proof", "kind": "guidance", "text": "On landing pages, pair each claim with a customer number or a footnoted study and a 'Read the story' style link", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" } ], "approved": { "words": [ "teams", "teamwork", "context", "apps", "collections", "agents", "Rovo", "Teamwork Graph", "System of Work", "work item" ], "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, "banned": [ "'products' for Atlassian apps in new copy (they are now 'apps')", "e.g., i.e., etc., &", "title case in headings and buttons", "'My' for the user's things (use 'Your')" ] }, "spec": { "signature": [ { "id": "product-ui-hero", "name": "The product is the hero image", "where": "the atlassian.com hero: under a centered headline and two CTAs sits a full, rounded browser-style frame of a live-looking Jira board (observed 2026-10-29)", "spec": "centered H1 (Charlie Display 500, 64px at 1440, #101214), a centered subline, then a blue pill CTA beside a blue text link with an arrow; below them a wide product frame with a 1px light border and rounded corners showing real UI (columns, cards, avatars, Rovo button). Exact frame radius and size belong to the page-anatomy step", "once": "once per page, in the hero", "example": { "ground": "paper", "text": "Discover the power of knowing", "mark": "", "mark_style": "none" }, "dont_example": { "ground": "night", "text": "Discover the power of knowing", "mark": "", "mark_style": "none" }, "dont": "replace the product with abstract stock imagery or a gradient blob; Atlassian shows the work itself", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "id": "named-collaborators", "name": "Named people and agents in pill tags", "where": "homepage feature images and Teamwork Lab blog heroes: UI cards and photos on a faint grid, labeled with small rounded name pills ('Veronica', 'Gabe', 'Planner', 'Agent') attached to cursors or nodes (observed 2026-10-29)", "spec": "a blue or dark rounded pill with a white name, sometimes an avatar or agent glyph, set beside a cursor arrow or a connector line; people and AI agents are labeled the same way, so they read as teammates. Sizes not measured", "once": "one cluster per image", "example": { "ground": "surface", "text": "Ask Rovo", "mark": "Rovo", "mark_style": "color", "mark_color": "accent" }, "dont_example": { "ground": "surface", "text": "AI Assistant", "mark": "", "mark_style": "none" }, "dont": "show an anonymous AI widget; agents get names and sit in the same team picture as people", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29", "also": [ "https://www.atlassian.com/blog/ai-at-work/want-more-confidence-in-ai-give-it-more-context" ] }, { "id": "collection-tiles", "name": "App logos as colored tiles, colored by collection", "where": "app logos everywhere (nav menus, collection tabs on the homepage, product pages)", "spec": "each app's glyph sits in a rounded-square tile whose color is its collection: blue for Teamwork (Jira, Confluence, Loom), dark tiles with orange for Strategy (Focus), yellow for Service (JSM, CSM), lime for Software (Bitbucket), purple for Product (JPD). Tile radius is the published radius.tile (25%) and must not be changed", "once": "wherever apps are named", "example": { "ground": "paper", "text": "Jira, Confluence, Loom", "mark": "", "mark_style": "none" }, "dont_example": { "ground": "paper", "text": "Jira in a circle", "mark": "", "mark_style": "none" }, "dont": "re-round, recolor, nest in another container or add shadows to app tiles; the guide forbids all four", "prov": "published", "source": "https://atlassian.design/foundations/logos" }, { "id": "blue-pill-cta", "name": "One blue pill, one blue arrow link", "where": "hero and closing band on atlassian.com", "spec": "primary: #1868DB pill, white Charlie Text 20px, 48px tall, padding 10px 26px (observed); secondary: a blue text link ending in a right arrow ('Contact us') beside it", "once": "one pair per band", "example": { "ground": "paper", "text": "Get started with Jira", "mark": "Get started with Jira", "mark_style": "color", "mark_color": "accent" }, "dont_example": { "ground": "paper", "text": "Get Started With Jira", "mark": "", "mark_style": "none" }, "dont": "use title case, square buttons or a second filled button; the secondary action is a link", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" } ], "motion": [ { "name": "ease-in-out-bold", "easing": "cubic-bezier(0.4, 0, 0, 1)", "use": "scaling modals, repositioning", "prov": "published", "source": "https://atlassian.design/foundations/motion" }, { "name": "ease-out-bold", "easing": "cubic-bezier(0, 0.4, 0, 1)", "use": "elements arriving: panels, flags", "prov": "published", "source": "https://atlassian.design/foundations/motion" }, { "name": "practical-out", "easing": "cubic-bezier(0.6, 0, 0.8, 0.6)", "use": "exits, getting out of the way", "prov": "published", "source": "https://atlassian.design/foundations/motion", "label": "Ease-in practical (exits)" }, { "name": "practical-in", "easing": "cubic-bezier(0.4, 1, 0.6, 1)", "use": "everyday entrances: popups, hover background fades", "prov": "published", "source": "https://atlassian.design/foundations/motion", "label": "Ease-out practical (entrances)" }, { "name": "list-item-hover", "duration_ms": 50, "use": "hover and press interactions run 50-150ms", "prov": "published", "source": "https://atlassian.design/foundations/motion" }, { "name": "dropdown-enter", "duration_ms": 150, "use": "dropdown entrance", "prov": "published", "source": "https://atlassian.design/foundations/motion" }, { "name": "modal-enter", "duration_ms": 250, "use": "modal entrance; transitions run 150-400ms", "prov": "published", "source": "https://atlassian.design/foundations/motion" }, { "name": "button", "easing": "cubic-bezier(0.4, 0, 0, 1)", "duration_ms": 150, "use": "primary/secondary pill hover: background-color and scale", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "tab", "easing": "ease-in-out", "duration_ms": 300, "use": "tab label color as the active pill slides", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "card-shadow", "easing": "ease", "duration_ms": 250, "use": "box-shadow on Products-dropdown collection cards", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "name": "logo-marquee", "easing": "linear", "duration_ms": 90000, "use": "customer logo strip scrolls left forever (animation only; build it static)", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" } ], "icons": { "grid": "16×16", "stroke": "1.5px", "sizes": [ { "name": "small", "px": 12, "use": "sparingly: chevrons, validation, tags, secondary actions" }, { "name": "medium", "px": 16, "use": "default" } ], "style": "rounded outer corners and curves, sharp interior corners, square (butt) line ends; straight-on views, no 3D", "prov": "published", "source": "https://atlassian.design/foundations/iconography" }, "source": "https://www.atlassian.com/", "how": "Playwright computed styles, bounding boxes and canvas text metrics at 1440 and 390 px (768 for the type steps) on 2026-10-29; pixel samples where computed color and render disagreed", "provenance": "observed", "page": { "source": "https://www.atlassian.com/", "date": "2026-10-29", "prov": "observed", "how": "Playwright computed styles and bounding boxes at 1440x900 and 390x844 (plus 768), pixel samples where computed color disagreed with the render", "voice_scope": "The homepage is plain product-marketing voice: short declaratives ('Discover the power of knowing', 'Stop searching. Start shipping.'), customer numbers, product names; no wordplay or campaign lines. The guide's voice (atlassian.design: bold, optimistic, practical, with a wink, written for product UI and docs) governs microcopy, errors and UI text. A landing page follows the homepage voice and structure; product UI follows the guide", "order": "Build exactly these parts, in this order: nav, hero (type + framed product video), logo marquee, context statement + stat pair, Teamwork Graph dark band, tabbed Collections, customer-story carousel, platform pillars, Teamwork Lab carousel, closing dark CTA band, footer panel + legal row", "nav": { "summary": "White 68px bar, sticky. Blue Atlassian logo left; six menu labels in a row after it; a round grey search button and 'Sign in' at the far right. No button, no announcement bar", "ground": "#FFFFFF, no border, no shadow at rest", "height": "68px at 1440 and 390", "logo": "Atlassian logo (blue #1868DB mark + wordmark, inline SVG viewBox 297x48) rendered 148x24 at x 32, y 24; same size on phones", "links": "6, verbatim and in order: 'Products', 'AI', 'Solutions', 'Why Atlassian', 'Resources', 'Enterprise'. Charlie Text 16px/16px 400 #292A2E, each link the full 68px tall with padding 4px 16px 0, starting x 204 (24px after the logo): Products x 204 w117, AI x 321 w66, Solutions x 387 w122, Why Atlassian x 509 w160, Resources x 669 w128, Enterprise x 797 w109. The first five carry an 11x6 down chevron 8px after the label (Enterprise has none). Hover: text turns #1558BC", "actions": "Search: a 40x40 circle, #F8F8F8 fill, 50% radius, at x 1284, y 14, magnifier icon. A 1px vertical divider, then 'Sign in' (Charlie Text 16px 500 #101214, no box) at x 1357, right edge at 1408 (32px page margin)", "dropdown": "Products opens a mega panel (#F8F8F8 left rail 224px with tab list, white body): 'Featured apps' (Jira, Confluence, Jira Service Management with 12px #505258 descriptions), 'Atlassian Collections' (five #F8F8F8 cards, radius 20px, padding 24px, 304px wide: Teamwork, Strategy, Service, Software, Product), 'Powered by' Rovo row with a 1px #DDDEE1 border. Not part of the resting page", "sticky": "position sticky, top 0, the whole 68px bar", "phone": "68px: same 148x24 logo at x 32, y 24; a 21x20 hamburger ('Toggle Menu') at x 337. No Sign in, no search, no CTA in the bar" }, "hero": { "summary": "Centered type stack over a full-width product UI: a one-line 64px headline, two-line 20px subline, a blue pill button beside a blue text link, then a 1168px framed Jira board video", "desktop": "Headline top y 148 (80px below the nav), centered in a 968px column (x 236-1204), 1 line, 67px tall. Subline y 227 (12px gap), 968px max, 2 lines, centered. CTA row y 321 (32px below subline): 'Get started with Jira' primary pill 250x48 at x 520, then 'Contact us →' text link (Charlie Text 20px 500 #1868DB) at x 802, 32px gap. Media frame y 433-1091: 1168x658 at x 136, 20px radius, 1px #DDDEE1 border, overflow hidden, video 1166x656 inside (16:9). Media starts 64px below the CTA row. Pause button: 40x40 circle bottom-right inside the frame (x 1257, y 1036)", "phone": "Order: headline (44px, 3 lines 'Discover the' / 'power of' / 'knowing', y 100, 32px below the nav), subline (20px, 5 lines, y 257), primary pill 203x40 centered at y 445, 'Contact us →' centered at y 517, then the square video full-bleed 390x390 at y 572 with no frame. All centered, 32px side margins (326px column). The 40px grid shows behind the pill and link (see decoration). Pause button 40x40 #DDDEE1 at x 344, y 908 inside the video", "at_rest": "The video autoplays, muted, looped (52s). Static state = frame 0: the Jira 'Checkout roadmap' board (Spaces breadcrumb, Summary/Board/List/Forms/Pages/Attachments/Calendar tabs, Search board + avatar row + Filter/Group/Needs input, four columns To do 3 / In progress 3 / In review 3 / Done 2 of white cards with tags and PAY- keys) under the Jira top bar with blue '+ Create' and 'Ask Rovo'. The poster file is a later, zoomed frame without the top bar: animation only", "media": "VIDEO element, not an image and not live DOM: desktop https://dam-cdn.atl.orangelogic.com/CDNLink/AT12OU5D.mp4 (1920x1080), phone AT12OUGN.mp4 (1920x1920 square). Use the frame-0 stills in study.slot_assets", "decoration": "REQUIRED, not optional, at both widths: a faint square grid of 1px lines on a 40px pitch (not 52px), drawn BEHIND the hero (z below the video frame and the CTA). Lines #EFEFEF where densest, fading radially to #F9F9F9 and then to white; no element on the page owns it (it isn't a CSS background), so draw it yourself. 1440: vertical lines at x = 719 + 40n, horizontal lines at y 427, 467, 507, 547 (the frame and video hide everything below y 433); visible only from about y 395 down to the frame top, and only between x 560 and 880 (narrowing to 678-760 at y 400), centered on x 720. Phone: visible around the stacked actions from about y 425 to the video top (572), x 80 to 305; vertical lines at x 119, 159, 199, 239, 279, horizontal at y 466, 506, 546; centered on the pill. Never switch it off on phone", "type": "Headline Charlie Display 64px/66.56px 500, tracking -1.28px (-0.02em), #101214, centered. Subline Charlie Text 20px/31.2px 400, -0.2px, #292A2E. Phone headline 44px/45.76px, -0.88px", "cta": "One primary pill ('Get started with Jira') plus one blue text link with a → arrow ('Contact us'); never two filled buttons", "proof": "Customer logo strip under the media (see next section), then a 44% + 48% stat pair", "copy": "Headline 'Discover the power of knowing'. Subline (verbatim): 'Give your teams the shared context they need to make smarter decisions, coordinate seamlessly, and ship with confidence.' Primary 'Get started with Jira'; link 'Contact us →'" }, "sections": [ { "name": "Logo strip (marquee)", "summary": "One row of #3B3D42 grey customer wordmarks scrolling left under the hero media, no heading", "ground": "#FFFFFF", "desktop": "Row y 1195-1227 (104px below the media frame). Each logo is an img in a fixed box 32px tall, object-fit contain, 64px margin after each: Sprout Social 140 wide (ink 23px tall), Atlassian Williams F1 Team 62.5 (32), Databricks 140 (22), HarperCollins Publishers 240 (25), Cisco 61 (32), Procore 140 (17), Datasite 140 (25), Expedia 140 (28), Trivago 113.6 (32). Nine logos repeated 4 times in one 6948px track. CSS animation 'scroll' 90s linear infinite: animation only", "phone": "Same 32px row, same box widths and #3B3D42, at y 1066 (104px below the video), logos full-bleed; 64px after each logo", "at_rest": "Order in the track: Sprout Social, Atlassian Williams F1 Team, Databricks, HarperCollins Publishers, Cisco, Procore, Datasite, Expedia, Trivago. The 1440 screenshot shows Atlassian Williams, databricks, HarperCollins, Cisco, Procore, Datasite between x 140 and 1290", "anatomy": [ "Logos are monochrome #3B3D42 (recolored by CSS filter)", "Size comes from the fixed box widths above with object-fit contain: logos never share one height; Procore is the shortest (17px ink)", "No fade masks measured at the edges", "No label above or below" ], "color": "Every wordmark renders #3B3D42 (pixel-sampled), whatever color the SVG file has. The site recolors black SVGs with this exact CSS filter: brightness(0) saturate(1) invert(0.2) sepia(0.05) saturate(7.55) hue-rotate(185deg) brightness(0.98) contrast(0.86). Use that filter (or recolor the SVG fills to #3B3D42). Never pure black, never full-color logos" }, { "name": "Context statement + stat pair", "summary": "Centered 40px heading, 2-line body, blue text link, then two giant mono percentages joined by a blue plus, and a 12px footnote", "ground": "#FFFFFF", "desktop": "Heading 'Your context, wherever you need it' y 1291, 768px column (x 336), 1 line, 40px/48px 500 -0.4px. Body 16px/24.96px 2 lines at y 1347. Text link 'See the Teamwork Graph →' centered at y 1421 (16px #1868DB). Stats y 1469: '44' Atlassian Mono 700 128px + '%' 96px, numeral box 169px tall (128px glyphs with line-height normal), so the label 'BETTER ANSWER QUALITY' (Atlassian Mono 16px/19.2px 500, uppercase, +1.28px, #292A2E) at y 1642; a 44x44 #1868DB plus SVG centered at x 698-742; '48%' + 'FEWER TOKENS' to the right. Pair centred: numbers at x 409 and x 815. Footnote 12px/18.72px #292A2E, 2 lines, centered 768px, at y 1714. Section ends y 1831", "phone": "Heading 24px/28.8px 2 lines at y 1162; body 16px 5 lines; link at y 1377; numbers 72px + '%' 40px, labels 12px/14.4px +0.96px (first wraps to 2 lines); plus between them; footnote 4 lines at y 1557. Measured: heading y 1162 ('Your context, wherever' / 'you need it'), body y 1228, link y 1377, numerals y 1425 ('44' at x 48, '48' at x 227), labels y 1504, plus 32x95 at x 179, footnote y 1557; section gap: marquee row ends 1098, heading 64px below", "anatomy": [ "Stat numerals are #101214 Atlassian Mono 700, not the display face", "The plus is an image (stats-plus.svg), not a glyph", "The numeral box is 169px tall (line-height normal), so labels sit at y 1642, 173px below the numeral top; '%' is a separate 96px span (58px wide) top-aligned 23px lower" ], "copy": "Body (verbatim): 'Safely pull in context from wherever you work, from Jira and Confluence to Slack, GitHub and more. Give teams and agents the context they need to deliver breakthrough results.' Footnote (verbatim): 'Findings based on Atlassian Engineering Productivity Study, 2026. In internal studies, we have achieved up to 44% better answer quality and used up to 48% fewer tokens. Individual results may vary.'" }, { "name": "Teamwork Graph (dark band)", "summary": "Full-bleed #1E1F21 band: white 48px headline, 20px body and a white-outline pill top-left, a full-width animated node graph behind", "ground": "#1E1F21", "desktop": "Band y 1831-2783 (952px, padding 80px 0, starts 80px after the stats footnote). Text column x 136, 444px wide: headline 'Connect the work behind the work' 48px/55.68px 500 -0.96px, 2 lines, y 1911; body 20px/31.2px, 4 lines, y 2030; outline pill 'Explore Teamwork Graph →' 317x48 at y 2187 (2px #FFFFFF ring, white text). Graph: inline SVG 1440x792 (viewBox 1000x550) from y 1911, full bleed, nodes to the right of and below the text. Pause button 40x40 at x 136, y 2643", "phone": "Band y 1711-2396 (685px, padding 80px 0). Headline 32px/37.12px 2 lines ('Connect the work' / 'behind the work') at y 1791; body 20px/31.2px 5 lines at y 1874; outline pill 262x40 at y 2062; graph image 390x215 full-bleed at y 2102 (directly under the pill, whole network visible, never cropped or enlarged; use assets/teamwork-graph-clean-phone.png at width 100%); pause button 40x40 at x 32, y 2256 over the graph's bottom-left; 80px padding below", "at_rest": "Static state: about 25 nodes linked by dotted #505258/#6C6F77 lines: rounded-square app tiles in brand colors (#1868DB, #C97CF4, #FFC716, #82B536, #FB9700), round people photos, and dark pill labels in mono type ('Project', 'Work item', 'Roadmap', 'Focus area') with a #6C6F77 border. Nodes drift and links pulse: animation only. Resting-state images: assets/teamwork-graph-clean-desk.png (1440x792 @2x, the SVG alone, no text) and assets/teamwork-graph-clean-phone.png (390x216 @2x). Both are clean: no headline, body, pill, pause button or white strip baked in", "type_color": "All type on this band renders #FFFFFF (sampled pixels), although the computed color reads #101214", "anatomy": [ "Headline and body are white, not grey", "Outline pill: transparent fill, 2px white ring", "The graph is live inline SVG (viewBox 1000x550, 60 image nodes); the slot uses a clean capture of the SVG alone: place it full-bleed at y 1911 (1440) behind the text column, scale = width 100%, height auto, nothing cropped" ], "copy": "Body (verbatim): 'The Teamwork Graph connects knowledge, people, decisions, and relationships so agents can act with the context your organization has built.' Pill 'Explore Teamwork Graph →'" }, { "name": "Collections (tabbed)", "summary": "Centered 48px heading and 20px intro, a grey pill tab bar with five tabs, then a two-column panel: collection wordmark, app icons, 40px headline, body and link on the left, product composite image on the right", "ground": "#FFFFFF", "desktop": "Heading 'Transform how your teams work' y 2863, centered 768px, 1 line, 48px. Intro 20px 2 lines y 2927. Tab track y 3029: 708x58, #F0F1F2, radius 40px, padding 8px, centered (x 366); five tabs 'Teamwork', 'Strategy', 'Service', 'Software', 'Product' (Charlie Text 18px/26px 500, padding 8px 32px, 42px tall; widths 154/138/126/143/131). Active tab: #101214 pill (radius 32px, absolutely positioned, slides) with #FFFFFF text; inactive #101214 text. Panel y 3135-3514, columns x 136 (568px) and x 736 (568px), 32px gap: wordmark SVG 32px tall (e.g. bold 'Teamwork' + light 'Collection') at y 3162; app row y 3218: 26.4px app icons, each followed 7.6px later by its label in Charlie Text 20px/31.2px 400 #292A2E (20px is the font size), about 32px between one label and the next icon, (Jira, Confluence, Loom, Rovo); h3 40px/48px 500 -0.4px, 2 lines, y 3281; body 16px/24.96px 2 lines y 3385; text link 'Explore Teamwork Collection →' 16px #1868DB y 3467. Right: product composite PNG 568x379 (3:2) at y 3135, no frame", "phone": "Heading 32px 2 lines left-aligned at y 2444; intro 20px 3 lines at y 2526; chips row y 2668 (40px tall, padding 8px 20px, 16px Wix 600, gap 8px, first at x 40): active #101214 with white text, inactive #F0F1F2 with #101214 text, overflowing the right edge. Panel stacks: wordmark 24px tall at y 2748; app icons 2 per row at y 2798 and 2861; h3 24px/28.8px at y 2922; body y 2988; link y 3095; image 326x217 at y 3139 (ends 3356)", "at_rest": "Teamwork tab selected. Other tabs swap the panel (Strategy: Focus, Talent, Align, Rovo; Service: Jira Service Management, Customer Service Management, Assets, Rovo; Software: Rovo Dev, DX, Pipelines, Bitbucket; Product: Jira Product Discovery, Feedback, Rovo)", "anatomy": [ "Track ends fade with 24px gradients from #F0F1F2 to transparent at each side", "Tab color transition 0.3s ease-in-out" ], "copy": "Intro (verbatim): 'Discover collections—curated apps and AI agents on a secure, compliant, and reliable platform.' Panels (h3 / body / link), verbatim: Teamwork: 'The teamwork platform for the AI era' / 'Turn scattered tools into a seamless system for AI orchestration, planning, knowledge, and delivering work at scale.' / 'Explore Teamwork Collection'. Strategy: 'AI-native strategic portfolio management' / 'Make strategy actionable at every level, with context-aware insights of your priorities, resources, risks, and funds.' / 'Explore Strategy Collection'. Service: 'Shatter the service quo' / 'Connect teams to elevate employee and customer experiences, improve service resilience, and deliver value fast.' / 'Explore Service Collection'. Software: 'Deliver high quality software. Fast.' / 'Measure and improve productivity, quality, and speed with the AI-native SDLC for every software team.' / 'Explore Software Collection'. Product: 'Better product decisions in the age of AI' / 'Bring together customer insights, product prioritization, and delivery into one place so you can build with confidence.' / 'Explore Product Collection'" }, { "name": "Customer stories (carousel)", "summary": "Left-aligned 48px heading, 20px intro and an outline pill; round prev/next arrows right; a row of colored stat cards bleeding off the right edge", "ground": "#FFFFFF", "desktop": "Heading 'Where 350,000+ teams turn context into delivery' x 136, 768px, 2 lines, y 3610. Intro 20px 2 lines y 3729. Outline pill 'Explore customers’ stories →' 328x48 at y 3832. Arrows: two 60x60 #101214 circles with white arrows at x 1176 and 1244, y 3880; at rest 'Previous' renders light grey (start of track), 'Next' black. Cards from y 3996: 432x384, radius 20px, padding 48px 40px, 32px apart, first at x 136; three visible (third clipped at 1440). Card (stacked from the top, see components.story_card): logo box 193.6x32 at y 4044, stat at y 4116 (Atlassian Mono 96px 700 -3px, 82px box; suffix 64px, 35px wide, 21px lower), description (Charlie Display 24px 400 -0.24px, 352px wide; computed line-height 32.64px but the rendered block is 56px for 2 lines, 23px for 1) at y 4214, 'Read the story →' (Charlie Text 18px) at y 4309 (y 4277 after a 1-line description)", "phone": "Heading 32px 3 lines ('Where 350,000+' / 'teams turn context' / 'into delivery') at y 3470, intro 20px 5 lines at y 3589, outline pill 271x40 at y 3785; no arrows. Cards from y 3849: 311x306.5, 24px apart, first at x 32, padding 32px, logo box 135.8x24 at y 3881, stat 60px + 32px suffix at y 3945, description 18px/24.48px at y 4022, link at y 4103; 9 dots (8x8, 16px pitch, #101214 active, #6C6F77 inactive) at y 4194, x 127-263", "cards": "In order (ground / type): Cisco 40x #CFE1FD / #101214; Expedia 400 #C75300 / #FFFFFF; Sprout Social 360+ #D3F1A7 / #101214; Procore 75% #4C6B1F / #FFFFFF; Trivago 200+ #FFE48F / #101214; Datasite 500k #803FA5 / #FFFFFF; SpotOn 55% #EED7FC / #101214; Delivery Hero 69% #101214 / #FFFFFF; The Warehouse Group 25% #1868DB / #FFFFFF", "anatomy": [ "Light cards carry black logos and ink type; dark cards carry white logos and white type", "Track starts on the 136px content edge and overflows the page to the right; no left bleed", "Use the customers' own numbers or none: these are Atlassian's published claims" ], "copy": "Intro (verbatim): 'From hyper-growth startups to the Fortune 500, see how connected context helps teams turn everyday collaboration into automated momentum.' Card stat + suffix / description, verbatim and in order: Cisco '40' + 'x' / 'acceleration in reporting with Rovo agents'; Expedia '400' (no suffix) / 'hours/month saved with Atlassian automations'; Sprout Social '360' + '+' / 'hours of work saved every year onboarding new hires.'; Procore '75' + '%' / 'reduction in time spent writing quarterly roadmaps'; Trivago '200' + '+' / 'hours saved by Legal each year with Rovo agents'; Datasite '500' + 'k' / 'in cost savings from reclaiming 4,000+ meetings in 5 months'; SpotOn '55' + '%' / 'questions deflected by Rovo agents'; Delivery Hero '69' + '%' / 'cost savings in first 3 years'; The Warehouse Group '25' + '%' / 'lower TCO'. Each ends with 'Read the story →'. These are Atlassian's published customer claims: use them exactly, never reword what a number measures" }, { "name": "Platform pillars", "summary": "Left 48px heading with an outline pill under it, then four equal columns: 88px line icon, 32px title, 16px body", "ground": "#FFFFFF", "desktop": "Heading 'Built for how modern teams work' y 4555 (95px after the cards), 1 line. Outline pill 'Explore our platform →' 275x48 at y 4651. Columns at y 4779: x 136 / 436 / 736 / 1036, 268px wide, 32px gaps. Icon 88x88 (black line icon SVG). Title Charlie Display 32px/39.68px 500 at y 4883 (line counts 3, 2, 2, 1). Body Charlie Text 16px/24.96px #292A2E 8px below the title, 3-4 lines", "phone": "Heading 32px 2 lines at y 4335, pill 228x40 at y 4442. One 326px column at x 32: icon 88px at y 4546 / 4806 / 5042 / 5277; title (20px/24.8px) 16px below each icon at y 4650 / 4910 / 5146 / 5381 (first wraps to 2 lines, the others 1); body 16px 3 lines 8px below each title; 24px from each body to the next icon; last body ends y 5489", "anatomy": [ "Titles: 'Designed for humans and AI collaboration', 'Deep, connected context', 'Secure from the start', 'Proven ROI at scale'", "Icons are 2.3px-stroke #101214 line drawings in a 74px box" ], "copy": "Bodies (verbatim, in order): 'Orchestrate everyday collaboration and autonomous tasks seamlessly within the same system of work.' / 'Fuel smarter workflows with unmatched breadth and depth across your entire digital workplace.' / 'Protect your data and enforce compliance automatically through enterprise permissions that carry across every agent.' / 'Deliver better output, cut unnecessary compute overhead, and drive stronger returns from your AI investments.'" }, { "name": "Teamwork Lab (content carousel)", "summary": "Left 48px heading and 20px intro, arrows right, then a row of tall cards: square image on top, colored panel below with a tag pill, 24px white title and a read link", "ground": "#FFFFFF", "desktop": "Heading 'Fueled by Atlassian’s teamwork expertise and research' 768px, 2 lines, y 5245. Intro 20px 2 lines y 5364. Arrows 60x60 at x 1176/1244, y 5427. Cards from y 5543: 316x523, radius 20px, overflow hidden, 32px apart, first at x 136; four visible (fourth clipped). Card: image 316x316 (object-fit cover), panel 316x207 padding 24px: tag (a rectangle, radius 3px, 18px tall, padding 0 8px; Charlie Text 16px/18px 500 uppercase +0.3px; see components.lab_tag) at y 5883, title Charlie Display 24px/29.76px 500 #FFFFFF, 3 lines, at y 5917, link 'Read now →' 16px white at y 6022", "phone": "Heading 32px 3 lines at y 5633, intro 20px 5 lines at y 5752. Cards from y 5932: 311x478, 24px apart, first at x 32; image 311x311; panel padding 16px: tag (12px/16px, 16px tall, radius 3) at y 6259, title 18px/22.32px at y 6291, link at y 6374; 7 dots (8px, 16px pitch, #101214 active / #6C6F77) at y 6449, x 143-247", "cards": "In order (panel / tag ground / tag text): 'Blog post' #4C6B1F / #EFFFD6 / #4C6B1F; 'Report' #1558BC / #E9F2FE / #1558BC; 'Blog post' #803FA5 / #F8EEFE / #803FA5; 'Blog post' #4C6B1F / #EFFFD6 / #4C6B1F; 'Video' #C75300 / #FFF5D4 / #9E4C00 ('Watch now'); 'Blog post' #4C6B1F / #EFFFD6 / #4C6B1F; 'Blog post' #1558BC / #E9F2FE / #1558BC", "anatomy": [ "Images are illustrated/photo composites on black or pale grids with mono-type labels, one per card", "Panel color repeats the tag hue family; tag ground is the pale tint of that hue", "Tags are 3px-radius rectangles, never pills" ], "copy": "Intro (verbatim): 'Discover research-backed practices and operating models designed to help your teams navigate complexity and work smarter in the AI era.' Cards (tag / title / link), verbatim and in order: 'BLOG POST' / 'The Teamwork Lab reveals how more context = ROI from AI' / 'Read now'; 'REPORT' / 'Leading with context: Lessons from Atlassian’s AI journey' / 'Read report'; 'BLOG POST' / 'Inside AI Builders Week: How teams work in the AI era' / 'Read now'; 'BLOG POST' / 'How Cursor is navigating the new shape of product craft' / 'Read now'; 'VIDEO' / 'Atlassian’s Chief AI officer on building products for humans and agents' / 'Watch now'; 'BLOG POST' / 'How AI is changing developer workflows' / 'Read now'; 'BLOG POST' / 'Why individual AI speed isn’t delivering the ROI CIOs expected' / 'Read now'" }, { "name": "Closing CTA (dark band)", "summary": "Full-bleed #1E1F21 band, a giant darker Atlassian A mark centered behind, white 64px two-line headline, 24px line, blue primary pill", "ground": "#1E1F21 with a #111213 'A' mark", "desktop": "Band y 6146-6699 (553px, padding 64px 25px; inner padding 64px 0). Headline Charlie Display 64px/66.56px 500 -1.28px #FFFFFF, centered in 735px (x 353), y 6274, exactly 2 lines: 'Stop searching. Start' / 'shipping.' (the break falls after 'Start', not after 'searching.'; there is no forced break in the source, so with the stand-in set the break explicitly to land here). Sub Charlie Display 24px/29.76px 400 #FFFFFF, y 6419, 2 lines: 'Join the 350,000+ teams where agents plan, triage, and deliver across' / 'the Atlassian platform.' Primary pill 'Get started with Jira' 250x48 centered at y 6523. A mark: cta-band-a-mark.svg as a background of the band, centered BOTH ways (background-position 50% 50%, background-size min(100%, 432px), background-origin content-box, no-repeat): 432x431 at x 504-936, y 6207-6638, i.e. 61px clear of the band top and 61px clear of the bottom. Never bottom-anchored, never touching an edge", "phone": "Band y 6526-6954 (428px, padding 64px 25px). Headline 44px/45.76px in 276px, exactly 3 lines: 'Stop' / 'searching.' / 'Start shipping.' at y 6590; sub 18px/22.32px 3 lines at y 6740; pill 203x40 centered at y 6850. A mark background-size contain inside the content box (340x300): about 301x300 centered at x 45-346, y 6590-6890, 64px clear top and bottom", "anatomy": [ "Only band where the display face is used at 400 for a subline", "No secondary action", "The A sits wholly inside the band with equal space above and below it" ], "copy": "Headline 'Stop searching. Start shipping.' (two spaces, no forced break). Sub (verbatim): 'Join the 350,000+ teams where agents plan, triage, and deliver across the Atlassian platform.' Pill 'Get started with Jira'" } ], "footer": { "summary": "A rounded #F8F8F8 panel inset 120px from the page edges holding the blue A mark, a bold company column and three link columns; under it a white legal row", "ground": "Panel #F8F8F8 on a #FFFFFF page; panel 1200x422 at x 120, y 6715 (16px below the CTA band), padding 24px, radius 0 0 24px 24px (square top, rounded bottom)", "anatomy": [ "Column 1 (x 144, 264px): 32x32 blue Atlassian A mark (#1868DB) at y 6739, then 8 bold links (Charlie Text 14px/14px 700 #101214, 33px pitch, from y 6803): 'Company', 'Careers', 'Events', 'Blogs', 'Investor Relations', 'Atlassian Foundation', 'Press kit', 'Contact us'", "Column heads at y 6746 (Charlie Text 13px 700 uppercase #101214): 'PRODUCTS' x 440, 'RESOURCES' x 736, 'LEARN' x 1032", "Products (8 + 1): 'Rovo', 'Jira', 'Jira Align', 'Jira Service Management', 'Confluence', 'Loom', 'Trello', 'Bitbucket', then 'See all products →'", "Resources (7 + 1): 'Technical support', 'Purchasing & licensing', 'Templates', 'Atlassian Community', 'Knowledge base', 'Marketplace', 'My account', then 'Create support ticket →'", "Learn (5 + 1): 'Partners', 'Training & certification', 'Documentation', 'Developer resources', 'Enterprise services', then 'See all resources →'", "Column links: Charlie Display 14px/14px 400, +0.42px, #101214, 33px pitch; the trailing arrow link is 14px 500 #1C2B42, 21px below the list. Hover: underline", "Legal row on white at y 7190: 'Copyright © 2026 Atlassian' (Charlie Text 14px/18px #505258) at x 144; right side from x 794: 'Privacy policy', 'Terms', 'Trust Center', 'Impressum' (14px #292A2E, 32px gaps), then a globe icon + 'English ▾' language selector (14px #42526E) at x 1230", "Page ends at y 7261" ], "phone": "Wrapper x 24, 342 wide; #F8F8F8 panel x 24-366 from y 6970 (16px below the CTA band), 1462 tall, radius 0 0 24px 24px; content at x 40: blue A mark 32px at y 6994, the 8 bold links from y 7058 (33px pitch), then PRODUCTS (y 7362), RESOURCES (y 7768), LEARN (y 8141) stacked as open lists (no accordions), heads 56px above their first link, same 33px pitch, each trailing arrow link 54px after the last item. Legal row on white: copyright y 8472, then 'Privacy policy', 'Terms', 'Trust Center', 'Impressum' one per line at y 8522-8612 (30px pitch), then globe + 'English ▾' at y 8656. Page ends at y 8726" }, "dark_ground": { "ground": "#1E1F21 (two bands: Teamwork Graph and closing CTA)", "type": "#FFFFFF for headline, body and sub (rendered), never grey", "secondary_button": "transparent pill, 2px #FFFFFF ring, #FFFFFF text, arrow", "primary_button": "unchanged #1868DB pill with white text", "link": "no text links on dark bands", "muted_text": "none measured; graph hairlines #505258 and #6C6F77", "hairline": "#6C6F77 (graph label pill borders)", "logo_variant": "the band mark is a #111213 A drawn darker than the ground; no white logo on dark bands" }, "vertical_gaps": "Section padding is not one number: use these measured gaps (content edge to next content edge). 1440: video frame end -> logo row 104; logo row end 1227 -> context heading 1291: 64; footnote end 1751 -> dark band 1831: 80; band 80 padding top and bottom; band end 2783 -> collections heading 2863: 80; panel end 3514 -> stories heading 3610: 96; story cards end 4380 -> pillars heading 4555: 175; pillar bodies end 5070 -> Lab heading 5245: 175; Lab cards end 6066 -> closing band 6146: 80; closing band end 6699 -> footer panel 6715: 16. Heading -> intro 8px; intro -> pill or tabs 40px; pill -> cards 116px (stories), 80px (pillar columns at 4779); Lab intro -> cards 117px. 390: video end 962 -> logo row 1066: 104; logo row end 1098 -> context heading 1162: 64; footnote end 1632 -> dark band 1711: 79; band padding 80/80; band end 2396 -> collections heading 2444: 48; collections image end 3356 -> stories heading 3470: 114; story dots end 4202 -> pillars heading 4335: 133; last pillar body end 5489 -> Lab heading 5633: 144; Lab dots end 6457 -> closing band 6526: 69; closing band end 6954 -> footer panel 6970: 16. Phone page height 8726" }, "bands": [ { "label": "Nav: white 68px sticky bar, blue logo, six menu labels, search circle, Sign in", "ground": "#FFFFFF", "content": "nav", "desktop": "y 0-68; logo 148x24 at x 32,y 24; labels from x 204; search 40px circle x 1284; Sign in x 1357", "phone": "68px; logo + 21x20 hamburger at x 337", "anatomy": [ "No CTA button in the bar", "Labels 16px Charlie Text 400 #292A2E; chevrons on five" ] }, { "label": "Hero: centered 64px one-line headline, 20px subline, blue pill + text link, framed 1168x658 Jira board video", "ground": "#FFFFFF", "content": "hero", "desktop": "headline y 148, subline y 227, CTA y 321, frame y 433-1091 at x 136 (radius 20, 1px #DDDEE1)", "phone": "44px 3-line headline y 100, stacked CTA + link, square video 390x390 full bleed at y 572; faint 40px grid behind the pill and link", "anatomy": [ "Resting state is video frame 0 (assets/hero-board-desk-frame0.jpg)", "Pause button (two bars, #DDDEE1 40px circle) bottom-right inside the frame; never a play triangle", "Faint 40px grid (#EFEFEF fading to white) behind the CTA row and frame top, on desktop and phone" ] }, { "label": "Logo marquee: one 32px row of #3B3D42 customer wordmarks", "ground": "#FFFFFF", "content": "proof", "desktop": "y 1195, 64px gaps, scrolls left 90s loop (animation only)", "phone": "y 1066, same row", "anatomy": [ "No heading", "Every logo #3B3D42 via the CSS filter in page anatomy; fixed box widths, 32px tall, object-fit contain" ] }, { "label": "Context statement and 44% + 48% mono stat pair", "ground": "#FFFFFF", "content": "stats", "desktop": "40px heading y 1291 centered 768px; stats y 1469 at 128px Atlassian Mono 700 with a 44px blue plus between; footnote 12px y 1714", "phone": "24px heading; numerals 72px", "anatomy": [ "Labels mono 16px uppercase +1.28px" ] }, { "label": "Dark Teamwork Graph band: white text top-left, animated node graph full bleed", "ground": "#1E1F21", "content": "feature", "desktop": "y 1831-2783, padding 80px; text column 444px at x 136; outline pill 317x48; SVG 1440x792", "phone": "y 1711, 685px; graph 390x215 directly under the pill, the whole network visible (assets/teamwork-graph-clean-phone.png at 100% width), pause bottom-left", "anatomy": [ "Type renders #FFFFFF", "Graph resting state = assets/teamwork-graph-clean-desk.png (desktop) and assets/teamwork-graph-clean-phone.png (phone); both are the SVG alone with no baked text. Never use teamwork-graph-live-svg.png (it has the band text baked in)" ] }, { "label": "Collections: centered heading, grey pill tabs, two-column panel (copy left, product composite right)", "ground": "#FFFFFF", "content": "tabs", "desktop": "heading y 2863; tab track 708x58 #F0F1F2 radius 40 at y 3029; panel y 3135, 568 + 32 + 568", "phone": "left-aligned; tabs become scrolling chips; panel stacks with image last", "anatomy": [ "Active tab #101214 pill, white text", "Teamwork selected at rest" ] }, { "label": "Customer stories: left heading + outline pill, arrows right, 432x384 colored stat cards bleeding right", "ground": "#FFFFFF", "content": "proof carousel", "desktop": "heading y 3610; cards y 3996, radius 20, padding 48/40, 32px gap; stat 96px Atlassian Mono", "phone": "cards 311px, 24px gap, 9 dots", "anatomy": [ "Nine cards, grounds #CFE1FD #C75300 #D3F1A7 #4C6B1F #FFE48F #803FA5 #EED7FC #101214 #1868DB" ] }, { "label": "Platform pillars: heading + outline pill, four columns of icon / 32px title / body", "ground": "#FFFFFF", "content": "features", "desktop": "heading y 4555; columns y 4779, 268px wide, 32px gaps", "phone": "one column, 20px titles", "anatomy": [ "88px black line icons" ] }, { "label": "Teamwork Lab: heading + arrows, 316x523 cards (square image over colored panel)", "ground": "#FFFFFF", "content": "content carousel", "desktop": "heading y 5245; cards y 5543, radius 20, 32px gap, panel padding 24", "phone": "cards 311px, 7 dots", "anatomy": [ "Tag: 3px-radius rectangle, 18px tall, uppercase over a pale tint; 24px white title 3 lines" ] }, { "label": "Closing CTA: dark band, giant darker A mark, white 64px two-line headline, 24px sub, blue pill", "ground": "#1E1F21", "content": "cta", "desktop": "y 6146-6699; headline y 6274 in 735px, 2 lines 'Stop searching. Start' / 'shipping.'; pill y 6523; A mark 432px centered both ways (61px clear top and bottom)", "phone": "428px; 44px 3-line headline 'Stop' / 'searching.' / 'Start shipping.'; A mark ~300px centered both ways", "anatomy": [ "Mark #111213 from assets/cta-band-a-mark.svg" ] }, { "label": "Footer: #F8F8F8 panel (square top, 24px rounded bottom) with A mark + 4 columns, white legal row", "ground": "#F8F8F8 panel on #FFFFFF", "content": "footer", "desktop": "panel 1200x422 at x 120, y 6715; columns at x 144/440/736/1032; legal row y 7190", "phone": "stacked open lists at x 40; legal links one per line", "anatomy": [ "Link counts 8 / 8+1 / 7+1 / 5+1", "Legal: Privacy policy, Terms, Trust Center, Impressum, English ▾" ] } ], "layout": { "page_margin": { "desktop": 136, "phone": 32, "tablet": 60, "at_1280": 64 }, "nav_margin": { "desktop": 32, "phone": 32 }, "section_padding": { "desktop": 80, "phone": 48 }, "container_max": 1168, "hero_text_max": 968, "intro_text_max": 768, "nav_height": 68, "columns": 4, "columns_phone": 1, "gutter": 32, "gutter_phone": 24, "card_gap": 32, "two_up_column_width_at_1440": 568, "four_up_column_width_at_1440": 268, "story_card": "432x384 desktop, 311px wide phone", "lab_card": "316x523 desktop, 311px wide phone", "dark_band_padding": { "desktop": 80, "phone": 80 }, "footer_panel": "1200px wide at x 120, padding 24px", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29", "section_padding_note": "section_padding 80/48 is the token default only; the real gaps between bands vary (64-175px desktop, 48-144px phone): build from kit.spec.page.vertical_gaps" }, "type": [ { "role": "Hero headline (Charlie Display 500 -1.28px; stand-in Rethink Sans 600, phone tracking -1.68px)", "id": "hero", "face": "display", "size": { "desktop": 64, "phone": 44, "tablet": 54 }, "line_height": 1.04, "tracking_px": -2.44, "weight": 600, "prov": "observed" }, { "role": "Section headline (Charlie 500 -0.96px; stand-in 600, phone tracking -1.11px)", "id": "section", "face": "display", "size": { "desktop": 48, "phone": 32, "tablet": 40 }, "line_height": 1.16, "tracking_px": -1.67, "weight": 600, "prov": "observed" }, { "role": "Sub-section headline: context, collection h3 (Charlie 500 -0.4px; stand-in 600, phone tracking -0.74px)", "id": "subsection", "face": "display", "size": { "desktop": 40, "phone": 24, "tablet": 28 }, "line_height": 1.2, "tracking_px": -1.23, "weight": 600, "prov": "observed" }, { "role": "Pillar title (Charlie 500 0px; stand-in 600, phone tracking -0.49px)", "id": "pillar", "face": "display", "size": { "desktop": 32, "phone": 20, "tablet": 24 }, "line_height": 1.24, "tracking_px": -0.78, "weight": 600, "prov": "observed" }, { "role": "Card title, Teamwork Lab (Charlie 500 0px; stand-in 600, phone tracking -0.35px)", "id": "card-title", "face": "display", "size": { "desktop": 24, "phone": 18 }, "line_height": 1.24, "tracking_px": -0.46, "weight": 600, "prov": "observed" }, { "role": "Story description / CTA sub (Charlie Display 400 -0.24px; stand-in Rethink Sans 400, phone tracking -0.79px)", "id": "story", "face": "display", "size": { "desktop": 24, "phone": 18 }, "line_height": 1.36, "tracking_px": -1.06, "weight": 400, "prov": "observed" }, { "role": "Lead / subline (Charlie Text 400 -0.2px; stand-in Wix Madefor Text 450)", "id": "lead", "face": "body", "size": { "desktop": 20, "phone": 20 }, "line_height": 1.56, "tracking_px": -0.04, "weight": 450, "prov": "observed" }, { "role": "Body (Charlie Text 400 -0.16px; stand-in Wix 450)", "id": "body", "face": "body", "size": { "desktop": 16, "phone": 16 }, "line_height": 1.56, "tracking_px": -0.1, "weight": 450, "prov": "observed" }, { "role": "Button (Charlie Text 400; stand-in Wix 450)", "id": "button", "face": "body", "size": { "desktop": 20, "phone": 16 }, "line_height": 1.2, "tracking_px": 0.06, "weight": 450, "prov": "observed" }, { "role": "Tab (Charlie Text 500; stand-in Wix 600)", "id": "tab", "face": "body", "size": { "desktop": 18, "phone": 16 }, "line_height": 1.44, "tracking_px": -0.02, "weight": 600, "prov": "observed" }, { "role": "Nav link (Charlie Text 400; stand-in Wix 450)", "id": "nav", "face": "body", "size": { "desktop": 16, "phone": 16 }, "line_height": 1, "tracking_px": 0.06, "weight": 450, "prov": "observed" }, { "role": "Footer link (Charlie Display 400 +0.42px; stand-in Rethink Sans 400)", "id": "footer-link", "face": "display", "size": { "desktop": 14, "phone": 14 }, "line_height": 1, "tracking_px": -0.06, "weight": 400, "prov": "observed" }, { "role": "Footer column head", "id": "footer-head", "face": "body", "size": { "desktop": 13, "phone": 13 }, "line_height": 1.2, "tracking_px": 0, "weight": 700, "prov": "observed" }, { "role": "Footnote / legal (Charlie Text 400; stand-in Wix 450)", "id": "footnote", "face": "body", "size": { "desktop": 12, "phone": 12 }, "line_height": 1.56, "tracking_px": 0, "weight": 450, "prov": "observed" }, { "role": "Big stat numeral", "id": "stat-xl", "face": "mono", "size": { "desktop": 128, "phone": 72 }, "line_height": 1, "tracking_px": 0, "weight": 700, "prov": "observed" }, { "role": "Card stat numeral", "id": "stat", "face": "mono", "size": { "desktop": 96, "phone": 60 }, "line_height": 1, "tracking_px": -3, "weight": 700, "prov": "observed" }, { "role": "Stat label", "id": "stat-label", "face": "mono", "size": { "desktop": 16, "phone": 12 }, "line_height": 1.2, "tracking_px": 1.28, "weight": 500, "prov": "observed" } ], "components": { "button_primary": { "fill": "#1868DB", "text": "#FFFFFF", "radius": "pill", "height": 48, "padding_x": 26, "font_size": 20, "weight": 450, "border": "2px solid transparent", "phone": "40px tall, padding 8px 22px, 16px", "note": "Charlie Text, sentence case, no arrow. Transition scale 0.15s cubic-bezier(0.4,0,0,1) and background-color 0.15s. Label weight 450 = Wix Madefor Text matched to Charlie Text 400 (never 400)", "states": { "hover": { "measured": { "fill": "#123263", "text": "#FFFFFF" }, "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" } }, "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, "button_secondary": { "fill": "transparent", "text": "#101214", "ring": "#101214", "ring_px": 2, "radius": "pill", "height": 48, "padding_x": 26, "font_size": 20, "weight": 450, "phone": "40px tall, padding 8px 22px, 16px", "note": "Label followed by a → arrow icon. On #1E1F21 the ring and text are #FFFFFF. Label weight 450 = Wix Madefor Text matched to Charlie Text 400 (never 400). Arrow after the label is the same 11x8 filled arrow as the text links, 8px after the label", "states": { "hover": { "measured": { "fill": "#100F0E at 6.3% alpha", "text": "#101214" }, "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" } }, "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, "text_link": { "text": "#1868DB", "font_size": 16, "weight": 450, "note": "Label + 11x8 filled right arrow (#1868DB, same color as the label), no underline at rest; 16px links set Wix 450. Hero 'Contact us' is Charlie Text 20px 500 = Wix 600, -0.19px, 20px/31.2px. Nav labels hover to the same #1558BC", "states": { "hover": { "measured": { "text": "#1558BC" }, "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" } }, "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, "footer_link": { "text": "#101214", "font_size": 14, "weight": 400, "states": { "hover": { "measured": { "decoration": "underline" }, "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" } }, "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, "tab_bar": { "fill": "#F0F1F2", "radius": 40, "padding": "8px", "height": 58, "on": "#101214", "note": "Active pill #101214 radius 32px with #FFFFFF text; tabs 42px, padding 8px 32px, 18px 500; color transition 0.3s ease-in-out. Tab labels: Wix Madefor Text 600 (matches Charlie Text 500), never 400", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, "carousel_arrow": { "fill": "#101214", "text": "#FFFFFF", "radius": "pill", "height": 60, "note": "60x60 #101214 circles, 8px apart (x 1176 and 1244 at 1440), padding 19.5px 15px. Icon: one FILLED arrow path, not a stroked chevron: viewBox 0 0 29 20 rendered 30x20.7 and centered, #FFFFFF. Geometry in viewBox units: shaft 4.5 thick (y 7.55 to 12.05) running from x 0 to x 21, rounded ends (2.25 radius); head = two 4.5-thick round-capped arms meeting at the tip x 28.8, y 9.8, each about 13.5 long at 45 degrees, reaching y 0 and y 19.8. Path: M20.5361 19.1287C19.6575 20.0074 18.2322 20.0074 17.3535 19.1287C16.4748 18.25 16.4748 16.8248 17.3535 15.9461L21.248 12.0525L2.25 12.0525C1.00754 12.0523 0 11.045 0 9.80254C0.000234604 8.56023 1.00769 7.55276 2.25 7.55254L21.0654 7.55254L17.3535 3.84063C16.475 2.96202 16.4751 1.53765 17.3535 0.658987C18.2322 -0.219692 19.6575 -0.219692 20.5361 0.658987L27.8291 7.95293C28.4154 8.35896 28.8006 9.03537 28.8008 9.80254C28.8008 10.2822 28.6493 10.7265 28.3936 11.0916C28.2867 11.3125 28.1433 11.5206 27.96 11.7039L20.5361 19.1287Z. Previous = the same arrow mirrored. Disabled (Previous at the start of the track) is the same #101214 button at opacity 0.3, which renders light grey on white; never a thin outline arrow. Phone swaps the arrows for 8px dots", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29 (re-measured r1)" }, "story_card": { "radius": 20, "padding": "48px 40px", "height": 384, "note": "432x384 at 1440, padding 48px 40px, content stacked from the top: logo box 193.6x32 at +48 (object-fit contain, left-aligned); mono stat 82px box 40px below the logo; description 16px below the stat; 'Read the story' + 11x8 arrow (Charlie Text 18px 400 = Wix 450) 40px below the description. Phone: 311x306.5, padding 32px; logo box 135.8x24; stat 61px box 40px below; description (18px/24.48px) 16px below; link 16px Wix 450 about 32px below; 24px between cards", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, "lab_card": { "radius": 20, "padding": "24px (panel)", "height": 523, "note": "316x523 at 1440: image 316x316 (cover), then a 207px colored panel, padding 24px: tag at +24, title 16px below the 18px tag (3 lines at 29.76px), link 'Read now' / 'Read report' / 'Watch now' + arrow 16px below the title, 24px bottom padding. Phone: 311x478, image 311x311, panel padding 16px: tag 16px tall, title 16px below (18px/22.32px), link 16px below, 16px bottom", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, "media_frame": { "radius": 20, "ring": "#DDDEE1", "ring_px": 1, "note": "hero video frame only; collection and Lab images have no frame", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, "search_button": { "fill": "#F8F8F8", "radius": "pill", "height": 40, "padding_x": 8, "font_size": 13.33, "weight": 400, "note": "40x40 circle at x 1284, y 14; 24x24 magnifier icon at 8px inset; icon-only (font values are the browser default)", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29 (re-measured r1)" }, "pause_button": { "fill": "#DDDEE1", "text": "#101214", "radius": "pill", "height": 40, "padding_x": 12, "font_size": 13.33, "weight": 400, "note": "40x40 #DDDEE1 circle showing PAUSE (two bars), because the media plays at rest; never a play triangle. Icon 16x16 centered (12px inset): two #101214 rounded bars, each 5x14 with 2px corner radius, 2px apart: path M2 3a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2zm7 0a2 2 0 0 1 2-2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2z (viewBox 0 0 16 16). Hero: inside the frame bottom-right, 6px from the video's right edge and 14px from its bottom (x 1257, y 1036 at 1440; phone x 344, y 908). Graph band: x 136, y 2643 at 1440; phone x 32, y 2256 (overlapping the graph's bottom-left). Same #DDDEE1 fill on white and on #1E1F21. Font values are the browser default for an icon-only button", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29 (re-measured r1)" }, "lab_tag": { "radius": 3, "height": 18, "padding": "0 8px", "note": "A small RECTANGLE with 3px corners, never a capsule or pill: 18px tall, padding 0 8px, Charlie Text 16px/18px 500 (Wix 600) uppercase +0.3px; widths at 1440: BLOG POST 105, REPORT 79, VIDEO 66. Ground = pale tint, text = deep hue (#EFFFD6/#4C6B1F, #E9F2FE/#1558BC, #F8EEFE/#803FA5, #FFF5D4/#9E4C00). Phone: 16px tall, 12px/16px, padding 0 8px, radius 3", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29 (re-measured r1)" }, "carousel_dots": { "fill": "#6C6F77", "on": "#101214", "radius": "pill", "note": "Phone only: 8x8 circles on a 16px pitch, centered under the track (stories: 9 dots at y 4194; Lab: 7 dots at y 6449); active #101214, inactive #6C6F77", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29 (re-measured r1)" } }, "responsive": { "measured_at": [ 390, 768, 1024, 1280, 1440 ], "source": "https://www.atlassian.com/", "date": "2026-10-29", "prov": "observed", "rows": [ { "what": "hero headline", "values": { "390": "44px / 45.76 / -0.88px, 3 lines", "768": "48px / 49.92 / -0.96px", "1024": "54px / 56.16 / -1.08px", "1280": "54px / 56.16 / -1.08px", "1440": "64px / 66.56 / -1.28px, 1 line" } }, { "what": "section headline", "values": { "390": "32px / 37.12 / -0.64px", "768": "36px / 41.76 / -0.72px", "1024": "40px / 46.4 / -0.8px", "1280": "40px / 46.4 / -0.8px", "1440": "48px / 55.68 / -0.96px" } }, { "what": "collection h3", "values": { "390": "24px", "768": "28px", "1024": "32px", "1280": "32px", "1440": "40px" } }, { "what": "pillar title", "values": { "390": "20px", "768": "24px", "1024": "28px", "1280": "28px", "1440": "32px" } }, { "what": "lead / body", "values": { "390": "20px / 16px", "768": "20px / 16px", "1024": "20px / 16px", "1280": "20px / 16px", "1440": "20px / 16px" } }, { "what": "primary button", "values": { "390": "203x40, 16px", "768": "203x40, 16px", "1024": "250x48, 20px", "1280": "250x48, 20px", "1440": "250x48, 20px" } }, { "what": "content column", "values": { "390": "326px at x 32", "768": "648px at x 60", "1024": "904px at x 60", "1280": "1152px at x 64", "1440": "1168px at x 136" } }, { "what": "nav", "values": { "390": "logo + hamburger", "768": "logo + hamburger", "1024": "logo, 6 labels, search, Sign in", "1280": "logo, 6 labels, search, Sign in", "1440": "logo, 6 labels, search, Sign in" } }, { "what": "page height", "values": { "390": "8726px", "768": "7238px", "1024": "6870px", "1280": "6922px", "1440": "7261px" } } ] }, "breakpoints": { "all": [ 480, 640, 768, 1024, 1440 ], "phone_max": 767, "note": "Atlassian's media queries: 30rem, 40rem, 48rem, 64rem, 90rem (and 1280px). Type steps at 768, 1024 and 1440 (90rem): 1024-1439 uses 54/40/32/28px, 1440+ uses 64/48/40/32px" } }, "system": { "fixed": [ "The A logomark and wordmark in brand blue, inverse or neutral", "Blue700 #1868DB as the brand color", "Charlie Sans for brand, Atlassian Sans for apps", "Collection-colored app tiles", "Sentence case" ], "flex": "Tone dials with the reader's state: bolder and more expressive for confident users, marketing and brand moments; plain and practical for new users, errors and frequent UI.", "traits": [ { "is": "Bold", "not": "pushy with people who are lost", "text": "Motivate teams with the right support at the right time (paraphrase).", "prov": "published", "source": "https://atlassian.design/foundations/content/voice-tone" }, { "is": "Optimistic", "not": "vague cheerleading", "text": "Highlight what helps the person in this moment; one consistent story (paraphrase).", "prov": "published", "source": "https://atlassian.design/foundations/content/voice-tone" }, { "is": "Practical, with a wink", "not": "cheeky or jokey", "text": "Direct and concise; the wink only when people feel successful (paraphrase).", "prov": "published", "source": "https://atlassian.design/foundations/content/voice-tone" }, { "is": "Open", "not": "closed, siloed", "text": "'Open company, no bullshit' and the Working Open philosophy.", "prov": "published", "source": "https://www.atlassian.com/company" } ] }, "proportion": { "note": "Atlassian publishes no color ratio. Our reading of the homepage at 1440px, by band height: white bands versus the two #1E1F21 bands. Blue is too small to count: CTAs, links and app tiles only.", "source": "https://www.atlassian.com/", "prov": "inferred", "why": "Band heights from the homepage measurement: 2 of 9 bands are #1E1F21, about 1,345 of 7,261px.", "parts": [ { "name": "White", "hex": "#FFFFFF", "n": 81 }, { "name": "Night", "hex": "#1E1F21", "n": 19 } ] }, "tone_by_state": { "note": "One voice dialed by the reader's emotional state. Atlassian publishes the guidance; the levels are our reading.", "source": "https://atlassian.design/foundations/content/voice-tone", "states": [ { "state": "Success, celebration, power users", "level": 4 }, { "state": "Marketing pages (observed)", "level": 3 }, { "state": "Everyday UI, information", "level": 2 }, { "state": "New or trial users, introducing a feature", "level": 1 }, { "state": "Errors, blocked, deadlines", "level": 0 } ] }, "formats": [ { "format": "Landing page", "level": 3, "must": "White ground, centered Charlie-style display headline, one #1868DB pill CTA plus a blue arrow link, product UI as the hero image, dark #1E1F21 bands for the context story and the close, numbers with sources", "flex": "which collection tabs, customer cards and research tiles follow the hero" }, { "format": "Deck", "level": 2, "must": "White slides, sentence-case headlines, one blue accent, product UI and named-collaborator imagery", "flex": "one dark section divider" }, { "format": "Proposal page", "level": 2, "must": "Calm white page, outcomes backed by numbers with sources, one blue pill for the next step", "flex": "a product UI frame at the top" }, { "format": "Ad", "level": 3, "must": "Attribution logo (context unclear), short sentence-case line, product UI", "flex": "collage illustration" }, { "format": "Social post", "level": 4, "must": "One stat or headline, brand blue or dark ground, named pills or collage", "flex": "illustration style" }, { "format": "Email", "level": 1, "must": "White, #292A2E text, one blue pill button", "flex": "none" }, { "format": "Error message", "level": 0, "must": "Practical tone: what happened, what to do next; present tense; no wink", "flex": "none" } ], "checks": [ { "name": "Logo hidden", "text": "Cover the logo. It should still read as Atlassian: white page, near-black sentence-case headline, one blue pill, real product UI, named teammates or agents, a number with a source." }, { "name": "Swap test", "text": "Put another SaaS logo on it. If the product UI, the collection tiles and the context argument don't feel out of place, it's generic, and it goes back." }, { "name": "Token test", "text": "Every color on the page maps to a published token role (brand, neutral, discovery, success, warning, danger). A color with no role is a mistake." } ], "examples": [ { "chapter": "color", "do": { "ground": "paper", "text": "Get started with Jira", "button": true }, "do_caption": "One Blue700 pill per band for the primary action.", "dont": { "ground": "paper", "text": "Get started", "ink": "accent_secondary" }, "dont_caption": "Purple is the discovery role (new features), not a second brand CTA color." }, { "chapter": "color", "do": { "ground": "paper", "text": "Mostly white, near-black type", "ink": "ink" }, "do_caption": "White surfaces, #292A2E text, blue only where you act.", "dont": { "ground": "accent", "text": "A page flooded blue", "ink": "on_accent" }, "dont_caption": "Bold brand blue is a background for buttons and small moments, not whole pages." }, { "chapter": "voice", "do": { "ground": "paper", "text": "We can't load this page" }, "do_caption": "Present tense, contraction, 'we' owns the problem.", "dont": { "ground": "paper", "text": "The Page Could Not Be Loaded." }, "dont_caption": "Title case, passive voice and a period in a heading." }, { "chapter": "voice", "do": { "ground": "paper", "text": "Create work item" }, "do_caption": "Action verb, sentence case, no article.", "dont": { "ground": "paper", "text": "Create A New Work Item!" }, "dont_caption": "Title case, article and an exclamation in a button." }, { "chapter": "type", "do": { "ground": "paper", "text": "Discover the power of knowing", "font": "display", "weight": 500 }, "do_caption": "Brand display face, medium weight, sentence case.", "dont": { "ground": "paper", "text": "DISCOVER THE POWER OF KNOWING", "font": "body", "weight": 700 }, "dont_caption": "All caps in the body face." }, { "chapter": "logo", "do": { "ground": "paper", "text": "Logo in brand blue on white", "ink": "accent" }, "do_caption": "Brand version on light grounds, clear space of one cap-height 'A'.", "dont": { "ground": "surface", "text": "Logo with a drop shadow on a photo", "ink": "accent" }, "dont_caption": "No drop shadows, no complex backgrounds, no unapproved colors." } ], "make_it_yours": { "note": "Everything above transfers. These are Atlassian'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": "Our mission is to help unleash the potential of every team through open work.", "prov": "published", "source": "https://www.atlassian.com/company" }, "story": { "text": "Founded by Mike Cannon-Brookes and Scott Farquhar; Jira 1.0 launched in 2002, Confluence in 2003. Listed on NASDAQ as TEAM in 2015; Trello (2017), Opsgenie (2018) and Loom (2023) joined; Rovo, the AI teammate, was announced in 2024; Strategy and Teamwork Collections debuted in 2025.", "prov": "published", "source": "https://www.atlassian.com/company", "paraphrase": true }, "values": [ { "name": "Open company, no bullshit", "means": "Work and information are open by default (published value; also the 'Working Open' philosophy).", "prov": "published", "source": "https://www.atlassian.com/company" }, { "name": "Build with heart and balance", "means": "Published company value.", "prov": "published", "source": "https://www.atlassian.com/company" }, { "name": "Don't #@!% the customer", "means": "Customers come first, including pricing so every company can afford the products (paraphrase).", "prov": "published", "source": "https://www.atlassian.com/company" }, { "name": "Play, as a team", "means": "Published company value.", "prov": "published", "source": "https://www.atlassian.com/company" }, { "name": "Be the change you seek", "means": "Published company value.", "prov": "published", "source": "https://www.atlassian.com/company" } ] }, "positioning": { "statement": { "text": "The teamwork platform for the AI era: apps, agents and the Teamwork Graph give teams and AI the shared context to decide and ship (paraphrase).", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, "category": { "text": "Teamwork and work-management software platform with AI agents (Rovo), sold as apps and collections.", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, "audience": { "text": "Teams from hyper-growth startups to the Fortune 500: software, IT/service, product, strategy and business teams, plus their leaders (CIOs, CTOs, CMOs, CHROs in the Leading with Context reports).", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29", "also": [ "https://www.atlassian.com/blog/guides-research/leading-with-context" ] }, "problem": { "text": "Teams have more information than ever but are less informed; scattered tools and missing context make AI output generic (paraphrase).", "prov": "published", "source": "https://www.atlassian.com/blog/state-of-teams-2025", "also": [ "https://www.atlassian.com/blog/ai-at-work/want-more-confidence-in-ai-give-it-more-context" ] }, "promise": { "text": "Give teams and agents the context they need to make smarter decisions, coordinate and ship with confidence (paraphrase of the hero subline).", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, "differentiators": [ { "text": "Teamwork Graph: a context layer across Atlassian and third-party tools.", "prov": "observed", "source": "https://www.atlassian.com/platform/teamwork-graph 2026-10-29" }, { "text": "20+ years of teamwork research, the Teamwork Lab and the System of Work.", "prov": "observed", "source": "https://www.atlassian.com/system-of-work 2026-10-29" }, { "text": "Enterprise permissions that carry across every agent.", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" } ], "alternatives": [ { "text": "Scattered point tools and generic AI without business context (no competitor is named on the homepage).", "prov": "inferred", "source": "https://www.atlassian.com/", "why": "'Turn scattered tools into a seamless system'; 'Stop searching. Start shipping.'" } ] }, "messaging": { "taglines": [ { "text": "Discover the power of knowing", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29", "where": "Homepage hero H1" }, { "text": "The teamwork platform for the AI era", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29", "where": "Teamwork Collection tab heading" }, { "text": "Stop searching. Start shipping.", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29", "where": "Homepage closing band H2 (two imperative sentences)" }, { "text": "The living map of how work gets done", "prov": "observed", "source": "https://www.atlassian.com/platform/teamwork-graph 2026-10-29", "where": "Teamwork Graph page hero" }, { "text": "We help teams change the world", "prov": "observed", "source": "https://www.atlassian.com/company 2026-10-29", "where": "Company page hero" } ], "attributes": [ "bold", "optimistic", "practical, with a wink" ], "key_messages": [ { "text": "Shared context makes teams and AI agents smarter.", "prov": "inferred", "source": "https://www.atlassian.com/", "why": "Hero, Teamwork Graph band, research tiles and close all return to context." }, { "text": "Collections: curated apps and AI agents on one secure platform.", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" } ], "boilerplate": { "text": "Atlassian builds apps, AI agents and a platform for teamwork (Jira, Confluence, Loom, Rovo and more), with a mission to help unleash the potential of every team through open work. Founded in 2002 by Mike Cannon-Brookes and Scott Farquhar; 300,000+ customers, 12,000+ employees in 14 countries.", "prov": "published", "source": "https://www.atlassian.com/company", "paraphrase": true }, "pillars": [ { "name": "Context", "claim": "Connected context makes teams and agents more effective.", "prov": "inferred", "source": "https://www.atlassian.com/", "why": "Hero line, 'Your context, wherever you need it', Teamwork Graph and the research tiles; Atlassian does not publish named pillars.", "proof": [ "p-answer-quality", "p-teamwork-lab" ] }, { "name": "Humans and AI together", "claim": "One system of work where people and agents collaborate.", "prov": "inferred", "source": "https://www.atlassian.com/", "why": "Platform band 'Designed for humans and AI collaboration'; System of Work principle on AI teammates.", "proof": [ "p-sow" ] }, { "name": "Proven at scale", "claim": "Hundreds of thousands of teams, measured customer outcomes.", "prov": "inferred", "source": "https://www.atlassian.com/", "why": "Customer band with 350,000+ teams and numbered story cards.", "proof": [ "p-350k", "p-stories" ] }, { "name": "Secure and governed", "claim": "Enterprise permissions carry across every agent.", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29", "proof": [ "p-secure" ] } ], "proof_points": [ { "id": "p-answer-quality", "kind": "stat", "text": "Up to 44% better answer quality and 48% fewer tokens (Atlassian Engineering Productivity Study, 2026; internal studies, results vary).", "source": "https://www.atlassian.com/" }, { "id": "p-teamwork-lab", "kind": "research", "text": "Teamwork Lab: workers whose AI understands most of their work are up to 6x more likely to call it helpful (survey of 1,002 US knowledge workers).", "source": "https://www.atlassian.com/blog/ai-at-work/want-more-confidence-in-ai-give-it-more-context" }, { "id": "p-sow", "kind": "other", "text": "Atlassian System of Work: four principles, including realizing the full power of AI teammates.", "source": "https://www.atlassian.com/system-of-work" }, { "id": "p-350k", "kind": "stat", "text": "350,000+ teams (homepage); 300,000+ customers (company page).", "source": "https://www.atlassian.com/" }, { "id": "p-stories", "kind": "stat", "text": "Customer story cards, e.g. 75% reduction in time spent writing quarterly roadmaps; 25% lower TCO.", "source": "https://www.atlassian.com/" }, { "id": "p-secure", "kind": "other", "text": "Secure from the start: enterprise permissions that carry across every agent.", "source": "https://www.atlassian.com/" }, { "id": "p-sot", "kind": "research", "text": "State of Teams 2025: 12,000 knowledge workers and 200 executives; teams waste 25% of their time searching for answers.", "source": "https://www.atlassian.com/blog/state-of-teams-2025" } ], "claim_boundaries": [ { "text": "Stats carry their footnote: the homepage marks the 44%/48% figures as internal studies where results may vary.", "prov": "observed", "source": "https://www.atlassian.com/ 2026-10-29" }, { "text": "Use attribution logos only where the Atlassian context isn't clear; never compose your own.", "prov": "published", "source": "https://atlassian.design/foundations/logos" }, { "text": "Third parties: Atlassian's trademark guidelines ask that sites not reproduce or mimic atlassian.com's look and feel.", "prov": "published", "source": "https://www.atlassian.com/legal/trademark" } ] } } } }