FEWS NET Brand
Breadcrumbs

Footer

FEWS NET visualizations use footers to display any disclaimer text and sources for the information included in the visualization.

[ Usage ] [ Components ] [ Padding and spacing ] [ Layout and responsiveness ] [ Background ] [ Typography ]

BrandDocs_Shape_10.png

Usage

The primary purpose of the footer is to include source and disclaimer information.

Sources and Disclaimers

https://fewsnet.atlassian.net/wiki/s/1423704667/6452/585c97b66a1d6acdba90c74e0ada97e61565e78e/_/images/icons/emoticons/check.png Always include a citation of the visualization source data, even if the source is FEWS NET.

https://fewsnet.atlassian.net/wiki/s/1423704667/6452/585c97b66a1d6acdba90c74e0ada97e61565e78e/_/images/icons/emoticons/check.png Include sources with links. If appropriate, link to either the homepage of the entity that provided the data, or a direct link to the data used (if publicly available).

https://fewsnet.atlassian.net/wiki/s/1423704667/6452/585c97b66a1d6acdba90c74e0ada97e61565e78e/_/images/icons/emoticons/check.png Visually separate sources. Include a space between sources when listing more than one.

https://fewsnet.atlassian.net/wiki/s/1423704667/6452/585c97b66a1d6acdba90c74e0ada97e61565e78e/_/images/icons/emoticons/forbidden.png Keep it focused. The footer may be used to include footnotes with clarifications or additional explanation, but don’t include verbose language or describe redundant details in the chart that are already apparent in the title, subtitle, or elsewhere. If the visualization appears in context of narrative text, consider including a note in the surrounding text instead of in the visualization itself.

Components

The footer contains:

  • Disclaimer, if present

  • Source

Padding and spacing

  • 8px on all sides

    • Measured perpendicularly from straight edges of the visualization frame, disregarding rounded corners

  • 8px between disclaimer, if present, and source

Layout and responsiveness

  • Footer always sits adjoining the bottom edge of the visualization frame

  • Footer width fills the visualization frame

  • Footer height hugs the enclosed components

  • Disclaimer, if present, sits directly above source

  • Disclaimer and source hug left

  • Disclaimer and source text wrap to additional lines based on available space

Background

The footer background uses Brand White (#FFFFFF).

Typography

Style name

Font

Line height

Color

Disclaimer

12px (9pt) Italic

140%

Brand Black (#212721)

Source

14px (10.5pt) Regular

140%

Brand Black (#212721)


Contact us if you have an application question or recommended addition to these standards.