UK HQ Your time

UI Block Library

A living reference of every reusable container, card, and block type used across the Reynolds & Bauhm website. Each row shows three instances so spacing and behaviour are visible at a glance.

Base Card

White background, 1px border, 12px radius, hover lift + shadow.

Card One

Standard card with icon, title, and body text. Used for features, standards, and related content.

Card Two

Second instance showing consistent spacing, border radius, and hover shadow lift behaviour.

Card Three

Third instance to verify grid alignment and gap consistency across the row.

Large Card

Increased padding (20–32px) for emphasis. Often used for applications and industry deep-dives.

Large Card One

Primary separation for crude unit, FCC, coker, hydrotreater and storage-area drainage. Typically two parallel units sized for 100% of plant flow.

Read More

Large Card Two

Ethylene quench-water systems, aromatic extraction, polymer-plant runoff. Common choice for smaller plot-plans and constrained footprints.

Read More

Large Card Three

Onshore tank batteries and processing facilities. Skid-mounted units handle dispersed oil before hydrocyclones or walnut-shell filtration.

Read More

Feature Item

Horizontal row: icon left, title + description right. White background, rounded 8px, border, hover lift.

Micro-Bubble Technology

Produces fine air bubbles (20–50 microns) that attach to suspended solids and oils, lifting them to the surface for removal.

High Hydraulic Loading

Designed for hydraulic loading rates up to 15 m/h with stable bubble-particle agglomerates and minimal short-circuiting.

Recycle Flow Optimisation

Air dissolving vessel sized for 6–12% recycle with pressure-rated saturator and level-controlled depressurisation valve.

Hero Feature Item

Glassy transparent tile inside hero sections. Icon, title, and short description.

Process Step

Numbered step with animated .step-number badge. Staggered fade-in and hover dimming of siblings.

1

Equalisation

4–12 h buffering of effluent. Damps flow, temperature and load spikes before primary treatment.

2

Primary Separation

Free-oil and settleable-solids removal. 90%+ of the inbound oil load is intercepted here.

3

Polishing & Discharge

Sand, dual-media or membrane polishing for final TSS removal before discharge or reuse.

Spec Card

Label + bold value pair for technical specifications. Centered, compact, scannable.

Design Temperature
5–60 °C
Inlet Oil & Grease
≤5,000 mg/L
Effluent O&G
50–150 mg/L

Stat Item

Large bold number with small label underneath. Used for KPIs and trust indicators.

12
Chartered Engineers
350+
Plants Commissioned
25
Year Design Life

App Card

Simple value card with .icon-wrap circle, title, and short text. Common in applications and capability sections.

Precision

Every design is validated by calculation, simulation, and peer review before fabrication.

Sustainability

Systems engineered for minimum energy use, chemical consumption, and waste generation.

Reliability

Redundant safety systems and fail-safe designs protect personnel and downstream equipment.

Note Box

Carved-in inset box with neutral grey background and subtle shadow. For caveats, safety notes, and design warnings.

Design Note

All sizing calculations assume standard temperature and pressure. Variations outside 5–35 °C require viscosity correction.

Safety Warning

Biogas systems require ATEX-rated equipment, gas detection, and flame arrestors. Never omit these on anaerobic trains.

Pro Tip

Size the equalisation basin for 4–12 hours of buffering. This damps flow spikes and protects downstream biological stages.

Callout

Left blue accent border. For emphasis, quotations, and key decision criteria.

Bespoke vs. off-the-shelf. A generic pilot plant gives generic answers. A bespoke pilot answers the specific design question you have.

Whole-life cost. The cheapest Capital expenditure option often loses on Operating expenditure within three years. Run the 10-year comparison.

Downstream protection. A properly sized primary stage halves chemical consumption in DAF and protects biology from oil shock.

Dimension Highlight

Navy gradient background with white text. Used for key dimensional or capacity statements.

Diameters up to 4000mm

Custom dimensions available beyond standard ranges for large-scale industrial applications.

Capacities to 500 m³/h

From compact 5 m³/h package plants to full-scale 500 m³/h process trains.

Heights to 12,000mm

Vertical vessels and tower designs engineered for pressure ratings up to 16 bar.

Data Table

Navy gradient header, zebra striping, row hover, rounded corners, and horizontal scroll on mobile.

ParameterUnitRange
Flow Ratem³/h5 – 500
pH Range6.0 – 9.0
Temperature°C5 – 60

Industry Tag

Rounded pill tag: white with border, fills blue on hover. Used in the industries band above the footer.

Equipment Chip

Small card with left border accent, icon, and hover lift. Used in equipment library listings.

Belt Filter PressRB-BFP-STD
DAF SystemRB-DAF-STD
Chemical DosingRB-CDS-STD

Process Hub Infographic

Central hub connected to numbered step banners. Proposed new block type — shown here on the UI blocks page only before sitewide rollout.

Our Process End-to-end delivery

Discovery / 01

We analyse your water chemistry, flow profile, consent limits, and site constraints to define the problem precisely.

Process Design / 02

Our chartered engineers develop the treatment train, produce P&IDs, and run mass balances for every unit operation.

Engineering / 03

Mechanical, electrical, and control designs are finalised. CFD, FEA, and ATEX compliance checks are completed.

Fabrication / 04

Equipment is built in our audited supply chain using SS316L, duplex, or rubber-lined steel as specified.

Installation / 05

Our site team manages mechanical erection, piping, electrical termination, and SCADA integration.

Commissioning / 06

Cold commissioning, hot commissioning, operator training, and performance testing to prove guaranteed outcomes.

How We Build a Borehole Plant

A staged train, each stage matched to a measured contaminant.

Borehole
Treatment
6-stage train

Aeration & Oxidation / 01

Atmospheric or pressurised aeration raises dissolved oxygen and oxidises Fe²+ to Fe³+ floc; where manganese or ammonia are present, a catalyst or oxidant is added. This is the step plain filtration omits.

Catalytic Multimedia Filtration / 02

A multimedia bed — anthracite over catalytic manganese-dioxide media over sand — both filters the iron floc and catalytically removes residual Fe and Mn, all in one pressure vessel with air-scour backwash.

Polishing & SDI Reduction / 03

Where the water feeds RO, a fine polishing stage — ultrafiltration — removes the sub-micron colloids that granular media cannot, bringing SDI below the membrane’s limit.

Softening or Antiscalant / 04

Hardness is managed by ion-exchange softening or dosed antiscalant, sized to the end use — boiler, cooling, RO or potable.

Disinfection / 05

UV disinfection, or chlorination with a contact main, provides the microbiological barrier required for a potable or hygienic process supply.

Final Use: RO / Boiler / Potable / 06

The polished water meets its duty — reverse osmosis for high-purity or boiler feed, direct supply for potable or process water — with the upstream train protecting it.

Branched Process Flow

Central hub with tree-branching lines to scattered circular icon nodes. Shown here on the UI blocks page only.

Process
Flow
6-stage system

Discovery

Analyse water chemistry, flow profile, consent limits, and site constraints.

Process Design

Develop the treatment train, produce P&IDs, and run mass balances.

Engineering

Finalise mechanical, electrical, and control designs with compliance checks.

Fabrication

Build equipment in audited supply chain using specified materials.

Installation

Manage mechanical erection, piping, electrical termination, and SCADA.

Commissioning

Cold and hot commissioning, operator training, and performance testing.

Need a Custom Block?

If you need a new component or variation for a specific page, our front-end team can build it to match the existing design system.