Twelve directions for the new website.
Each direction is a complete page — navbar, hero, product and science sections, CTA and footer — built with the same real Ditron content so only the design varies. All carry the corporate base color, Pantone 389 (#D5E04D), as fills and accents: on dark surfaces it runs pure, on white it appears as filled shapes with dark ink or as its olive derivative for small text. Open one, scroll it end to end, and judge it as the future ditrondental.com.
01PorcelainClinical minimal
Open →Near-white surfaces, hairline rules, Pantone 389 fills with dark ink. The micron ruler — a literal measurement scale — structures the page.
02TitaniumMachined, engineering-first
Open →Dark graphite, blueprint grid, spec-sheet tables and a dimensioned SVG drawing of the implant. Speaks to the CNC heritage.
03OsseoBiotech, science-forward
Open →Deep teal on white, soft washes, rounded geometry, drifting molecular lattice. Leads with osseointegration and Moleculock™.
04GridSwiss typographic
Open →White, black, Pantone 389. Exposed column rules, indexed navigation, the claim on a lime highlight at poster scale. Typography is the product shot.
05BoneWarm clinical, chair-side
Open →Bone-white ground, serif voice, slate-teal accent, arch-curve dividers. Speaks to the clinician’s hands, not the factory floor.
06ModulCatalog-first, spec-driven
Open →Built around part lookup: SKU chips, an availability matrix as the hero element, search in the navbar. For the site’s real daily job.
07CinemaBrand film
Open →The homepage intro video runs full-bleed under a serif voice; the science clips are the content, cut into chapters like a film. Lime as cinematic detail on near-black.
08LabelPackaging / regulatory
Open →The design language of the box itself: a giant sterile-barrier label as the hero, REF/LOT fields, symbol boxes, barcodes — and Pantone 389 as the printed field it all sits on.
09MicronScrollytelling scale story
Open →The page descends four orders of magnitude — hand, thread, surface, seal — with a sticky lime scale bar that shrinks as you scroll. Surface and micro-gap videos play at depth.
The catalog series
Three further directions derived directly from the 2025 print product catalog — its DIN-style typography, one-bold-word headings, edge tabs, dimension tables and studio photography. If the client wants the website to feel like the document their customers already trust, it lives here.
10SpreadThe catalog, digitized
Open →The 2025 print catalog translated one-to-one: edge tab rail, one-bold-word headings, leader-line feature callouts, the real MPI dimensions table, lid-color diameter dots.
11CoverMetallic thin
Open →The cover language sustained for a whole site: enormous Barlow Thin uppercase with metallic gradient fills, studio renders floating on white, and almost nothing else.
12SpecimenAtlas of components
Open →The catalog’s studio photography as the whole design: components laid out like specimen plates — bordered cells, plate numerals, captions, and the real Ø color legend.