Display requirements – X Developers | Twitter Developer Platform

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: http://ogp.me/ns#" data-behavior="i18n" data-environment="prod" data-server-mode="publish" data-dc="p" class=" twtr-type--chirp"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <title>Display requirements – X Developers | Twitter Developer Platform </title> <meta name="description" content="Posts are one of our most visible brand elements, so it’s important that they are presented correctly. You should comply with the display requirements below when you display posts, timelines, and other X content. "/> <link rel="canonical" href="https://developer.x.com/en/developer-terms/display-requirements"/> <meta property="og:url" content="https://developer.x.com/en/developer-terms/display-requirements"/> <meta property="og:type" content="article"/> <meta property="og:title" content="Display requirements – X Developers"/> <meta property="og:description" content="Posts are one of our most visible brand elements, so it’s important that they are presented correctly. You should comply with the display requirements below when you display posts, timelines, and other X content. "/> <meta property="og:image" content="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/x_sharing_card.png.twimg.768.png"/> <meta name="keywords"/> <meta name="twitter:card" content="summary_large_image"/> <link rel="alternate" hreflang="en" href="https://developer.x.com/en/developer-terms/display-requirements"/> <link rel="alternate" hreflang="ja" href="https://developer.x.com/ja/developer-terms/display-requirements"/> <meta name="twitter:widgets:new-embed-design" content="on"/> <meta name="twitter:widgets:csp" content="on"/> <link href="https://abs.twimg.com/favicons/twitter.3.ico" rel="shortcut icon" type="image/x-icon"/> <script type="application/json" id="analytics-settings">{"google":{"accounts":[],"options":{"displayAdvertisingFeatures":false}},"scribe":{"scribeSectionWithImpression":false},"trackingPixel":{},"bing":{}}</script> <script type="application/json" class="u14-data-layer" data-component="u14-data-layer" id="data-layer">{"page":{"pageId":"6bf9823","pageKey":"6bf9823-en-en","pageName":"Display requirements – X Developers","pagePath":"/content/developer-twitter/en/more/developer-terms/display-requirements","pageType":"content-page","pagePublishDate":"","language":"en","geoRegion":"en","category":{"tags":{"tagIDs":[],"tagNames":[]},"scribe":{"component":"developer-terms/display-requirements","section":"more","page":"developer","element":"page"}},"attribute":{}}}</script> <link rel="preload" href="https://fonts.twitter.com/chirp/chirp-bold-italic-web.woff2" as="font" type="font/woff2" crossorigin/> <link rel="preload" href="https://fonts.twitter.com/chirp/chirp-bold-web.woff2" as="font" type="font/woff2" crossorigin/> <link rel="preload" href="https://fonts.twitter.com/chirp/chirp-display-extended-black-web.woff2" as="font" type="font/woff2" crossorigin/> <link rel="preload" href="https://fonts.twitter.com/chirp/chirp-regular-web.woff2" as="font" type="font/woff2" crossorigin/> <link rel="preload" href="https://fonts.twitter.com/chirp/chirp-regular-italic-web.woff2" as="font" type="font/woff2" crossorigin/> <link rel="preload" href="https://fonts.twitter.com/chirp/chirp-extended-bold-web.woff2" as="font" type="font/woff2" crossorigin/> <link rel="stylesheet" href="https://cdn.cms-twdigitalassets.com/etc/designs/developer2-twitter/public/css/chirp.css.twhash.p.f.41e1f29c2d4295d68b05db0725781db3.css" media="screen" type="text/css"/> <link rel="stylesheet" href="https://cdn.cms-twdigitalassets.com/etc/designs/developer2-twitter/public/css/legacy-colors.css.twhash.p.f.20fd26d638816cbce52d44904fc9c3c2.css" type="text/css"/> <link rel="stylesheet" href="https://cdn.cms-twdigitalassets.com/etc/designs/developer2-twitter/public/css/project.css.twhash.p.f.e4bfaad196a03b2b7ae1b47b5f7a2a8f.css" media="screen" type="text/css"/> <link rel="stylesheet" href="https://cdn.cms-twdigitalassets.com/etc/designs/developer2-twitter/public/css/print.css.twhash.p.f.67de1c964d9398cbf614aab841910ad6.css" media="print" type="text/css"/> </head> <body class=" twtr-theme--blue page content-page page-- twtr-color-bg--white-neutral js-no-scroll atm-light " style="--theme-color: var(--blue-dark)" data-analytics-page="developer" data-analytics-section="more" data-analytics-component="developer-terms/display-requirements" data-analytics-element="page"> <div id="twtr-dtc-main" style="--nav-height: var(--navbar-tall)" data-dtc-rebrand-on="true" class="dtc-rebrand-flag-on"> <div id="twBearerToken" data-value="AAAAAAAAAAAAAAAAAAAAACHguwAAAAAAaSlT0G31NDEyg%2BSnBN5JuyKjMCU%3Dlhg0gv0nE7KKyiJNEAojQbn8Y3wJm1xidDK7VnKGBP4ByJwHPb" style="display:none"></div> <div id="twAuthenticationFlag" data-value="guest" style="display:none"></div> <div id="twGeoLocationRegion" data-value="other" style="display:none"></div> <div class="u01-meganav__page-padding"></div> <div class="u01-meganav js-twtr-nav twtr-color-bg--white-neutral is-fixed"> <div class="twtr-container--wide"> <div class="twtr-grid"> <div class="twtr-col-12"> <div class="u01-meganav__container" data-bg-color="white-neutral" data-home-path="/content/developer-twitter/en" data-icon-close="<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" aria-hidden="true" focusable="false" role="none" class="twtr-icon--md"> <g> <g> <defs> <rect id="SVGID_1_" x="-468" y="-1360" width="1440" height="3027" /> </defs> <clippath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;" /> </clippath> </g> </g> <rect x="-468" y="-1360" class="st0" width="1440" height="3027" style="fill:rgb(0,0,0,0);stroke-width:3;stroke:rgb(0,0,0)" /> <path d="M13.4,12l5.8-5.8c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L12,10.6L6.2,4.8c-0.4-0.4-1-0.4-1.4,0c-0.4,0.4-0.4,1,0,1.4 l5.8,5.8l-5.8,5.8c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3l5.8-5.8l5.8,5.8c0.2,0.2,0.5,0.3,0.7,0.3 s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L13.4,12z" /> </svg>" data-icon-chevron-right="<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" role="none" class="twtr-icon"> <path opacity="0" d="M0 0h24v24H0z" /> <path d="M17.207 11.293l-7.5-7.5c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414L15.086 12l-6.793 6.793c-.39.39-.39 1.023 0 1.414.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-chevron-down="<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" role="none" class="twtr-icon"> <path opacity="0" d="M0 0h24v24H0z" /> <path d="M20.207 7.043c-.39-.39-1.023-.39-1.414 0L12 13.836 5.207 7.043c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414l7.5 7.5c.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg>" data-icon-arrow-left="<svg width="28px" height="28px" viewbox="0 0 28 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" focusable="false" role="none" class="twtr-icon u01-meganav__icon-arrow-left"> <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round"> <g transform="translate(-1216.000000, -298.000000)" stroke-width="2.25"> <g transform="translate(1200.000000, 282.000000)"> <g transform="translate(17.000000, 17.000000)"> <path d="M0.756410256,12.8589744 L25.7179487,12.8589744"></path> <path d="M13.2371795,25.3397436 L25.7179487,12.8589744"></path> <path d="M13.2371795,12.4807692 L25.3397436,0.378205128" transform="translate(19.288462, 6.429487) rotate(-90.000000) translate(-19.288462, -6.429487) "></path> </g> </g> </g> </g> </svg>" data-left-nav-items="[{"isActive":false,"hasActiveChild":false,"children":[{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"X API","linkDisabled":false,"title":"X API","path":"https://developer.x.com/en/products/twitter-api"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"X Ads API","linkDisabled":false,"title":"X Ads API","path":"https://developer.x.com/en/products/x-ads-api"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"X for websites","linkDisabled":false,"title":"X for websites","path":"https://developer.x.com/en/products/x-for-websites"}],"overviewTitle":"Products","linkDisabled":true,"title":"Products","path":"https://developer.x.com/en/products"},{"isActive":false,"hasActiveChild":false,"children":[{"isActive":false,"hasActiveChild":false,"children":[{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Getting Started","linkDisabled":false,"title":"Getting Started","path":"https://developer.x.com/en/docs/platform-overview"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Tutorials","linkDisabled":false,"title":"Tutorials","path":"https://developer.x.com/en/docs/tutorials"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Github","linkDisabled":false,"title":"Github","path":"https://github.com/xdevplatform"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"API reference index","linkDisabled":false,"title":"API reference index","path":"https://developer.x.com/en/docs/api-reference-index"}],"linkDisabled":true,"title":"Resources","path":"https://developer.x.com/"},{"isActive":false,"hasActiveChild":false,"children":[{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"X API home","linkDisabled":false,"title":"X API home","path":"https://developer.x.com/en/docs/x-api"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"X API getting started","linkDisabled":false,"title":"X API getting started","path":"https://developer.x.com/en/docs/x-api/getting-started/about-x-api"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"SDKs","linkDisabled":false,"title":"SDKs","path":"https://developer.x.com/en/docs/x-api/tools-and-libraries/sdks/overview"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Tools and Libraries","linkDisabled":false,"title":"Tools and Libraries","path":"https://developer.x.com/en/docs/x-api/tools-and-libraries/v2"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"v2 migration","linkDisabled":false,"title":"v2 migration","path":"https://developer.x.com/en/docs/x-api/migrate/x-api-endpoint-map"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Enterprise APIs","linkDisabled":false,"title":"Enterprise APIs","path":"https://developer.x.com/en/docs/x-api/enterprise"}],"linkDisabled":true,"title":"X API","path":"https://developer.x.com/"},{"isActive":false,"hasActiveChild":false,"children":[{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"X Ads API home","linkDisabled":false,"title":"X Ads API home","path":"https://developer.x.com/en/docs/twitter-ads-api.html"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"X Ads API getting started","linkDisabled":false,"title":"X Ads API getting started","path":"https://developer.x.com/en/docs/x-ads-api/getting-started"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Apply for access","linkDisabled":false,"title":"Apply for access","path":"https://developer.x.com/en/docs/x-ads-api/apply.html"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Tools and libraries","linkDisabled":false,"title":"Tools and libraries","path":"https://developer.x.com/en/docs/x-ads-api/tools-and-libraries"}],"linkDisabled":true,"title":"X Ads API","path":"https://developer.x.com/"},{"isActive":false,"hasActiveChild":false,"children":[{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"X for Websites home","linkDisabled":false,"title":"X for Websites home","path":"https://developer.x.com/en/docs/twitter-for-websites.html"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Embedded Posts","linkDisabled":false,"title":"Embedded Posts","path":"https://developer.x.com/en/docs/x-for-websites/embedded-tweets/overview"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Embedded Timelines","linkDisabled":false,"title":"Embedded Timelines","path":"https://developer.x.com/en/docs/x-for-websites/timelines/overview"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Embedded buttons","linkDisabled":false,"title":"Embedded buttons","path":"https://developer.x.com/en/docs/x-for-websites/tweet-button/overview"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Web intents","linkDisabled":false,"title":"Web intents","path":"https://developer.x.com/en/docs/x-for-websites/web-intents/overview"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"X cards","linkDisabled":false,"title":"X cards","path":"https://developer.x.com/en/docs/x-for-websites/cards/overview/abouts-cards"}],"linkDisabled":true,"title":"X for Websites","path":"https://developer.x.com/"}],"overviewTitle":"Docs","linkDisabled":false,"menuType":"multiCategory","title":"Docs","path":"https://developer.x.com/en/docs"},{"isActive":false,"hasActiveChild":false,"children":[{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Build for business","linkDisabled":false,"title":"Build for business","path":"https://developer.x.com/en/use-cases/build-for-businesses"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Build for the public","linkDisabled":false,"title":"Build for the public","path":"https://developer.x.com/en/use-cases/build-for-consumers"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Do research","linkDisabled":false,"title":"Do research","path":"https://developer.x.com/en/use-cases/do-research"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Teach \u0026 learn","linkDisabled":false,"title":"Teach \u0026 learn","path":"https://developer.x.com/en/use-cases/teach-and-learn"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Build for good","linkDisabled":false,"title":"Build for good","path":"https://developer.x.com/en/use-cases/build-for-good"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Build for fun","linkDisabled":false,"title":"Build for fun","path":"https://developer.x.com/en/use-cases/build-for-fun"}],"overviewTitle":"Use Cases","linkDisabled":true,"title":"Use Cases","path":"https://developer.x.com/en/navigation/left-nav-items/use-cases"},{"isActive":false,"hasActiveChild":false,"children":[{"isActive":false,"hasActiveChild":false,"children":[{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Changelog","linkDisabled":false,"title":"Changelog","path":"https://developer.x.com/en/updates/changelog"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Blog","linkDisabled":false,"title":"Blog","path":"https://developer.x.com/en/blog"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Newsletter","linkDisabled":false,"title":"Newsletter","path":"https://developer.x.com/en/updates/stay-informed"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"YouTube","linkDisabled":false,"title":"YouTube","path":"https://www.youtube.com/c/twitterdev"}],"linkDisabled":true,"title":"Stay informed","path":"https://developer.x.com/"},{"isActive":false,"hasActiveChild":false,"children":[{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Forums","linkDisabled":false,"title":"Forums","path":"https://twittercommunity.com/"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Events","linkDisabled":false,"title":"Events","path":"https://twitterdev.bevylabs.com/"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Insiders","linkDisabled":false,"title":"Insiders","path":"https://developer.twitter.com/en/community/insiders"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Community leaders","linkDisabled":false,"title":"Community leaders","path":"https://developer.x.com/en/community/leaders"}],"linkDisabled":true,"title":"Connect","path":"https://developer.x.com/"}],"overviewTitle":"Community","linkDisabled":false,"menuType":"multiCategory","title":"Community","path":"https://developer.x.com/en/community"}]" data-right-nav-items="[{"isActive":false,"hasActiveChild":false,"children":[{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Policies","linkDisabled":false,"title":"Policies","path":"https://developer.x.com/en/developer-terms"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Developer agreement","linkDisabled":false,"title":"Developer agreement","path":"https://developer.x.com/en/developer-terms/agreement-and-policy/source"}],"overviewTitle":"Support","linkDisabled":false,"title":"Support","path":"https://developer.x.com/en/support"},{"isActive":false,"hasActiveChild":false,"children":[],"overviewTitle":"Developer Portal","linkDisabled":false,"title":"Developer Portal","path":"https://developer.twitter.com/en/portal/petition/essential/basic-info"}]" data-cta-enabled="true" data-profile-enabled="true" data-cta-link-new-tab="false" data-root-page-title="Developer Platform"> </div> <div aria-label="Search" class="u01-meganav__search-modal twtr-color-bg--blue-dark" role="dialog" aria-modal="true"> <button aria-label="Close search menu" class="u04-search__close-button js-close-search" type="button"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve" aria-hidden="true" focusable="false" role="none" class="u04-search__close-svg twtr-icon"> <g> <g> <defs> <rect id="SVGID_1_" x="-468" y="-1360" width="1440" height="3027" /> </defs> <clippath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;" /> </clippath> </g> </g> <rect x="-468" y="-1360" class="st0" width="1440" height="3027" style="fill:rgb(0,0,0,0);stroke-width:3;stroke:rgb(0,0,0)" /> <path d="M13.4,12l5.8-5.8c0.4-0.4,0.4-1,0-1.4c-0.4-0.4-1-0.4-1.4,0L12,10.6L6.2,4.8c-0.4-0.4-1-0.4-1.4,0c-0.4,0.4-0.4,1,0,1.4 l5.8,5.8l-5.8,5.8c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.4,0.3,0.7,0.3s0.5-0.1,0.7-0.3l5.8-5.8l5.8,5.8c0.2,0.2,0.5,0.3,0.7,0.3 s0.5-0.1,0.7-0.3c0.4-0.4,0.4-1,0-1.4L13.4,12z" /> </svg> </button> <div class="search-bar search-bar--js" data-theme="blue" data-search-path="https://developer.x.com/en/search-results.html"> <input placeholder="Type your search here" type="search" autocomplete="off" class="search-bar__input" name="q"/> <button id="u04-search__button" class="u04-search__button" aria-label="Search"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" aria-hidden="true" focusable="false" role="none" class="u04-search__button-icon twtr-icon--mega twtr-color-fill--white-neutral"> <path opacity="0" d="M0 0h24v24H0z" /> <path d="M22.06 19.94l-3.73-3.73C19.38 14.737 20 12.942 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c1.943 0 3.738-.622 5.21-1.67l3.73 3.73c.292.294.676.44 1.06.44s.768-.146 1.06-.44c.586-.585.586-1.535 0-2.12zM11 17c-3.308 0-6-2.692-6-6s2.692-6 6-6 6 2.692 6 6-2.692 6-6 6z" /> </svg> </button> </div> </div> </div> </div> </div> </div> <main class="twtr-color-bg--white-neutral twtr-main--bg-image lazyload" id="twtr-main" data-bg="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/redesign-2021-images/textures/background_image.jpg.twimg.768.jpg"> <div class="u07 is-hidden" aria-hidden="true"> <div class="u07__item u07__bg-color--neutral"> <div class="u07__item-content"> <div class="u07__notification twtr-type--bold-200 chirp--bold-200 twtr-color--gray-900"> </div> <div class="u07__close"> <button type="button" class="u07__close-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="46" height="72" viewbox="0 0 46 72" aria-hidden="true" focusable="false" role="none" class="twtr-icon"> <path d="M27.243 36l14.879-14.879a2.998 2.998 0 0 0 0-4.242 2.998 2.998 0 0 0-4.242 0L23 31.758 8.122 16.879a2.998 2.998 0 0 0-4.242 0 2.998 2.998 0 0 0 0 4.242L18.758 36 3.879 50.879A2.998 2.998 0 0 0 6.001 56a2.99 2.99 0 0 0 2.121-.879L23 40.242l14.879 14.879A2.991 2.991 0 0 0 40 56a2.998 2.998 0 0 0 2.121-5.121L27.243 36z" /> </svg> </button> </div> </div> </div> </div> <div class="ct01-columns"> <div class="ct01 twtr-padding__nested--top twtr-padding__nested--bottom "> <div class="ct01__content twtr-container "> <div class="ct01__item twtr-grid "> <div class="ct01__column twtr-col-md-9 twtr-order-0-xs twtr-order-0-md has-no-margin-bottom none "> <div class="ct01__wrapper is-vertically-centered "> <div class="cr02-responsive-visibility twtr-component twtr-component--first"> <div class="cr02"> <div class="cr02__item twtr-hidden--md twtr-hidden--lg twtr-hidden--xl "> <div class="b27-spacing twtr-component--last twtr-component twtr-component--first"> <div class="b27 twtr-spacing--mbf-700"> </div></div> </div> </div> </div> <div class="cr02-responsive-visibility twtr-component"> <div class="cr02"> <div class="cr02__item twtr-hidden--sm twtr-hidden--xs "> <div class="b27-spacing twtr-component--last twtr-component twtr-component--first"> <div class="b27 twtr-spacing--mbf-500"> </div></div> </div> </div> </div> <div class="ct09-justify-content twtr-component"> <div class="ct09 " style="--ct09-fixed-height: ;"> <div class="ct09__item"> <div class="ct09__wrapper is-direction--row is-justified-start is-aligned-start has-no-margin-bottom twtr-spacing--pb-0"> <div class="b02-rich-text-v3 twtr-component twtr-component--first"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--gray-900 "> <p><span class="chirp--regular-200 chirp--stepped"><b>Developer terms</b></span></p> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-500"> </div></div> <div class="b01-headline-v3 twtr-component"> <div class="b01-v3 b01-v3__copy--no-margin"> <div class="b01-v3__item"> <div class="b01-v3__copy"> <h1 class="b01-v3__headline chirp--display-850 twtr-color--black b01-v3--align-left chirp--fluid"> Display requirements: Posts </h1> </div> </div> </div> </div> <div class="b27-spacing twtr-component--last twtr-component"> <div class="b27 twtr-spacing--mbf-500"> </div></div> </div> </div> </div> </div> <div class="cr02-responsive-visibility twtr-component"> <div class="cr02"> <div class="cr02__item twtr-hidden--sm twtr-hidden--xs "> <div class="b27-spacing twtr-component--last twtr-component twtr-component--first"> <div class="b27 twtr-spacing--mbf-500"> </div></div> </div> </div> </div> <div class="cr02-responsive-visibility twtr-component--last twtr-component"> <div class="cr02"> <div class="cr02__item twtr-hidden--md twtr-hidden--lg twtr-hidden--xl "> <div class="b27-spacing twtr-component--last twtr-component twtr-component--first"> <div class="b27 twtr-spacing--mbf-700"> </div></div> </div> </div> </div> </div> </div> <div class="ct01__column twtr-col-md-3 twtr-order-1-xs twtr-order-1-md none "> <div class="ct01__wrapper is-vertically-centered "> <div class="cr02-responsive-visibility twtr-component--last twtr-component twtr-component--first"> <div class="cr02"> <div class="cr02__item twtr-hidden--sm twtr-hidden--xs "> <div class="ct09-justify-content twtr-component--last twtr-component twtr-component--first"> <div class="ct09 has-fixed-height--px" data-fixed-height="500" style="--ct09-fixed-height: 500;"> <div class="ct09__item"> <div class="ct09__wrapper is-direction--row is-justified-start is-aligned-start has-no-margin-bottom twtr-spacing--pb-0"> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ct01-columns"> <div class="ct01 twtr-padding__section--top twtr-padding__section--bottom "> <div class="ct01__content twtr-container "> <div class="ct01__item twtr-grid "> <div class="ct01__column twtr-col-md-12 "> <div class="ct01__wrapper "> <div class="b12-horizontal-rule twtr-component twtr-component--first"> <div class=" b12 b12-thickness--base twtr-color-border--dark-gray-neutral twtr-margin__nested--top twtr-margin__nested--bottom"> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b01-headline-v3 twtr-component"> <div class="b01-v3 b01-v3__copy--no-margin"> <div class="b01-v3__item"> <div class="b01-v3__copy"> <h2 class="b01-v3__headline chirp--display-700 twtr-color--black b01-v3--align-left chirp--fluid"> General principles and Post anatomy </h2> </div> </div> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <p>Posts are one of our most visible brand elements, so it’s important that they are presented correctly. You should comply with the display requirements below when you display posts, timelines, and other X content. <br /> </p> <p>If you follow these guidelines merely to display a post, you may not need to contact X for any additional display or trademark permissions. However, you may still want to submit your proposed use and context for X review. (Note that, in some cases, permission from the original content creator may still be necessary, as X does not provide permission to use third party/user content.)</p> </div> </div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <p>The following general principles apply to all display mediums. Please note, medium-specific requirements do apply, and are are outlined in the sections below.<br /> </p> <p>The image below shows all the main components of a post.</p> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="ct01-columns twtr-component"> <div class="ct01 twtr-padding__section--top twtr-padding__section--bottom twtr-background--gray-50 "> <div class="ct01__content twtr-container "> <div class="ct01__item twtr-grid "> <div class="ct01__column twtr-col-md-6 twtr-offset-3-md none "> <div class="ct01__wrapper "> <div class="b04-image twtr-component--last twtr-component twtr-component--first"> <div class="b04 twtr-component-space--md "> <div class="b04__image b04__image--auto"> <picture> <source srcset="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/legal-and-display-imagery/tweet_anatomy-2x.png.twimg.768.png" media="(max-width: 767px)"/> <source srcset="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/legal-and-display-imagery/tweet_anatomy-2x.png.twimg.2560.png" media="(min-width: 1920px)"/> <img src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 980 521%22%3E%3C/svg%3E" width="980" height="521" data-src="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/legal-and-display-imagery/tweet_anatomy-2x.png.twimg.1920.png" alt data-object-fit="cover" class="b04__img b04__img-cover b04__img--auto is-aligned-left lazyload "/> </picture> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <h3><span class="chirp--bold-400 chirp--fluid">Do<br /> </span></h3> <ul><li>Display real, unmodified posts from real accounts.</li><li>Follow X’s <a href="https://twitter.com/tos?lang=en" rel="nofollow">Terms of Service</a>, the <a href="https://about.twitter.com/en_us/company/brand-resources.html" rel="nofollow">X Brand Assets and Guidelines</a>, and (if applicable) the <a href="/en/developer-terms/agreement-and-policy" rel="nofollow">Developer Agreement and Developer Policy</a>.</li><li>Display the X logo.</li></ul> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <h3><span class="chirp--bold-400 chirp--fluid">Don't<br /> </span></h3> <ul><li>Use X content to promote any product or service (e.g., by displaying X content in advertising or otherwise displaying X content to imply endorsement of any product or service) without explicit permission from the user.</li><li>Use X content to imply sponsorship by, endorsement from, or a false association with X.</li><li>Include buttons or icons from other social platforms.</li><li>Modify post text.</li><li>Use mock ups of posts that don’t exist on the platform.</li></ul> </div> </div> <div class="b27-spacing twtr-component--last twtr-component"> <div class="b27 twtr-spacing--mbf-200"> </div></div> </div> </div> </div> </div> </div> </div> <div class="ct01-columns"> <div class="ct01 twtr-padding__section--top twtr-padding__section--bottom "> <div class="ct01__content twtr-container "> <div class="ct01__item twtr-grid "> <div class="ct01__column twtr-col-md-12 "> <div class="ct01__wrapper "> <div class="b12-horizontal-rule twtr-component twtr-component--first"> <div class=" b12 b12-thickness--base twtr-color-border--dark-gray-neutral twtr-margin__nested--top twtr-margin__nested--bottom"> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b01-headline-v3 twtr-component"> <div class="b01-v3 b01-v3__copy--no-margin"> <div class="b01-v3__item"> <div class="b01-v3__copy"> <h2 class="b01-v3__headline chirp--display-700 twtr-color--black b01-v3--align-left chirp--fluid"> Online display / Mobile, web, and beyond </h2> </div> </div> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <p>We’re committed to bringing the ease and power of X to everyone. To ensure every post is displayed optimally, we strongly encourage using <a href="/en/docs/twitter-for-websites/embedded-tweets/overview" rel="nofollow">embedded posts</a>, <a href="/en/docs/twitter-for-websites/timelines/overview" rel="nofollow">embedded timelines</a>, and/or <a href="/en.html" rel="nofollow">X Kit</a>. When you use these products to publish X content, posts and timelines are automatically rendered correctly, including advanced features like photos, video playback, edited posts, and fetching of up-to-date X data without OAuth. If it is not possible for you to use our embedding features, you must follow the requirements below when displaying posts and timelines online.</p> </div> </div> <div class="ct01-columns twtr-component"> <div class="ct01 twtr-padding__section--top twtr-padding__section--bottom twtr-background--gray-50 "> <div class="ct01__content twtr-container "> <div class="ct01__item twtr-grid "> <div class="ct01__column twtr-col-md-6 twtr-offset-3-md none "> <div class="ct01__wrapper "> <div class="b04-image twtr-component--last twtr-component twtr-component--first"> <div class="b04 twtr-component-space--md "> <div class="b04__image b04__image--auto"> <picture> <source srcset="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/legal-and-display-imagery/tweet_display-2x.png.twimg.768.png" media="(max-width: 767px)"/> <source srcset="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/legal-and-display-imagery/tweet_display-2x.png.twimg.2560.png" media="(min-width: 1920px)"/> <img src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 980 632%22%3E%3C/svg%3E" width="980" height="632" data-src="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/legal-and-display-imagery/tweet_display-2x.png.twimg.1920.png" alt data-object-fit="cover" class="b04__img b04__img-cover b04__img--auto is-aligned-left lazyload "/> </picture> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <h3><span class="chirp--bold-400 chirp--fluid">Post author</span></h3> <ul><li>The post author’s profile picture, @username, and display name must always be displayed and link to the user’s X profile.</li><li>The post author’s @username must always be displayed with the “@” symbol.</li><li>The post author’s avatar must be positioned to the left of the author’s name and @username—except for posts in languages that read right to left, in which case the author’s avatar must be positioned to the right of the author’s display name and @username.</li></ul> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <h3><span class="chirp--bold-400 chirp--fluid">Post text<br /> </span></h3> <ul><li>The post text must be displayed on a line below the author’s display name and @username, and may not be altered or modified.</li><li>On touch devices, the white space around the post text and post author must link to the post’s permalink.</li><li><a href="/en/docs/media/upload-media/overview" rel="nofollow">post Entities</a> within the post text must be properly linked to their appropriate home on X. For example:<ul><li>User_mentions must link to the mentioned user’s profile.</li><li>Hashtags must link to a X search with the hashtag as the query.</li><li>Links in post text must be displayed using the display_url field in the URL entities API response, and link to the original t.co url field. See our <a href="/en/docs/basics/tco" rel="nofollow">t.co best practices article</a> for additional details.</li></ul> </li></ul> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <h3><span class="chirp--bold-400 chirp--fluid">Timestamp<br /> </span></h3> <ul><li>The post timestamp must be displayed and link to the post’s permalink.</li></ul> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <h3><span class="chirp--bold-400 chirp--fluid">Post Actions</span></h3> <ul><li>All post Action icons (including reply, repost, and like) must always be visible for the user to interact with the post. These actions must be implemented using <a href="/en/docs/twitter-for-websites/web-intents/overview" rel="nofollow">Web Intents</a> or with the authenticated X API. (To support the implementation of post Actions, we provide several <a href="https://about.twitter.com/content/dam/about-twitter/company/brand-resources/en_us/Twitter%20Tweet%20Treatments.zip" rel="nofollow">image resources</a>.) In lieu of post Actions, “View on X” may be shown next to the timestamp, linking the user to the post permalink.</li><li>No other social or third party actions may be attached to a post. (e.g., subscribe, comment, like).</li><li>If the post being displayed is a repost, the display name of the user who reposted it and the repost icon must be displayed above or under the post text. e.g., “reposted by Jane Doe”. The display name must link to the profile of the user who reposted it.</li><li>Follow <a href="/en/developer-terms/reply-requirements" rel="nofollow">guidelines for displaying replies</a>.</li></ul> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <h3><span class="chirp--bold-400 chirp--fluid">Post edits<br /> </span></h3> <ul><li>X allows people to edit their posts up to 5 times during the first 30 minutes after posting the original post. When using <a href="https://developer.twitter.com/en/docs/twitter-for-websites/embedded-tweets/overview" rel="nofollow">embedded posts</a>, the display will appear slightly different depending on whether the post was edited before or after it was embedded.</li><li>When a post is embedded first, and then edited, you must display those edits as they occur on the X platform:</li><li>If you are displaying a previous version of an edited post, you must note below the timestamp that there is a new version of the post, and to the right of that note, provide a link which expands the post’s edit history.</li><li>You must then display the full edit history of the post.</li></ul> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b04-image twtr-component"> <div class="b04 twtr-component-space--md "> <div class="b04__image b04__image--auto"> <picture> <source srcset="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/redesign-2021-images/policy/071922-Edit-Tweet-Images-1.jpg.twimg.768.jpg" media="(max-width: 767px)"/> <source srcset="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/redesign-2021-images/policy/071922-Edit-Tweet-Images-1.jpg.twimg.2560.jpg" media="(min-width: 1920px)"/> <img src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1622 976%22%3E%3C/svg%3E" width="1622" height="976" data-src="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/redesign-2021-images/policy/071922-Edit-Tweet-Images-1.jpg.twimg.1920.jpg" alt data-object-fit="cover" class="b04__img b04__img-cover b04__img--auto is-aligned-center lazyload "/> </picture> </div> </div> </div> <div class="b04-image twtr-component"> <div class="b04 twtr-component-space--md "> <div class="b04__image b04__image--auto"> <picture> <source srcset="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/redesign-2021-images/policy/071922-Edit-Tweet-Images-2.jpg.twimg.768.jpg" media="(max-width: 767px)"/> <source srcset="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/redesign-2021-images/policy/071922-Edit-Tweet-Images-2.jpg.twimg.2560.jpg" media="(min-width: 1920px)"/> <img src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1640 1070%22%3E%3C/svg%3E" width="1640" height="1070" data-src="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/redesign-2021-images/policy/071922-Edit-Tweet-Images-2.jpg.twimg.1920.jpg" alt data-object-fit="cover" class="b04__img b04__img-cover b04__img--auto is-aligned-center lazyload "/> </picture> </div> </div> </div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <p>When a post has been edited first, and then embedded, you must note in the timestamp that the post was edited, and the timestamp must also link to the live post on X:</p> </div> </div> <div class="b04-image twtr-component"> <div class="b04 twtr-component-space--md "> <div class="b04__image b04__image--auto"> <picture> <source srcset="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/legal-and-display-imagery/policy.jpg.twimg.768.jpg" media="(max-width: 767px)"/> <source srcset="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/legal-and-display-imagery/policy.jpg.twimg.2560.jpg" media="(min-width: 1920px)"/> <img src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1336 804%22%3E%3C/svg%3E" width="1336" height="804" data-src="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/legal-and-display-imagery/policy.jpg.twimg.1920.jpg" alt data-object-fit="cover" class="b04__img b04__img-cover b04__img--auto is-aligned-center lazyload "/> </picture> </div> </div> </div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <h3><span class="chirp--bold-400 chirp--fluid">Branding</span></h3> <ul><li>The official X logo must always be reasonably visible and displayed on the upper-right corner of an individual post or directly attached to the timeline (e.g., top of the timeline). The logo should be the same height “x” as in the image. See X’s <a href="https://about.twitter.com/en_us/company/brand-resources.html" rel="nofollow">brand resources page</a> for brand guidelines and assets.</li></ul> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <h3><span class="chirp--bold-400 chirp--fluid">Mobile deep linking<br /> </span></h3> <ul><li><p>Deep links from native mobile apps must direct to the native X application. If the native X application is not installed on the device, the link must direct to X.com via a web browser.</p> </li></ul> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b02-rich-text-v3 twtr-component--last twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <h3><span class="chirp--bold-400 chirp--fluid">Timelines<br /> </span></h3> <ul><li><p>All timelines must allow users to view the details of an individual post (e.g., by linking the post timestamp or by linking the entire post area).</p> </li></ul> <p>If you plan any advertising near posts, please ensure it complies with the <a href="/en/developer-terms/policy" rel="nofollow">Developer Policy</a>.</p> <p>If for any reason you cannot comply with one or more of these rules, please contact us directly via our <a href="https://help.twitter.com/forms/platform" rel="nofollow">Policy Support form</a> before displaying X content. For questions or further information about use of the X name and trademarks, please contact trademarks@twitter.com.</p> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ct01-columns"> <div class="ct01 twtr-padding__section--top twtr-padding__section--bottom "> <div class="ct01__content twtr-container "> <div class="ct01__item twtr-grid "> <div class="ct01__column twtr-col-md-12 "> <div class="ct01__wrapper "> <div class="b12-horizontal-rule twtr-component twtr-component--first"> <div class=" b12 b12-thickness--base twtr-color-border--dark-gray-neutral twtr-margin__nested--top twtr-margin__nested--bottom"> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b01-headline-v3 twtr-component"> <div class="b01-v3 b01-v3__copy--no-margin"> <div class="b01-v3__item"> <div class="b01-v3__copy"> <h2 class="b01-v3__headline chirp--display-700 twtr-color--black b01-v3--align-left chirp--fluid"> Broadcast display / 15 minutes of fame </h2> </div> </div> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <p>We welcome and encourage the use of X in broadcast media. Our requirements ensure that X users receive proper attribution for their content, and help provide the best experience for your audience.</p> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="ct01-columns twtr-component"> <div class="ct01 twtr-padding__section--top twtr-padding__section--bottom twtr-background--gray-50 "> <div class="ct01__content twtr-container "> <div class="ct01__item twtr-grid "> <div class="ct01__column twtr-col-md-6 twtr-offset-3-md none "> <div class="ct01__wrapper "> <div class="b04-image twtr-component--last twtr-component twtr-component--first"> <div class="b04 twtr-component-space--md "> <div class="b04__image b04__image--auto"> <picture> <source srcset="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/legal-and-display-imagery/tweet_broadcast-2x.png.twimg.768.png" media="(max-width: 767px)"/> <source srcset="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/legal-and-display-imagery/tweet_broadcast-2x.png.twimg.2560.png" media="(min-width: 1920px)"/> <img src="data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 980 632%22%3E%3C/svg%3E" width="980" height="632" data-src="https://cdn.cms-twdigitalassets.com/content/dam/developer-twitter/legal-and-display-imagery/tweet_broadcast-2x.png.twimg.1920.png" alt data-object-fit="cover" class="b04__img b04__img-cover b04__img--auto is-aligned-left lazyload "/> </picture> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <h3><span class="chirp--bold-400 chirp--fluid">Do</span></h3> <ul><li>Show the user’s full name, @username, post text, and profile picture.</li><li>Include the X logo in close proximity to the posts for as long as they appear in your broadcast. Make sure that the X logo is sized similarly to the size in the above image, relative to the content.</li><li>Use the full text of the post.</li><li>When displaying images, the post text must also be included along with the user’s display name, @username, and the X logo.</li></ul> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b02-rich-text-v3 twtr-component--last twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <h3><span class="chirp--bold-400 chirp--fluid">Don't<br /> </span></h3> <ul><li>Display X content in advertising or to imply endorsement of any product or service without explicit permission from the user.</li><li>Delete, obscure, or alter the post content or identification of the user (with the exception of removing hyperlinks).</li><li>Exclude the timestamp.</li><li>Do not use X marks, in whole or in part, in the title of your production without first reviewing their use with X by contacting us at trademarks@X.com.</li></ul> </div> </div> </div> </div> </div> </div> </div> </div> <div class="ct01-columns"> <div class="ct01 twtr-padding__section--top twtr-padding__section--bottom "> <div class="ct01__content twtr-container "> <div class="ct01__item twtr-grid "> <div class="ct01__column twtr-col-md-12 "> <div class="ct01__wrapper "> <div class="b12-horizontal-rule twtr-component twtr-component--first"> <div class=" b12 b12-thickness--base twtr-color-border--dark-gray-neutral twtr-margin__nested--top twtr-margin__nested--bottom"> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b01-headline-v3 twtr-component"> <div class="b01-v3 b01-v3__copy--no-margin"> <div class="b01-v3__item"> <div class="b01-v3__copy"> <h2 class="b01-v3__headline chirp--display-700 twtr-color--black b01-v3--align-left chirp--fluid"> Verbal or voice over </h2> </div> </div> </div> </div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <h3><span class="chirp--bold-400 chirp--fluid">Posts<br /> </span></h3> <p>When reading posts on air with no graphic display of the post, you do not need to display the X logo but you do need to verbally attribute it to X. Read the post as originally written, without edits.</p> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <h3><span class="chirp--bold-400 chirp--fluid">Usernames<br /> </span></h3> <p>Make sure to include a reference to X when mentioning X usernames. For example, “Follow us on X, at-username” or “You can follow Lady Gaga on X, at-ladygaga”</p> </div> </div> <div class="b27-spacing twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> <div class="b02-rich-text-v3 twtr-component"> <div class="b02-v3 twtr-rte-v3 twtr-scribe-clicks-within chirp--regular-200 twtr-color--black twtr-component-space--md"> <h3><span class="chirp--bold-400 chirp--fluid">Hashtags<br /> </span></h3> <p>Make sure to include a reference to X when mentioning X hashtags. For example, “Use the hashtag ‘election2016’ on X” or “The hashtag for this broadcast on X is bbcaq”.</p> </div> </div> <div class="b27-spacing twtr-component--last twtr-component"> <div class="b27 twtr-spacing--mbf-600"> </div></div> </div> </div> </div> </div> </div> </div> <div class="b27-spacing"> <div class="b27 twtr-spacing--mbf-500"> </div></div> <div class="twtr-container"> <div id="twtr-article-embedded-survey" class="b32"></div> </div> </main> <div> <footer class="u02fs twtr-background--blue-extra-light twtr-background--gray-0"> <div class="twtr-container"> <div class="twtr-grid"> <div class="u02fs__footer-link-col twtr-col-12 twtr-col-md-4"> <a href="https://developer.x.com/en/more/developer-terms/agreement-and-policy" title="Developer policy and terms" target="_blank" class="u02fs__footer-link twtr-type--roman-50 twtr-color--gray-900"> Developer policy and terms </a> </div> <div class="u02fs__footer-link-col twtr-col-12 twtr-col-md-4"> <a href="http://x.com/xdevelopers" title="Follow @XDevelopers" target="_blank" class="u02fs__footer-link twtr-type--roman-50 twtr-color--gray-900"> Follow @XDevelopers </a> </div> <div class="u02fs__footer-link-col twtr-col-12 twtr-col-md-4 u02fs__subscribe-button-col"> <a class="b03__button twtr-btn twtr-btn--secondary twtr-btn--size-default twtr-btn-color--secondary-blue u02fs__button twtr-btn__icon-- twtr-scribe-clicks" href="/en/twitterdev-news-subscription" rel="noopener noreferrer" target="_blank" data-twtr-scribe-section="b03-button" data-twtr-scribe-element="HJ3E" data-twtr-scribe-component="subscribe-to-developer-news" data-text="Subscribe to developer news">  Subscribe to developer news </a> </div> </div> </div> </footer> </div> <div> <footer class="u02 twtr-color-bg--black-neutral"> <div class="twtr-container"> <div class="u02__wrapper"> <div class="u02__row u02__network-map"> <div class="twtr-grid u02__twtr-grid"> <div class="js-accordion u02__column"> <h4 class="u02__column__parent twtr-type--bold-14 twtr-color--gray-0 is-opaque"> X platform <span class="u02__icon twtr-dtc-fill--extra-light-gray twtr-hidden--md twtr-hidden--lg twtr-hidden--xl"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="9.5" viewbox="0 0 17 9.5" aria-hidden="true" focusable="false" role="none" class="twtr-icon--sm"> <path d="M16.707.293c-.39-.39-1.023-.39-1.414 0L8.5 7.086 1.707.293c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414l7.5 7.5c.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg> </span> </h4> <ul class="u02__column__list"> <li class="u02__link-item"> <a href="https://x.com/" title="X.com" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> X.com </a> </li> <li class="u02__link-item"> <a href="https://status.twitterstat.us/" title="Status" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Status </a> </li> <li class="u02__link-item"> <a href="https://help.x.com/resources/accessibility" title="Accessibility" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Accessibility </a> </li> <li class="u02__link-item"> <a href="https://publish.x.com" title="Embed a post" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Embed a post </a> </li> <li class="u02__link-item"> <a href="https://privacy.x.com/" title="Privacy Center" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Privacy Center </a> </li> <li class="u02__link-item"> <a href="https://transparency.x.com/" title="Transparency Center" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Transparency Center </a> </li> <li class="u02__link-item"> <a href="https://help.x.com/using-x/download-the-x-app" title="Download the X app" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Download the X app </a> </li> </ul> </div> <div class="js-accordion u02__column"> <h4 class="u02__column__parent twtr-type--bold-14 twtr-color--gray-0 is-opaque"> X Corp. <span class="u02__icon twtr-dtc-fill--extra-light-gray twtr-hidden--md twtr-hidden--lg twtr-hidden--xl"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="9.5" viewbox="0 0 17 9.5" aria-hidden="true" focusable="false" role="none" class="twtr-icon--sm"> <path d="M16.707.293c-.39-.39-1.023-.39-1.414 0L8.5 7.086 1.707.293c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414l7.5 7.5c.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg> </span> </h4> <ul class="u02__column__list"> <li class="u02__link-item"> <a href="https://about.x.com/en/who-we-are/our-company.html" title="About the company" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> About the company </a> </li> <li class="u02__link-item"> <a href="https://blog.x.com/" title="Company news" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Company news </a> </li> <li class="u02__link-item"> <a href="https://about.x.com/en/who-we-are/brand-toolkit.html" title="Brand toolkit" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Brand toolkit </a> </li> <li class="u02__link-item"> <a href="https://careers.x.com/" title="Jobs and internships" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Jobs and internships </a> </li> <li class="u02__link-item"> <a href="https://investor.twitterinc.com/" title="Investors" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Investors </a> </li> </ul> </div> <div class="js-accordion u02__column"> <h4 class="u02__column__parent twtr-type--bold-14 twtr-color--gray-0 is-opaque"> Help <span class="u02__icon twtr-dtc-fill--extra-light-gray twtr-hidden--md twtr-hidden--lg twtr-hidden--xl"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="9.5" viewbox="0 0 17 9.5" aria-hidden="true" focusable="false" role="none" class="twtr-icon--sm"> <path d="M16.707.293c-.39-.39-1.023-.39-1.414 0L8.5 7.086 1.707.293c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414l7.5 7.5c.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg> </span> </h4> <ul class="u02__column__list"> <li class="u02__link-item"> <a href="https://help.x.com/" title="Help Center" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Help Center </a> </li> <li class="u02__link-item"> <a href="https://help.x.com/en/using-twitter" title="Using X" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Using X </a> </li> <li class="u02__link-item"> <a href="https://create.x.com/" title="X for creators" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> X for creators </a> </li> <li class="u02__link-item"> <a href="https://business.x.com/en/help.html" title="Ads Help Center" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Ads Help Center </a> </li> <li class="u02__link-item"> <a href="https://help.x.com/en/managing-your-account" title="Managing your account" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Managing your account </a> </li> <li class="u02__link-item"> <a href="https://preferencecenter.x.com/" title="Email Preference Center" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Email Preference Center </a> </li> <li class="u02__link-item"> <a href="https://help.x.com/en/rules-and-policies" title="Rules and policies" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Rules and policies </a> </li> <li class="u02__link-item"> <a href="https://help.x.com/en/forms.html" title="Contact us" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Contact us </a> </li> </ul> </div> <div class="js-accordion u02__column"> <h4 class="u02__column__parent twtr-type--bold-14 twtr-color--gray-0 is-opaque"> Developer resources <span class="u02__icon twtr-dtc-fill--extra-light-gray twtr-hidden--md twtr-hidden--lg twtr-hidden--xl"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="9.5" viewbox="0 0 17 9.5" aria-hidden="true" focusable="false" role="none" class="twtr-icon--sm"> <path d="M16.707.293c-.39-.39-1.023-.39-1.414 0L8.5 7.086 1.707.293c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414l7.5 7.5c.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg> </span> </h4> <ul class="u02__column__list"> <li class="u02__link-item"> <a href="https://developer.x.com/en" title="Developer home" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Developer home </a> </li> <li class="u02__link-item"> <a href="https://developer.x.com/en/docs" title="Documentation" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Documentation </a> </li> <li class="u02__link-item"> <a href="https://twittercommunity.com/" title="Forums" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Forums </a> </li> <li class="u02__link-item"> <a href="https://developer.x.com/en/community" title="Communities" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Communities </a> </li> <li class="u02__link-item"> <a href="https://blog.x.com/developer/" title="Developer blog" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Developer blog </a> </li> <li class="u02__link-item"> <a href="https://blog.x.com/engineering/en_us.html" title="Engineering blog" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Engineering blog </a> </li> <li class="u02__link-item"> <a href="https://developer.x.com/en/more/developer-terms" title="Developer terms" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Developer terms </a> </li> </ul> </div> <div class="js-accordion u02__column"> <h4 class="u02__column__parent twtr-type--bold-14 twtr-color--gray-0 is-opaque"> Business resources <span class="u02__icon twtr-dtc-fill--extra-light-gray twtr-hidden--md twtr-hidden--lg twtr-hidden--xl"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="9.5" viewbox="0 0 17 9.5" aria-hidden="true" focusable="false" role="none" class="twtr-icon--sm"> <path d="M16.707.293c-.39-.39-1.023-.39-1.414 0L8.5 7.086 1.707.293c-.39-.39-1.023-.39-1.414 0s-.39 1.023 0 1.414l7.5 7.5c.195.195.45.293.707.293s.512-.098.707-.293l7.5-7.5c.39-.39.39-1.023 0-1.414z" /> </svg> </span> </h4> <ul class="u02__column__list"> <li class="u02__link-item"> <a href="https://business.x.com/en/advertising.html" title="Advertise" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Advertise </a> </li> <li class="u02__link-item"> <a href="https://business.x.com/" title="X for business" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> X for business </a> </li> <li class="u02__link-item"> <a href="https://business.x.com/en/resources.html" title="Resources and guides" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Resources and guides </a> </li> <li class="u02__link-item"> <a href="https://marketing.x.com/" title="X for marketers" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> X for marketers </a> </li> <li class="u02__link-item"> <a href="https://marketing.x.com/en/insights" title="Marketing insights" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Marketing insights </a> </li> <li class="u02__link-item"> <a href="https://marketing.x.com/en/success-stories" title="Brand inspiration" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Brand inspiration </a> </li> <li class="u02__link-item"> <a href="https://www.xadsacademy.com/sl/5c3e29ed" title="X Ads Academy" target="_blank" class="u02__link twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> X Ads Academy </a> </li> </ul> </div> </div> </div> <div class="u02__row u02__legal twtr-spacing--pt-500"> <div class="twtr-grid u02__twtr-grid"> <div class="u02__column u02__column--bottom"> <span class="u02__column-footnote twtr-type--roman-14 twtr-color--gray-0 is-opaque"> © 2024 X Corp. </span> </div> <div class="u02__column u02__column--bottom"> <a href="https://help.x.com/rules-and-policies/twitter-cookies" title="Cookies" target="_blank" class="u02__column-footnote twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Cookies </a> </div> <div class="u02__column u02__column--bottom"> <a href="https://x.com/privacy" title="Privacy" target="_blank" class="u02__column-footnote twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Privacy </a> </div> <div class="u02__column u02__column--bottom"> <a href="https://x.com/tos" title="Terms and conditions" target="_blank" class="u02__column-footnote twtr-type--roman-14 twtr-color--gray-0 is-opaque has-hover"> Terms and conditions </a> </div> <div class="u02__column u02__column--bottom u08__language-selector"> </div> </div> </div> </div> </div> </footer> </div> <script async src="https://platform.twitter.com/widgets.js"></script> <div id="page-props" data-page-title="Display requirements – X Developers" data-page-path="/content/developer-twitter/en/more/developer-terms/display-requirements"> </div> <script type="text/javascript" src="https://cdn.cms-twdigitalassets.com/etc/designs/developer2-twitter/public/js/core.js.twhash.p.f.69ab45e5cc5f1ff23c02417e39e6fd30.js"></script> <script type="text/javascript" src="https://cdn.cms-twdigitalassets.com/etc/designs/developer2-twitter/public/js/project.js.twhash.p.f.4b50ff616821ce2f51bb2cd7cb3aa61e.js"></script> <script src="https://cdn.cms-twdigitalassets.com/etc/designs/developer-twitter/clientlib-twtr-profile-adapter.min.twhash.p.cl.c3b119a4cc2249caed364b89790624a4.js"></script> <div id="u12" class="u12-data-protection-notice"> <div class="u12-data-protection-notice__item u12-data-protection-notice__item--b is-hidden"> <div class="u12b-opt-in" id="u12b" data-cname="twtr_pixel_opt_in"> <div class="u12b-opt-in__item u12-data-protection-notice__notice"> <div class="u12b-opt-in__content"> <div class="u12b-opt-in__copy"> <p class="mtc-font twtr-font"> <b>Did someone say … cookies?</b><br /><br /> X and its partners use cookies to provide you with a better, safer and faster service and to support our business. Some cookies are necessary to use our services, improve our services, and make sure they work properly. <a href="https://help.twitter.com/rules-and-policies/twitter-cookies" target="_blank">Show more about your choices</a>. </p> </div> <div class="u12b-opt-in__choice twtr-scribe-clicks-within"> <ul class="u12b-opt-in__choice-list"> <li class="u12b-opt-in__choice-list-item"> <button class="u12b-opt-in__button is-blue u12b-opt-in__button--accept mtc-font twtr-font js-accept twtr-scribe-clicks" data-twtr-scribe-section="u12-data-protection-notice" data-twtr-scribe-element="RZHC" data-twtr-scribe-component="data-protection-notice"> Accept all cookies </button> </li> <li class="u12b-opt-in__choice-list-item"> <button class="u12b-opt-in__button is-naked u12b-opt-in__button--decline mtc-font twtr-font js-decline twtr-scribe-clicks" data-twtr-scribe-section="u12-data-protection-notice" data-twtr-scribe-element="RZHC" data-twtr-scribe-component="data-protection-notice"> Refuse non-essential cookies </button> </li> </ul> </div> </div> </div> </div> </div> </div> <link rel="stylesheet" href="https://cdn.cms-twdigitalassets.com/etc/designs/common-twitter/clientlib-u12-data-protection-notice.min.twhash.p.cl.8d93205985d36dea4268f79e373e2b02.css" type="text/css"> <script src="https://cdn.cms-twdigitalassets.com/etc/designs/common-twitter/clientlib-u12-data-protection-notice.min.twhash.p.cl.3734d48c62d11c8682b708637c1691ea.js"></script> </div> </body> </html>

CINXE.COM

Display requirements – X Developers | Twitter Developer Platform