Footer
FEWS NET visualizations use footers to display any disclaimer text and sources for the information included in the visualization.
Usage
Always include a citation of the visualization source data, even if the source is FEWS NET.
The disclaimer section may also be used to include footnotes with clarifications or additional explanation that need to accompany the visualization. Do not include this type of explanation anywhere in the body of the visualization. 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 White (#FFFFFF).
Typography
Style name | Font | Line height | Color |
---|---|---|---|
Disclaimer | 12px (9pt) Italic | 140% | USAID Black (#212721) |
Source | 14px (10.5pt) Regular | 140% | USAID Black (#212721) |