Veribir × Weidmüller
DEMO · CONFIDENTIAL
Marketing Mockup — Three Directions

Weidmüller
Demo Directions

Three takes on the same product journey — UR20-FBC-PN-IRT-V2 PROFINET IRT Fieldbus Coupler — across different scope and fidelity levels. Explore each direction below and use the switcher bar to jump between them.

A
Astro + Tailwind

Veribir Template

Full Veribir product-page template ported to Weidmüller brand. Slate-50 background, orange accents, scrollspy nav, builder panel, gallery zoom, spec search, FAQ tag filter.

Home → Products → Categories
Automation & Software
I/O Systems → u-remote
Product detail + Downloads
Explore Direction A
B
Astro + Tailwind

Faithful Refresh

Weidmüller's own layout identity — dark nav, grid-structured pages, tab-based product detail — rebuilt on the Veribir Astro stack with improved CTA hierarchy and typography.

Dark [#2b2b2b] header + utility bar
Weidmüller grid layout & #f4f4f4 bg
Tab-based product page (not scrollspy)
Full-width footer columns
Explore Direction B
C
Single HTML

Locked Template

The Veribir product-page demo frozen and re-skinned with Weidmüller brand only — colors, font, logo, real product content. Single file, no build step, deploy instantly.

Frozen builder panel (all 8 blocks)
Orange #ef7800 replaces amber
UR20-FBC-PN-IRT-V2 content
Single-file, zero dependencies
Explore Direction C

Featured Product — all three directions

UR20-FBC-PN-IRT-V2 — PROFINET IRT Fieldbus Coupler

Item No. 1334340000 · IP20 · u-remote I/O System · 64 modules/station · 1 ms IRT cycle

■ Why This Is Better

01

One-click CTA hierarchy

Current site has 4+ competing actions. Both directions establish a single primary CTA with clear secondary actions.

02

Searchable spec table

Weidmüller buries specs in a collapsed accordion. Template surfaces them in a searchable, grouped table.

03

Document vault with taxonomy

Downloads are currently a flat list. The vault groups by purpose: Engineering Support / Software / Product Downloads — with anchor links.

04

Builder panel for rapid iteration

Client can toggle blocks, test e-commerce mode, and see layout without developer involvement.

05

Structured breadcrumb + scrollspy

Current site loses users in deep product hierarchies. Full breadcrumb + scrollspy nav keeps context at every level.

06

Brand token handoff

tailwind.config.js exports primary.600 = #ef7800 in Veribir key format — drop-in for new-client-project.

Overview Dir A — Veribir Dir B — Refresh Dir C — Locked