Graphic Header Option
The Graphic header is one of the page header options in the UAMS 2020 theme. See Header Options for all of the options.
We recommend this option for any page that is comprised of blocks other than the normal text blocks (paragraphs, headings, etc.). An example of this would be if you were building a landing page with the UAMS blocks (CTA Bar, Call-Out, etc.).
We also recommend this option for basic text pages that are top-level pages, meaning they are not the child of another page. These are often the pages on your primary navigation that are not nested under another menu item. A page can also be considered a top-level page if it is the immediate child of a page that has been designated as a subsection.
Before applying this option to any other pages besides those addressed here, reach out to the web team if you think this option is right for your page.
The Graphic option creates a full-width red box with a white page title in all-caps. A faint pattern of triangles is overlaid on top of the red background.
Background Image
You have the option of selecting an image to display in the background. This image will be automatically converted to be a monochromatic red version of itself and placed below the layer of triangles.
The image must be a photo. This can be a UAMS photo or a stock image relevant to the purpose and context of the particular page. Logos must not be used.
We recommend you crop your image to an 8:3 aspect ratio before uploading it to your site. If you do not crop it, the system will automatically crop it down to that aspect ratio, which may result in undesirable composition.
We also recommend choosing an image that doesn’t have a very specific focus point, as it may not be visible in the header container. You may need to experiment with different images to see what works best in your specific Graphic header instance.
The recommended image size is 5120×1920, so that high-density pixel displays can show the best version of the image. However, the minimum dimensions for the image are only 1920×720.
