Footer local business, Pattern Paste Canonical: https://patternpaste.com/pattern/footer-local-business.html Core Patterns (https://patternpaste.com/patterns/) Footer (https://patternpaste.com/patterns/footer/) Free Standard # 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. ## All patterns Search patterns Loading patterns… Start here ## What to change first - The address. Keep the line break after the street. - The hours rows. Duplicate a row for more days. - The number and email, in both the labels and the links. - The social links and the three policy links, which ship without URLs. - The legal line, with your company name and number. 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. Theme handoff ## What comes from where ### From your theme - The typeface. - Your colours. - The rules. ### Set by this pattern - The address is off the ladder - The hours are ruled rows - Every link is a text button - The columns are a grid of three Full pattern notes ## Why it works, and how it is built Open a topic for the complete design reasoning, editing guidance and implementation notes. Design rationaleComposition, intent and nearest alternatives ### Overview The footer for a business people walk into: a bakery, a surgery, a garage. It answers where, when and how to reach you, in that order, then closes with the legal line a limited company has to print. ### 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. Make it yoursVariations and the edits to make first ### What to change first - The address. Keep the line break after the street. - The hours rows. Duplicate a row for more days. - The number and email, in both the labels and the links. - The social links and the three policy links, which ship without URLs. - The legal line, with your company name and number. Theme behaviourInheritance, fixed decisions and contrast ### 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. Technical notesBlock mechanics, responsive behaviour and constraints ### 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. Questions ## Footer local business: common questions Does Footer local business need a plugin? No. It is built only from core WordPress blocks (button, buttons, group, heading and paragraph), so it pastes into the block editor with nothing to install. Will Footer local business match my theme? Choose by variation. Address first takes your theme’s palette; Oat and bottle green brings its own colours. How many variations does Footer local business have? 2: Address first and Oat and bottle green. Each is its own markup; choose one in the toolbar above the preview before you copy. Is Footer local business free? Yes. It is one of 56 free Core Patterns: copy it and it is yours to keep and edit. Its Styled looks come with a subscription. Which WordPress version does it need? 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. Back to Core Patterns (https://patternpaste.com/patterns/) ### Free pattern Copy it and paste it straight into the block editor. It is yours to keep and edit. Its Styled looks come with a subscription. Read the markup Catalogue access ### £119 a year All patterns, variations and theme downloads. What you copy is yours forever. Cancel whenever. Subscribe, £119 a year (https://patternpaste.com/account/#plan) Sign in (https://patternpaste.com/account/) Everything you copy is yours to keep, forever, on any site; access to the rest of the library runs while you subscribe. Cancel any time; access runs to the end of the period you have paid for, and there is no pro-rata refund. Prices are in pounds and are the full price in the UK, the US and eleven other countries; elsewhere the checkout adds your local VAT or sales tax. The terms name every country. #### Pair with Call to action CTA band A full-bleed closing band that inverts the page: a contrast ground carrying base text, one centred statement, one action. States no colour and no font of its own. (https://patternpaste.com/pattern/cta-band.html)Contact Contact cover ledger A full-bleed contact cover: a display heading in the top left, and a ruled ledger of address, hours, phone and email in the far lower-right corner, label left and value right between hairline rules, with the photograph running between them. A heavy veil of your theme's contrast colour keeps every line legible whatever photograph you choose. The ledger drops under the heading on a phone. Includes a replaceable example photograph. States no colour and no font of its own. Ships with a short hand-off row on your theme's paper below it. (https://patternpaste.com/pattern/contact-cover-ledger.html)Header Nav bar A header bar on one line: a heavy, tightly tracked wordmark at the left edge against tiny widely tracked links at the right, one solid action beside them, and a hairline under the whole bar. The links are your WordPress menu, a core navigation block that folds to a menu button on a phone so the bar stays one line. Compact by construction, so it reads as the top of a page and never as a hero. States no colour and no font of its own. (https://patternpaste.com/pattern/nav-bar.html) #### Before you paste 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. How we test patterns (https://patternpaste.com/how-we-test/) ## Specifications Section Footer Access Free Plugin None, core blocks only Variations 2 Colour From your theme or its own palette Type From your theme or its own type Motion None Blocks button, buttons, group, heading, paragraph Presets color 6, spacing 5, font-size 2 WordPress 7.0+ Continue exploring ## Next in Footer Explore all 8 Footer patterns (https://patternpaste.com/patterns/footer/) Shot in Twenty Twenty-Five Footer No plugin needed ### Footer ledger A footer read as a colophon: four ruled rows run the full container width, each a small tracked label hanging in a narrow left column against its values in a wide right one. Footer Preview pattern (https://patternpaste.com/pattern/footer-ledger.html) Shot in Twenty Twenty-Five Footer No plugin needed ### Footer nameplate A paper footer that ends on the site name set enormous: a quiet top row of an eyebrow, one line of orientation and two compact link lists, a fine-print strip with the copyright and three legal links, a currentColor hairline, and then the name as the last line of the page at up to 176px, cropped tight to its own capitals. Footer Preview pattern (https://patternpaste.com/pattern/footer-nameplate.html) Shot in Twenty Twenty-Five Footer No plugin needed ### Footer sign-off A footer that opens with an ask instead of a sitemap: a tracked eyebrow, a display-size question across a wide left measure and one filled button beneath it, set against a narrow, dense stack of six links bottom-aligned so the last link lands on the button's line. Footer Preview pattern (https://patternpaste.com/pattern/footer-signoff.html)