OmniVac Design System
The shared building blocks for every OmniVac page — color, type, spacing, backgrounds, cards, banners and components. Hairline borders, generous whitespace, and Russian Red used strictly as an accent. Dark backgrounds live only in the site header and the home hero.
Palette
Red is an accent, never a fill. Layouts rest in ink and neutral hairlines; red appears on interaction and in small uppercase mono microcopy.
Type
IBM Plex Sans for headings and body; IBM Plex Mono for labels, metadata and numbers. Self-hosted for DSGVO compliance.
Surface Science Solutions
Engineered around your requirements
Customised UHV systems
Modular systems for state-of-the-art surface analysis and sample preparation — planned, integrated and supported from Kaiserslautern.
We combine proven components with deep application know-how. Each system is tailored to your process, your samples and your budget — from a single chamber to a complete multi-technique analysis station.
Complete UHV systems
Spacing scale
A single 4px-based scale keeps rhythm consistent across every section.
Buttons, links & tags
Cards
The signature interaction: on hover the card lifts, the hairline turns red, corner ticks appear and the arrow slides in.
Accessories
UHV systems accessories and consumables.
Components
High quality and customized surface preparation and analytics components.
Systems
Vacuum Systems - from cutomized laboratory applications to OEM systems for buisness partners up to beamline endstations.
Backgrounds
Static surfaces plus a set of subtle animated variants. Motion is always gentle and switches off for visitors who prefer reduced motion.
Banners for pages & articles
Surface Science Solutions
Modular systems for state-of-the-art surface analysis and sample preparation.
Article title goes here
A short standfirst that introduces the page or story in one or two lines.
Cookie banner
DSGVO-compliant consent in the same card language — hairline border, soft shadow, red only on the primary action.
Rules of thumb
Use red as an accent
Borders, hover states, corner ticks, small mono labels and the primary button. Red draws the eye to the one thing that matters.
Don’t fill with red
No solid red panels, headers or section backgrounds. Structure stays in ink, white and neutral hairlines.
Keep borders hairline
1.5px #D7D7D7 borders and soft, low shadows. Depth comes from subtle hover lifts, not heavy drop-shadows.
Don’t overdo motion
Animations stay slow, low-contrast and optional. Always respect prefers-reduced-motion.