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 ]

Usage
The primary purpose of the footer is to include source and disclaimer information.
Sources and Disclaimers
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.