Upon choosing the template that best suits your needs, the first thing to consider is your Background image. A high-res, high quality photo or image is always recommended, and it should be one that strongly represents your brand. 

Image Position and Background Colour

Before uploading an image, consider its position on your site. Onescreener gives you the option to fill the page with the image (Fullscreen: maybe a band photo or portrait), or to set it as a Poster with a background on both sides (great for featuring an album cover, for example).

When using the Poster option, you will want to choose a Background colour that suits your image and design.


NOTE: If you're planning to use an artist or band portrait, the images that tend to be the easiest to work with are ones that feature space around the person/people. This way, when you add links and a video, for example, those things do not cover the person - they sit in the space around them. Landscape or horizontal formats work well.

Focal Point

Onescreener provides you with the ability to choose where the Focal Point of your image will be. The Focal Point directs the placement of your background as you switch from desktop to mobile viewing, and keeps that designated part of the image within view. Because your image is usually fits neatly within the desktop view, any changes to the Focal Point here are subtle. The image changes dramatically in the mobile view, however, as the screens are such different dimensions. 

Here's an example of using the Focal point in mobile view. You may have to adjust and preview the Focal Point several times as you add content and icons to your site:



Did this answer your question?