ScreenCloud Original Version: How To Brand Content Using The App Theme Editor

Avatar
by Santino Scibelli
Follow

This article will go through how to use ScreenCloud's App Theme Editor to get started on branding apps you can use in ScreenCloud. You can use multiple services from our App Store to use as a custom brand app, which means you can change the theme for colors, set up fonts, and upload a unique logo as a design asset while using apps on your digital screens. You can learn more about helpful tips and ideas for branding your apps with ScreenCloud by clicking here.

Please note, this guide is for branding themes using version 1 of our ScreenCloud platform at https://screencloud.com. To learn how to brand on the new platform, if you haven't migrated over yet, visit here for how to create ScreenCloud themes in version 2.

Table of contents:

1. Which apps support custom branding?

2. Using the app theme editor to brand apps

3. Add a custom brand app into your Content Library

 

Example of the Clock App themed

Screen_Shot_2019-09-19_at_10.52.55_AM.png

1. Which apps support the custom theme editor?

At current, all of the below apps support our custom theme editor, but we’re adding the functionality to new ones all of the time.

ScreenCloud apps currently supporting custom themes:

  • Gallery for Instagram
  • Noticeboard
  • RSS Feed
  • Social Feed for Facebook
  • Twitter Search
  • Weather
  • World Clock
  • Aljazeera News
  • BBC News
  • CNN News
  • Clock
  • Currency
  • ESPN
  • Event Calendar
  • Page Likes for Facebook
  • Slack
  • Stocks
  • TechCrunch
  • Twitter Timeline

 

2. Using the app theme editor to brand apps

2.1. Get started by visiting the "App Store".

Screen_Shot_2019-09-19_at_11.23.30_AM.png

2.2. Select "App Theme Editor" from the upper right-hand menu.

2.3. The app theme editor will open in a new window. You can view any pre-made templates or your own themes saved available. Select "Create New Theme".

Screen_Shot_2019-09-19_at_11.24.15_AM.png

 

2.4. App theme editor settings: you can start using the editor to customize your theme.

i) Enter a theme title: enter a unique name for your theme. 

Screen_Shot_2019-09-19_at_11.24.45_AM.png

ii) Select your color schemes: use the color-dropper tool to select a background color.

 

  • Background color

Screen_Shot_2019-09-19_at_11.24.59_AM.png

  • Heading color

Screen_Shot_2019-09-19_at_11.26.03_AM.png

 

  • Highlight & Link Color

Screen_Shot_2019-09-19_at_11.26.15_AM.png

ii) Select or use a custom-font URL for the header and body text: select any of our pre-set fonts, or use a hosted custom-font URL to brand your theme.

Screen_Shot_2019-09-19_at_1.34.59_PM.png

Screen_Shot_2019-09-19_at_11.25.43_AM.png

  • Entering a custom-font URL (please note: we recommend WOFF2 or Google Fonts Embed Code links). You can learn more by visiting https://fonts.google.com/

Screen_Shot_2019-09-19_at_11.25.10_AM.png

2.5. Once you're done, click "Create" and the theme will be saved to themes.

Screen_Shot_2019-09-19_at_11.26.20_AM.png

You can edit the theme at any time by visiting your "App Theme Editor" from the App Store and selecting "Edit". Make any changes you see fit to the theme and click "Save".

Screen_Shot_2019-09-19_at_1.42.15_PM.png

3. Add a custom brand app into your Content Library

3.1. You can now use the custom theme on a custom theme app from ScreenCloud's App Store. For example, below we're searching for the "Clock App" which can be branded.

Screen_Shot_2019-09-19_at_11.26.53_AM.png

3.2. Click on "Add This App" to start configuring the app.

Screen_Shot_2019-09-19_at_11.26.59_AM.png

3.3. While setting up your Clock App, select "Theme" and choose any themes from your account. 

Screen_Shot_2019-09-19_at_11.27.05_AM.png

3.4. Preview your app to check out how it'll look live on-screen with your theme. Select "Add App" after you're done.

Screen_Shot_2019-09-19_at_11.27.20_AM.png

3.5. Name your app to keep track of it easily and select "Finished". The app is now added for use in your Content Library and will display branded with your customizations on screen.

Screen_Shot_2019-09-19_at_11.27.28_AM.png

 

If you have any additional questions on how to use the app theme editor with ScreenCloud, or any other questions or feedback about ScreenCloud, feel free to reach out to our support team at support@screencloud.com or give us a call at our toll-free support line at +18885575335.

Comments

0 comments
Please sign in to leave a comment.