The signature moment
Two oversized times balance a compact strip of days
The opening time is an unboxed, heavy numeral. The closing time sits in a smaller inverted plate at its lower right. Their unequal scale and density meet the full-width rule above the weekend strip. The sign stays distinctive when its colour is removed because the contrast comes from size, weight and the two different occupied areas.
Theme handoff
What comes from where
From your theme
The base uses chained base and contrast colours. The closing plate reverses them and explicitly carries its light text. Ground painters pass their ink to headings and links. Body copy takes the medium rung, the heading takes x-large, and the typeface and button finish come from the theme. Normal text targets 4.5:1 contrast; the large display numerals may use the 3:1 large-text threshold.
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
An opening-hours sign for a shop or workshop. The ordinary week gets the largest type: doors open at 09:00 and close at 18:00, Monday to Friday. Saturday, Sunday and bank holidays fit in a compact strip below, followed by the address and visit action.
The signature moment: two oversized times balance a compact strip of days
The opening time is an unboxed, heavy numeral. The closing time sits in a smaller inverted plate at its lower right. Their unequal scale and density meet the full-width rule above the weekend strip. The sign stays distinctive when its colour is removed because the contrast comes from size, weight and the two different occupied areas.
Theme behaviourInheritance, fixed decisions and contrast
What it inherits from your theme
The base uses chained base and contrast colours. The closing plate reverses them and explicitly carries its light text. Ground painters pass their ink to headings and links. Body copy takes the medium rung, the heading takes x-large, and the typeface and button finish come from the theme. Normal text targets 4.5:1 contrast; the large display numerals may use the 3:1 large-text threshold.
Display type
The opening numeral uses clamp(4.5rem, 11vw, 10rem), the closing numeral clamp(3.5rem, 7vw, 7rem). Their unequal sizes are the composition. Short schedule and location labels use a 14px minimum display size; the weekend hours and exception labels use clamp(1.125rem, 1.8vw, 1.5rem).
Technical notesBlock mechanics, responsive behaviour and constraints
Layout and editing
The full-width band contains a constrained inner group without a stated content width. Its sign and rules use the theme's wide alignment. The 60/40 time columns stack on narrow screens; the day strip and address row wrap. All copy, times, rules, colours and button settings are native core blocks. Update both weekday numerals, the Saturday hours, the closed-day label, the bank-holiday note, the address and the /visit/ button destination.
The Styled look
chamois-and-cobalt uses warm chamois #F5E6C8, near-black ink #17212B and deep cobalt #1744B5. Cobalt carries the closing time and the square visit button. An Arial system stack gives the numerals a direct shop-sign voice, with a 400 body weight. The inherited base is the same composition in the buyer's colours and type.
Questions
Hours counterweight: common questions
Does Hours counterweight need a plugin?
No. It is built only from core WordPress blocks (button, buttons, column, columns, group, heading and paragraph), so it pastes into the block editor with nothing to install.
Will Hours counterweight match my theme?
Choose by variation. Counterweight takes your theme’s palette; Chamois and cobalt brings its own colours.
How many variations does Hours counterweight have?
2: Counterweight and Chamois and cobalt. Each is its own markup; choose one in the toolbar above the preview before you copy.
Is Hours counterweight free?
It is included with a subscription, with every Core Pattern and variation. 62 Core Patterns are free to copy without one.
Which WordPress version does it need?
Requires a block theme on WordPress 7.0 to 7.1. 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.
The markup
Core block markup and nothing else. Copy it, then paste it straight into the block editor: WordPress reads the delimiters and rebuilds the blocks.
Fetching the markup…Variation: Chamois and cobalt
Fetching the markup…
