Hours week table, Pattern Paste Canonical: https://patternpaste.com/pattern/hours-week-table.html Core Patterns (https://patternpaste.com/patterns/) Contact (https://patternpaste.com/patterns/contact/) Free Standard # Hours week table Opening hours as a timetable. A tracked label, a display heading and a short line of address sit in the left third; opposite them seven ruled rows run Monday to Sunday, the day at the left and the hours at the right, both set well above body size, with the closed day set apart in italic and in your label colour. One note line under the rules covers bank holidays. No table block and no script: seven plain rows you can edit in place. States no colour and no font of its own. ## All patterns Search patterns Loading patterns… Start here ## What to change first The hours, the closed day (move the italic and the label colour with it), the address line and the bank-holiday note. The signature moment ## The week as seven ruled rows, one of them shut Seven rows of equal height, each a day against its hours across the full column, with the closed day set apart. The hours are the second mass on the section: day and hours are clamp(1.25rem, 1.9vw, 1.75rem), well above body size, so a visitor reads the week at a glance rather than hunting through a paragraph. The mark survives colourlessness because it is made of rhythm and rule length: the rows are the same height, the rules run the width of the column, and the closed day breaks the pattern by being italic, not by being coloured. Theme handoff ## What comes from where ### From your theme - The ground is base and every line of type is contrast, each a two-rung chain. Text is at 4.5:1 or better in the stock themes. - The rules are currentColor, so they follow your text. - The label and the closed day start on role-label and fall through to contrast; in a stock theme they are your contrast colour. - The heading is off the type ladder on purpose, a bare clamp(2.5rem, 5vw, 4.75rem): its size is the composition. The body line takes medium. - The typeface is your theme's. ### Set by this pattern - Each row is a flex group with nowrap and space-between, so the hours stay on the same line as the day down to 390px. - The two columns are 38 and 62 per cent and stack below 782px, heading first. 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 Opening hours for a shop, a clinic or a trade counter, set as a timetable. A tracked label, a display heading and one line of address hold the left third; opposite them seven ruled rows run Monday to Sunday, the day at the left and the hours at the right. One note line under the last rule covers bank holidays. ### The signature moment: the week as seven ruled rows, one of them shut Seven rows of equal height, each a day against its hours across the full column, with the closed day set apart. The hours are the second mass on the section: day and hours are clamp(1.25rem, 1.9vw, 1.75rem), well above body size, so a visitor reads the week at a glance rather than hunting through a paragraph. The mark survives colourlessness because it is made of rhythm and rule length: the rows are the same height, the rules run the width of the column, and the closed day breaks the pattern by being italic, not by being coloured. Make it yoursVariations and the edits to make first ### What to change first The hours, the closed day (move the italic and the label colour with it), the address line and the bank-holiday note. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits from your theme - The ground is base and every line of type is contrast, each a two-rung chain. Text is at 4.5:1 or better in the stock themes. - The rules are currentColor, so they follow your text. - The label and the closed day start on role-label and fall through to contrast; in a stock theme they are your contrast colour. - The heading is off the type ladder on purpose, a bare clamp(2.5rem, 5vw, 4.75rem): its size is the composition. The body line takes medium. - The typeface is your theme's. ### What it decides for itself - Each row is a flex group with nowrap and space-between, so the hours stay on the same line as the day down to 390px. - The two columns are 38 and 62 per cent and stack below 782px, heading first. Technical notesBlock mechanics, responsive behaviour and constraints ### The Styled look yellow-and-red states signal yellow #ffd21f, near-black #141414 type and rules, and the closed day in deep red #a8101a (5.2:1 on the yellow), with an Arial Black heading over Arial rows. It is for a trade counter or a builders' merchant that wants to be seen from the road. Questions ## Hours week table: common questions Does Hours week table need a plugin? No. It is built only from core WordPress blocks (column, columns, group, heading and paragraph), so it pastes into the block editor with nothing to install. Will Hours week table match my theme? Choose by variation. Week table takes your theme’s palette; Yellow and red brings its own colours. How many variations does Hours week table have? 2: Week table and Yellow and red. Each is its own markup; choose one in the toolbar above the preview before you copy. Is Hours week table 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 FAQ FAQ bento An asymmetric bento layout pairing a large featured lead card on the left with four compact question tiles on the right. The featured card holds the core question with an expanded answer, key feature takeaways and an action link; the right column packs four bordered cards answering quick practical concerns. States no colour and no font of its own. (https://patternpaste.com/pattern/faq-bento.html)Footer Composed signoff Three still slogan rows above a studio footer with contact, navigation and legal details. (https://patternpaste.com/pattern/footer-composed-signoff.html)Hero Hero aperture An opening section on your theme's own paper: a tracked line, a display headline, one short paragraph on a reading measure, and then a picture that stops short of the edge on every side. The signature is the margin: the image is a window cut in the page rather than a band across it, and the paper around it is what you notice. A small opaque plate in the picture's bottom-right corner carries the caption, so no type ever sits on the photograph. The still-image version includes an example photograph; select your own clip for the video version. States no colour and no font of its own. (https://patternpaste.com/pattern/hero-aperture.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 Contact 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 column, columns, group, heading, paragraph Presets color 5, spacing 4, font-size 1 WordPress 7.0+ Continue exploring ## Next in Contact Explore all 7 Contact patterns (https://patternpaste.com/patterns/contact/) Shot in Twenty Twenty-Five Contact No plugin needed ### Contact split A contact section with no form in it: the left sixty per cent is almost empty, holding a tracked label, one display invitation and a single action, and the right forty per cent is packed, three stacked groups of address, hours and direct lines hanging off one vertical hairline. Contact Preview pattern (https://patternpaste.com/pattern/contact-split.html) Shot in Twenty Twenty-Five Contact No plugin needed ### Service areas columns Where a local business works, as a list rather than a map. Contact Preview pattern (https://patternpaste.com/pattern/service-areas-columns.html) Shot in Twenty Twenty-Five Contact No plugin needed ### 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. Contact Preview pattern (https://patternpaste.com/pattern/contact-cover-ledger.html)