footer preset · fat
The fat footer, drawn for SAVE THE FROGS!
Brand, then a mission band with the legal line, then link columns with headings in the accent colour, then the connect column with the social icons, then a badges strip, then the legal row and copyright.
How it behaves
- Order: brand → mission and legal status → columns → connect → trust badges → legal row → copyright.
- Column headings at 24px in the accent colour as it must appear on the deep ground; links 18px, weight 700.
- Every section is data from the org record, and a section whose data is empty does not render.
- Newsletter form renders only when the org record carries a provider action URL.
The footer is at the bottom of this page. Every section in it is read from the organisation record and the site's menu; a section whose data is empty is not drawn.
When to use it
An organisation with more than a dozen destinations and facts worth restating on every page: mission, charity status, trust badges.
Source. bestfriends.org, measured off the live DOM on 2026-09-23 (58 links, 1781px tall at 1440); the order is copied, the sizes are not
What this page is showing
Every page in the kit carries all three components, so the one under review is seen in a real page rather than in a card. This page's three presets, and the brand they are drawn in:
- Header
- Classic bar
- Mobile menu
- Sheet
- Footer
- Fat footer
- Brand
- SAVE THE FROGS! — primary
#72AF43, accent#F5821F, Nunito Sans - Breakpoint
- 1010px: the bar's links show from there up; below it the sheet menu takes over
- Client script
- none — every disclosure is a details element
Measured from
The footer presets were modelled on pages measured off the live DOM at 1440×900 and 390×844 on 2026-09-23. The structure was taken; the sizes were not, because three of the four sources set type below this organisation's floor.
bestfriends.org
Taken: the order (brand → mission and legal status → columns → contact and socials → trust badges → legal), and the coloured column headings. Not copied: 58 links and 1781px of height; the 16.8px links.
| ground | dark charcoal (#2c2c2c family), white text |
|---|---|
| structure | centred logo; mission band (one bold line and one sentence with the 501(c)(3) status and tax ID); four-column link grid with orange 24px / 700 headings over bold white 16.8px links; newsletter column with email field, Subscribe and nine social icons; a second grid row; a badges strip on a lighter panel; an underlined legal row; copyright |
| size | 58 links, 1781px tall at 1440, 3703px at 390 |
| socials | facebook, instagram, linkedin, pinterest, threads, tiktok, youtube, twitch, discord |
greenmusic.org.au
Taken: three blocks only: the menu repeated, one call to action, and Follow us. Not copied: 11.2px links at 390.
| ground | dark rgb(44,48,48) |
|---|---|
| blocks | Menu (the site nav repeated), a sign-up call to action, Follow us (three socials) |
| links | 16 links; 11.2px at 390 |