Start here
What to change first
- The prices, bag sizes and delivery radius.
- The moisture line: only if you meter every load.
- The phone number on the button (it dials the number it shows; the text link opens a message to the same number).
The signature moment
A price ticket with a tear line, the two prices at display size
A framed card with two prices side by side at display size, a dashed tear line under them, then ruled facts and how to order. The prices are a grid from a 12rem minimum, so they sit side by side on a wide screen and stack in a narrow column. Two photographs of the stock stand beside the ticket.
Theme handoff
What comes from where
From your theme
- Typeface.
- Palette.
Set by this pattern
- The prices.
- The heading.
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
A sales section for what a trade makes on the side: seasoned logs and wood chip from its own jobs. The offer is a price ticket, big prices first, then the facts a buyer asks about, then how to order. It sits in the pricing section beside rates-day-sheet (one printed card of rates) and fixed-price-job-board (tags on jobs): here the card is a ticket, torn along a dashed line.
The signature moment: a price ticket with a tear line, the two prices at display size
A framed card with two prices side by side at display size, a dashed tear line under them, then ruled facts and how to order. The prices are a grid from a 12rem minimum, so they sit side by side on a wide screen and stack in a narrow column. Two photographs of the stock stand beside the ticket.
Make it yoursVariations and the edits to make first
What to change first
- The prices, bag sizes and delivery radius.
- The moisture line: only if you meter every load.
- The phone number on the button (it dials the number it shows; the text link opens a message to the same number).
Theme behaviourInheritance, fixed decisions and contrast
What it inherits from your theme
- Typeface. The base states no font family.
- Palette. Your
baseground andcontrasttype. The ticket is arole-platecard in a 2pxcontrastframe with a dashedcontrasttear line androle-rulehairlines; labels onrole-label, the text link onrole-link. The call button is your theme's button with a stated padding.
What it decides for itself
- The prices. A bare clamp from 52px to 92px: their size is the composition.
- The heading. A bare clamp, about 34px on a phone.
Technical notesBlock mechanics, responsive behaviour and constraints
The Bough look
Part of the Bough Pattern Set, a tree surgeon in Brimscombe Port, Stroud. Here the section is the lichen-green #d5e1cc band: a pale #f2f6ec ticket in a 2px forest #15301c frame with a dashed forest tear line and #c3d0bb hairlines, Rockwell prices, leaf-green #2e6b3a labels on the ticket (forest on the band), Trebuchet MS throughout, square corners and a filled pine button with 4px corners. Take the base for your theme's colours, or the look's Use my theme chip.
Notes
- Core blocks only: group, columns, image, heading, paragraph, buttons.
- Two photographs, from the WordPress.org Photo Directory (CC0).
Questions
Logs for sale ticket: common questions
Does Logs for sale ticket need a plugin?
No. It is built only from core WordPress blocks (button, buttons, column, columns, group, heading, image and paragraph), so it pastes into the block editor with nothing to install.
Will Logs for sale ticket match my theme?
Choose by variation. Price ticket takes your theme’s palette; Bough brings its own colours.
How many variations does Logs for sale ticket have?
2: Price ticket and Bough. Each is its own markup; choose one in the toolbar above the preview before you copy.
Can I use my own images?
Yes. Sample images stay in the copied blocks. Replace them in WordPress; pasting does not upload them to your Media Library.
Is Logs for sale ticket free?
It is included with a subscription, with every Core Pattern and variation. 62 Core Patterns are free to copy without one.
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: Bough
Fetching the markup…