User Interface

We provide high-resolution Facebook UI (User Interface) templates that are customizable for you to add relevant copy and imagery. They have been built for use online and in TV and film. Remember to obtain necessary permissions for custom content or information. Don't use any elements from our UI outside the context of our product. The use of templates must adhere to the guidelines provided here on the Brand Resource Center.

Profiles
I have read and accept the applicable guidelines and other terms for use.
Download

Overview

News Feed

News Feed is the central way you can get updates about your friends, family and anything else that matters to you. It is also the central place to have conversations with the people you care about.

Profile

Profile is where you can express who you are and what’s going on in your life. You can choose what you want to share on your Profile, such as interests, photos and videos, and personal information like current city and hometown.

Customizing UI Templates

You can use these screen templates as shown or customize a template by replacing photos and modifying or localizing copy where applicable. If you plan to customize a template, we require you to display the current Facebook UI and not alter it in any way from how it appears on your device.

Note: Not all features or pages seen in the product are provided as UI Templates. For any elements that are not provided, you may use a screen shot of the most current Facebook UI

Displaying Facebook UI

Always show the Facebook UI within the context of a relevant device, such as a mobile phone or computer. The UI must not be shown hovering on-screen or on its own. Additionally, icons and elements from the UI cannot be used separately or outside the context of Facebook. Facebook UI should be presented as a secondary element in your marketing. Your content must not appear to be created in partnership with Facebook by using Facebook UI or other assets prominently or as primary messaging.

Mobile Devices

  • Do not resize the UI to larger than 100% of the size of the provided file.

  • Fit the UI to the device without cropping the top or sides. The bottom of the UI can be cropped.

  • When customizing type layers for iOS, use Helvetica font. When customizing for Android, use Roboto font.

mobile devices

Laptop

  • Use the available Web UI combined with a 15-inch laptop.

  • Do not resize the UI to larger than 100% of the size of the provided file.

  • Fit the UI to the device without cropping the top or sides. The bottom of the UI can be cropped.

  • When customizing type layers, use Helvetica font.

Laptop

Functionality

When showing the Facebook UI, it must appear and function as it does in the product. Don’t replicate the Facebook UI for the purpose of special effects or animation. Do not imply Facebook brand or product association or endorsement when there is none.

If a function or animation cannot happen in the product, it cannot appear to happen in your video. Your video will not be approved if the Facebook UI isn’t accurate to the product.

Advertising on Facebook

When developing creative for advertising on Facebook, follow Ad Policy guidelines at facebook.com/policies/ads. Do not imply Facebook brand or product association or endorsement when there is none.

If you wish to use an animated or 3D concept in your Facebook ad, don’t include any Facebook brand assets, icons, UI, elements of the UI, or any elements that may resemble Facebook or its products. We encourage you to be creative in your ads by showing special effects or animation in your video without using the Facebook UI.

mobile devices

DO show Facebook UI within the context of a desktop or mobile device.

DO fit the screen shot to the device without cropping the top. The bottom of the screen shot may be cropped as needed.

DO use the screen templates as provided or customize the content as needed.

DO match the fonts to the relevant device or operating system when customizing:

displaying Facebook UI

DON'T modify screens from how they look on Facebook, such as blurring, redacting or annotating them.

DON'T fill the inside of the circle container with a static image or illustration.

DON'T show the icons or elements from the UI separately or outside the context of the UI.

DON'T use custom content or information without all necessary permissions including:

Audience-Specific Use

TV and Film

In order to use the Facebook UI or UI Templates in TV or film, you will need to request permission. Here’s what you need to include with your request:

  • The final version the commercial, film, or portion of the program showing how the UI will be featured.

  • A detailed description of the commercial, film or program.

  • A script of the segment that references Facebook.

  • Translations for any non-English content and information.

News and Commentary

We have created broadcast templates to use when displaying content that originated on Facebook. They have been modified from the Facebook User Interface for better onscreen display quality.

Click the blue button to download broadcast templates and a media PDF you will find useful.

Using Broadcast Templates

Never delete, obscure or alter the identity of anyone on Facebook. Be sure to provide attribution to Facebook and to the content's rightful creator. Get necessary permission for all third-party content.

Full Posts and Original Content

Use the broadcast templates along with the photo or video to feature the full post and its original content. Get necessary permission for all third-party content.

Photos and Videos

Display the "f" logo and the user's name when showcasing photos or videos that originated from Facebook. Make sure to get permission from the original content creator as necessary and display the "f" logo and user's name.

Funded News for Facebook Watch

Let everyone know how to tune in to your funded news show on Funded News for Facebook Watch. These guidelines and assets will help you brand your show with the approved language and lock ups. Please work with your Facebook contact for additional guidance. Click here to visit Funded News Assets.

How to Submit a Request

Please submit a request for permission when you need to use brand assets in any of the following:

  • Marketing or advertising that appears on TV or online

  • Books, plays, TV shows and film scripts

  • Print packaging

Advertising appearing on our products will be reviewed by our Ad Policy team and does not require permission here. For more details, visit Meta’s Advertising Policies.

When developing creative for advertising on Facebook, follow Ad Policy guidelines. Do not imply Facebook brand or product association or endorsement when there is none.

All other forms of marketing do not require permission but must use the officially provided assets and abide by the guidelines on this site. Please note that we can only process requests made in English.

Submit your request

Legal

Meta dedicates substantial resources to the development and protection of its intellectual property. In addition to seeking registration of its trademarks and logos around the world, Meta enforces its rights against people who misuse its trademarks.

Meta’s trademarks are owned by Meta and may only be used as provided in these guidelines or with Meta’s permission. A list of some of Meta’s trademarks can be found here. You may not use or register, or otherwise claim rights in any Meta trademark, including as or as part of any trademark, service mark, company name, trade name, username or domain registration. You should not use or claim rights in any trademark in a way that is confusingly similar to or dilutive of Meta’s trademarks, including as, or as any part of, a trademark. Do not use Meta’s trademarks for anything that would be inconsistent with Meta’s Terms of Service or Community Standards.

We may revoke permission to use Meta’s trademarks at any time. Meta reserves the right to withhold approval of content that it considers inconsistent with the Meta brand.