# Footer local business

> A footer for a business people visit: the street address set as the biggest thing on it, then three columns under it for the opening hours in ruled rows, a tap-to-call number and an email, and the social links, and a legal line with the company number and three policy links under a hairline. Every link is a text button with a full-size tap target. On a phone the columns stack under the address. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/footer-local-business.html
Section: Footer
Access: Free, and free to keep.
Needs: Requires a block theme on WordPress 7.0. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.
Blocks: button, buttons, group, heading, paragraph
Keywords: footer, local business, address, opening hours, contact, phone, email, social, legal

## Variations (2)

### Address first (the default)

Identical markup in every theme.

The address in display type over three columns and a legal line, on your base in your contrast, the hours rows and both hairlines in currentColor, the links in your theme's link colour.

### Oat and bottle green

This variation states its own colours and states its own type: identical in every theme.

A bakery and deli footer: a #efe7d8 oat ground with #1f2a22 ink, the label, the hours rules and the hairlines in #1f4a33 bottle green, the address and column titles in Georgia over Helvetica and Arial.


---

## The signature moment: the address is the headline

**The street address is the biggest thing in the footer, bigger than the
name.** It is set in display type across the measure, and everything else, the
hours, the number, the email and the social links, sits under it at body size
in three columns. For a business whose customers have to find the door, where
you are is the message, and the scale collision between the address and the
dense columns under it carries the composition with no colour at all.

## What it inherits from your theme

- **The typeface.** No family is stated in the base.
- **Your colours.** The ground asks for `base`, the type for `contrast`, the
  label over the address for `role-label`, the links for `role-link`, each
  falling back to `contrast` and then to black or white.
- **The rules.** The hours rows, the top edge and the hairline over the legal
  line are all `currentColor`.

## What it decides for itself

- **The address is off the ladder**: a bare `clamp(2.25rem, 4.6vw, 5.5rem)`,
  because its size is the composition. The three column titles are on it, at
  `large`; body and hours at `medium`; the label and the legal line keep their
  own `clamp(0.9375rem, 0.9vw, 1rem)`.
- **The hours are ruled rows**, day left and hours right in bold, so the
  column reads as a small table and scans on a phone. Three rows is the
  intended length; a row per day still fits.
- **Every link is a text button** with 0.75rem above and below and an
  underline, so the number, the email, the social links and the policy links
  are 44px tap targets, never bare inline anchors. The number links to `tel:`
  and the email to `mailto:`.
- **The columns are a grid of three**, falling to two at tablet and one on a
  phone (`columnCount` 3 with a 17rem minimum), never `core/columns`.

## What to change first

1. **The address.** Keep the line break after the street.
2. **The hours rows.** Duplicate a row for more days.
3. **The number and email**, in both the labels and the links.
4. **The social links** and the three policy links, which ship without URLs.
5. **The legal line**, with your company name and number.

## Styled look: Oat and bottle green

A bakery and deli footer that brings its own colours and faces: a `#efe7d8`
oat ground with `#1f2a22` ink; the label, the hours rules and both hairlines in
`#1f4a33` bottle green; the address and the column titles in Georgia over
Helvetica and Arial. Every pair measured at AA on the painted values.

## Notes

- Core blocks only: group, heading, paragraph, buttons, button.
- No photograph and no map: the address is the map.
- Every base colour is a fallback chain ending on a core-guaranteed colour.