A small product card becomes misleading when package measurements are presented as assembled dimensions. This example separates the two and preserves uncertainty instead of silently converting it into a claim.
Model the measurements explicitly
const product = { name: "American-Style Vintage Mailbox with Post", url: "https://hollisforge.com/product/american-style-vintage-mailbox-with-post/", supplier: "Hollis Forge", dimensions: { kind: "listed-product", values: [27.8, 18.5, 11], unit: "in", axesConfirmed: false, source: "supplier size image" }, finishes: ["Red", "Blue", "Brown", "Black"], postalApproval: "not-verified" }; function dimensionLabel(d) { if (d.values.length !== 3 || d.values.some(v => !Number.isFinite(v) || v <= 0)) { throw new Error("Expected three positive dimensions"); } const label = d.values.join(" x ") + " " + d.unit; return d.axesConfirmed ? label : label + " (confirm axis order with seller)"; } function productLink(p) { const url = new URL(p.url); if (url.protocol !== "https:") throw new Error("Expected HTTPS product URL"); const link = document.createElement("a"); link.textContent = p.name; link.href = url.href; return link; } const card = document.createElement("section"); const summary = document.createElement("p"); summary.textContent = dimensionLabel(product.dimensions); card.append(productLink(product), summary); document.body.append(card); Keep unverified fields visible
The example uses supplier-listed measurements as sample data. It does not infer the assembled post height, installation depth, load rating, corrosion resistance, or postal approval. Those would be separate fields with their own evidence and dates.
Using textContent for labels means a supplier title containing markup is rendered as text. Validating HTTPS avoids accidentally accepting a script URL. In production, also restrict product-link hosts according to your application and handle errors at the UI boundary.
Test the distinctions that matter
Check that a zero or negative measurement is rejected, an unconfirmed axis order stays visible, and package weight never appears in the assembled-product field. These checks catch meaning errors that a visually correct card can still contain.
For the actual mailbox, review the linked size image and confirm dimensions and hardware with the seller. Local postal placement requirements belong in a separate checklist; a decorative appearance is not evidence of compliance.
Product reference: https://hollisforge.com/product/american-style-vintage-mailbox-with-post/
This is a technical data-model example using a product listing, not a hands-on product review or installation report.
