ATLAS Feature Widgets

What are Feature Widgets?


Feature Widgets are a nice way to style up your pages in an easy to use manner. This document demonstrates each style & goes over recommended images sizes and configuration settings.

Download the PDF Version

Want to save this information in your files? Not a problem! Download the PDF by clicking the button below.
 
EXAMPLE OF BUTTONS STYLES USED IN FEATURE WIDGETS



ATLAS FEATURE SECTION - LARGE A
  • Built to display a picture, text & button(s)
  • Can flip layout for image/text to be on opposite side. 
  • Best for horizontal orientated photos
  • Recommended width of image is 640 or larger.
  • Height is dependent on amount of content (text)...the more text, the taller the image will need to be to fill the space. 


 
FEATURE SECTION LARGE A - BG
  • Same features as the Large A Below
  • Can have a background color (what BG stands for in the name!)
  • Background color is predetermined by your site colors (primary & secondary) as well as a variety of generic grey background options. 
  • Can also do a background image! (see second version below)
  • Recommended image width is 640 or larger (same as above)
  • Height is dependent on amount of text. 



FEATURE SECTION LARGE B
  • This feature widget allows for a more vertical, larger image to be displayed next to text
  • layout can be flipped
  • option for up to 2 buttons. 
  • Recommended Image width is 960 pixels for large, 640 for Medium, and 320 for small (you will need 3 different images for this widget)
  • Also, photos something specific (like a sign, building, or people) may need special attention. It may take several versions of a cropped photo to get the orientation correct.
  • This widget requires a very large, high quality photo. Please make sure you are using either an original photo, or one with larger resolution. 
  • Height is dependent on amount of text next to it as it will stretch any image as it gets longer. 
  • We recommend putting the text in first, so you can get a better idea of the height necessary of the photo.



FEATURE SECTION LARGE B - BG
  • Same characteristics as Feature Selection Large B, with the ability to have a background color behind where the text is. 
  • This feature widget allows for a more vertical, larger image to be displayed next to text
  • layout can be flipped
  • option for up to 2 buttons. 
  • Recommended Image width is 960 pixels for large, 640 for Medium, and 320 for small (you will need 3 different images for this widget) 
  • Height is dependent on amount of text next to it as it will stretch any image as it gets longer. 
  • We recommend putting the text in first, so you can get a better idea of the height necessary of the photo. 
  • This widget requires a very large, high quality photo. Please make sure you are using either an original photo, or one with larger resolution. 
  • Also, photos something specific (like a sign, building, or people) may need special attention. It may take several versions of a cropped photo to get the orientation correct.



FEATURE SECTION LARGE C
  • This Feature widget is creating for displaying a large amount of text. It allows for a title, and 2 columns of text. Photos can also be used in either column.
  • A background color to the text can be applied
  • A back-ground image to the text & color may also be applied. 
  • Recommended widths in pixels are Large = 1920, Medium = 1024 and Small = 640
  • Like the rest of the feature widget, image height is dependent on amount of content. 
  • Background image should be something generic--as most of the image will not be visible as it is hidden behind the text & color. 



FEATURE SECTION LARGE D
  • Our newest version of the feature widget offers a unique layout of an image partially under the text portion. 
  • The layout of this widget can be flipped. 
  • Can feature up to 2 buttons
  • Can feature a background color behind the text, and the text & image as well.
  • Recommended Image width is 800 pixels for large, 600 for medium and 400 for small.
  • Height again is dependent on the amount of text used in this widget
  • We suggest placing your text before your crop your images. 
  • Because of the image being partially behind text, not all images may be suitable, especially those of multiple people, logos/photos with text, and specific buildings.