01
Site header
Two-row header. Top row: utility links (downloads, account, language). Bottom row: logo and primary navigation, each with its own mega menu. Mobile collapses to a slide-out drawer.
Full · hover or tab through the menu
Condensed (scrolled / sticky)
02
Footer
Guardian surface with four link columns, a newsletter sign-up, social icons, and a legal row.
03
Form elements
Native HTML elements styled with .field-*
classes. All states (hover, focus, disabled, invalid) are defined
once in site.css.
Atoms
As it appears on official documents.
Enter a valid phone number including country code.
Contact form
04
Hero
Top-of-page anchor. Guardian surface for first impressions, split layout for product-led pages.
Guardian · text-only
Built to protect · since 1967
Safety-critical plastics, moulded for the long haul.
Rotational and injection moulding for vehicle safety, fire protection, spill containment, and storage. Designed, tooled, and made in the UK.
Guardian · with photo
Made by Jonesco · since 1967
Moulded in Britain, built for the toughest jobs.
Every mudguard, cabinet, and bund is rotationally moulded on our own shop floor, then checked by the people who made it.
Split · copy + product
Fire & Safety
Fire extinguisher cabinets trusted by fleets worldwide.
Impact-resistant cabinets for vehicles, workshops, and depots. UV-stable, flame-retardant, and tested to UN ECE regulations.
05
Product card
Category tags use the tertiary palette to differentiate
product families at a glance. Compose .card
with .tag-*.
Single-arch mudguard
Spray-suppression mudguards for trailers and rigid HGVs.
Front-loading cabinet
External extinguisher housing for commercial fleets.
2-drum spill pallet
Nestable two-drum containment pallet with removable grate.
Product image
Grit bin 200 L
UV-stable bin for salt, grit, and winter maintenance.
06
CTA band
Full-width callout used between long-form sections or at the bottom of category pages to drive contact or download actions.
Guardian
Designing a product? Talk to our engineers early.
Six decades of moulding know-how, on tap from concept through to tooling.
Fortify
Catalogues
Full 2026 product catalogue.
Every product, every spec.
Resilient · compact inline
Need a custom mould?
Tell us what you’re making.
07
Inner page header
Top of every non-homepage view. Breadcrumb for orientation, category eyebrow, page title, short summary.
Fire & Safety
Extinguisher cabinets
Impact-resistant cabinets in a dozen formats. UV-stable, flame-retardant, and tested to UN ECE regulations.
Compact · no summary
Contact
08
Accordion
Native <details>
elements — no JavaScript required. Chevron rotates on open.
Can Jonesco products be customised?
What standards are your products tested to?
Do you ship internationally?
What materials do you mould in?
09
Pagination & filters
Controls for any listing view: filter chips, sort, result count, and page navigation.
Filter bar
Showing 1–12 of 84 products
Pagination
10
Stat band
Proof-point row. Field Gothic numerals set large on a guardian surface, with mono labels beneath.
1967
Year founded
40+
Countries served
4
Product families
2M+
Units shipped / year
Resilient · inline variant
99.2%
On-time delivery
ISO
9001
Quality certified
12
Rotational moulding machines
59yr
Family-owned
11
Feature grid
3-up feature row. Icon slots are placeholders; swap for the custom icon set when available. Keeps a fixed aspect so line-up doesn’t shift between icon styles.
Designed in-house
Every product is drawn, prototyped, and tooled by our own engineering team before it ever hits a production line.
Moulded in the UK
Rotational and injection moulding in our West Sussex facility. No middle-men, no outsourced quality control.
Certified & compliant
ISO 9001 quality management, with product testing to UN ECE and BS EN standards across the range.
With photo · for capability pages
Tooled in-house
Moulds are built and maintained by our own toolroom, so changes go from drawing to production without a supplier in the loop.
Rotationally moulded
Seamless, stress-free parts with even wall thickness, ideal for tanks, bunds, and impact-resistant housings.
Tested before it ships
Every new product is load, impact, and UV tested before it reaches a customer.
Horizontal list · icon beside text
UV-stable
Stabilised polymers resist colour-fade and embrittlement in outdoor use.
Impact-resistant
Tested to withstand drops, vibration, and collision conditions typical of fleet environments.
Flame-retardant
Self-extinguishing polymer formulations for fire-safety applications.
Recyclable
End-of-life material take-back for qualifying product ranges.
12
News & articles
Card grid for the news index, plus a more compact list variant for sidebars or related-content blocks.
Card grid
News · 12 Mar 2026
Jonesco opens new moulding line in West Sussex
Investment adds 30% capacity to the Fire & Safety and Vehicle Safety ranges.
Case study · 28 Feb 2026
DHL adopts Jonesco spill kits across European fleet
A six-month rollout across 14 depots and 2,400 vehicles.
Product · 09 Feb 2026
New 450 L bunded storage cabinet launches
Increased capacity while keeping the same forklift-ready footprint.
Compact list · for sidebars or related-content
-
12 Mar 26
Jonesco opens new moulding line in West Sussex
Investment adds 30% capacity to the Fire & Safety and Vehicle Safety ranges.
-
28 Feb 26
DHL adopts Jonesco spill kits across European fleet
A six-month rollout across 14 depots and 2,400 vehicles.
-
09 Feb 26
New 450 L bunded storage cabinet launches
Increased capacity while keeping the same forklift-ready footprint.
-
17 Jan 26
Apprenticeship scheme welcomes five new starters
The 2026 intake joins the tooling, moulding, and design teams.
13
Badges & alerts
Status badges for stock, certification, and lifecycle flags. Alert banners for inline messages in forms, product pages, and dashboards.
Badges
In context · on a product card
Alerts
Shipping update
International orders now include DDP delivery to EU destinations. Duties and taxes are calculated at checkout.
Enquiry sent
Thanks — we’ll respond within one working day. A copy of your message is on its way to the address you provided.
Lead times extended
Fire & Safety products are currently shipping in 4–6 weeks due to tooling maintenance. Contact us for urgent requirements.
Couldn’t complete request
Something went wrong on our end. Please try again, or get in touch if the problem persists.
14
Tables
Product specification tables. Mono-caps column headers, sentence-case body. Horizontal scroll on narrow viewports.
Specification table
| Product code | Capacity | Dimensions (mm) | Weight | Status |
|---|---|---|---|---|
| FC-6-EXT | 6 kg | 320 × 420 × 200 | 4.2 kg | In stock |
| FC-9-EXT | 9 kg | 360 × 480 × 220 | 5.8 kg | In stock |
| FC-12-EXT | 12 kg | 420 × 560 × 260 | 7.4 kg | Low stock |
| FC-12-EXT-LG | 12 kg | 460 × 620 × 280 | 8.1 kg | New |
Compact key / value
- Material
- MDPE, UV-stabilised
- Flame rating
- UL 94 HB
- Operating temp
- −30 °C to +60 °C
- Certification
- UN ECE R107, BS EN 3-7
- Country of origin
- United Kingdom
15
Tooltips & empty states
Hover/focus tooltip (pure CSS, no JS) and an empty-state block for zero-result lists and filtered views.
Tooltip
Hover or keyboard-focus each control below.
Empty state · zero results
No products match those filters
Try loosening your filters or browsing the full catalogue. Can’t find what you need? Get in touch and we’ll help.
16
Tabs
Visual pattern with role="tablist"
and aria-selected="true".
Wire up panel toggling with a small JS when you bolt on a
framework.
A 12 kg extinguisher cabinet moulded in UV-stable MDPE. Mounting hardware supplied; fits lorry, workshop, and depot formats without re-tooling.
Tested to UN ECE R107 and BS EN 3-7. Full certification documentation accompanies every order.
FAQ content lives here. Often reuses the accordion component for collapsible Q/A pairs.
17
Modal dialog
Native <dialog>
element with styled backdrop. Focus-trap and ESC-to-close come
for free.
Opens a native modal. ESC closes, click outside closes.
18
Toast
Transient notification. Same status palette as alerts, but floats in a fixed stack. In production, append from JS and auto-dismiss on a timer.
Static preview · stacked inline
Enquiry sent
We’ll respond within one working day.
Catalogue ready
Your download is being prepared.
Couldn’t submit
Check your connection and try again.
In production, render toasts inside a fixed-position stack
(fixed bottom-6 right-6 z-50 flex flex-col gap-3)
so they sit above page content.
19
Loading states
Spinner for inline waits, skeletons for layout placeholders, and a linear progress bar for deterministic tasks.
Spinner
Loading
Submitting
Skeleton · product card placeholder
Progress bar
Uploading spec sheet
68%
2.1 MB of 3.1 MB · 00:04 remaining
20
File upload
Drag/drop zone wrapping a native file input. Drag-over state
is toggled via JS by adding
.is-dragover.
Drop files here
or browse · PDF, DWG, STEP up to 20 MB
-
Done
bracket-assembly-v3.dwg
1.8 MB · Uploaded
-
enclosure-spec-rev-a.pdf
420 KB · 68%
-
oversize-model.step
24.6 MB · exceeds 20 MB limit
21
Search
Input with a suggestions panel. The dropdown is revealed on focus-within so keyboard users see it the same as mouse users. Hook up result fetching when a framework is in place.
Products
Guides & news
Focus the input to open the suggestions panel. Results are filtered live by matching the query against the visible text. Click a result to populate the input.
22
Segmented control
Mutually-exclusive toggle. Use for view switches, unit toggles, and 2–4 option flips.
View · grid / list
Units · metric / imperial
Time range · 3 / 4 segments
23
Range & stepper
Native <input type="range">
and a plus/minus number stepper for quantity inputs.
Range
L
50
500
Quantity stepper
24
Wizard header
Step indicator for multi-step flows (RFQ builder, account setup). Completed steps show progress green, current uses guardian, future remain neutral.
25
Cookie banner
Consent strip. Shown inline here for the reference; in
production apply .cookie-banner
to fix it to the bottom of the viewport.
We use cookies
We use essential cookies to run the site and analytics cookies to understand how it's used. Read our privacy policy for details.
26
Avatar
Circular photo or monogram shown next to a person’s name. Used on team pages, news bylines, testimonials, and case-study attributions.
Sizes · xs / sm / md / lg / xl
Photo
Jane Cooper
Fleet Manager, DHL UK
Monogram fallback
Jane Cooper
Fleet Manager, DHL UK
Stacked group · with +N counter
27
Testimonial
Pull-quote attributed to a named customer, with optional company and role. Powers case-study cards and homepage social proof.
Block quote
“Jonesco cabinets have been on our fleet for eight years. Zero failures, zero returns.”
Jane Cooper
Fleet Manager, DHL UK
Inline card · on Guardian surface
“We specified Jonesco across our entire 400-vehicle refresh. Spec matched, delivery hit, no drama.”
Aisha Malik · Procurement Lead, Hovis
Three-up row
“Robust kit. Three winters in the Highlands and still closing cleanly.”
Ruaridh Stewart
Depot Supervisor, Menzies
“The only supplier who understood what ‘IP54 under real-world road grime’ actually means.”
Priya Thomas
Engineering, Eddie Stobart
“Good product. Better people. Replaced five different vendors with one.”
Marcus O’Brien
Fleet Ops, Bidfood
28
Key-stat callout
Standalone single-number card. Distinct from the stat band (11): this slots into any grid or sits alongside body copy.
Fleet uptime
99.2%
Across 2,400 vehicles, measured over 12 months from Jan 2025.
Units shipped
2M+
Delivered to 40+ countries in the last rolling 12 months.
Return rate
0.4%
Family-owned
59yr
Founded in 1967. Still headquartered in West Sussex.
29
Timeline
Vertical chronological list. Company history, roadmap pages, release notes.
-
1967
Jonesco founded
A single injection-moulding press in West Sussex, supplying the local automotive aftermarket.
-
1984
First fire-safety range
Bulkhead-mounted extinguisher cabinets certified to BS 5041, opening the HGV and bus markets.
-
2006
Rotational moulding plant
Twelve-arm rotomoulder commissioned, enabling spill containment and storage ranges in-house.
-
2019
ISO 14001 certified
Environmental management accreditation across all four UK sites.
-
2026
Jonesco at 59
Two million units shipped annually to forty-plus countries. Still family-owned.
30
Link list
Dense lists of related links. Powers policies, legal, resources, sitemap pages, and footer columns.
Directory · three-column, with headings
Resource list · with descriptions
-
PDF · 1.1 MB
Installation guide
Mounting a 12 kg cabinet to a vehicle bulkhead, step by step.
-
PDF · 640 KB
BS 5041 certification
Third-party test report for the fire-safety cabinet range.
-
ZIP · 18 MB
CAD models · JC-Series
STEP and IGES files for the full JC-200 to JC-600 range.
-
PDF · 220 KB
Warranty claim form
Complete and return within 30 days of the reported fault.