Osiem kierunków
strony głównej ChromIQ.
Każdy layout wykorzystuje ten sam system designu (granat #0F172A → cyjan #06B6D4, Montserrat + Inter, pigułkowe CTA, miękkie karty), ale realizuje inny cel komunikacyjny i inną estetykę. Otwórz każdy podgląd, żeby porównać.
Layout 1 — Corporate Authority
Kliniczna precyzja i autorytet B2B. Trust badges (ISO/GMP/FDA), 3-kolumnowa siatka usług, sekcja „Dlaczego my" z metrykami na ciemnym tle.
Każdy izomer.
Layout 2 — Tech-Forward Glassmorphism
Ciemne tło z gradientami, półprzezroczyste karty (glass), nakładające się capabilities, podgląd raportu z chromatogramem na żywo. Workflow w 4 krokach.
Otrzymaj raport.
Layout 3 — E-Commerce / Direct-to-Test
Sklep analityczny: kompaktowy hero z wyszukiwarką, karty produktów (fiolki + cena + „Zleć badanie"), akordeon z możliwościami, opinie klientów z gwiazdkami.
Layout 4 — The Data & Process Story
Dark mode z monospace akcentami i świecącymi cyjan. Naprzemienne bloki tekst/sprzęt, siatka 8 klas związków, wielki CTA z rozproszonym blaskiem.
Layout 2 Mixed — Glassmorphism z przełamaniem
Wariant Layout 2 z alternacją dark/light: hero ciemne z wideo, capabilities na białym z frosted-glass cards, workflow ciemny, raport na białym z ciemną dashboard-card, trust strip ciemny. Łamie monotonię.
HPLC-MS której
można ufać
Layout 6 — Rajdhani Forensic
Wariant inspirowany dostarczonym referencem klienta. Czarno-zielony hero z chart bars + statystyki, custom cursor (kropka + pierścień), strip 01-02-03, mosaic about, marquee testimoniale, contact form. Typografia condensed industrial (Rajdhani). Paleta turkus-zieleń #09AD9D zamiast cyjan.
zaczyna się
od precyzji
Bez kolejek. Bez czekania.
Layout 7 — Clarity
Inspiracja: white floating card hero na fioletowym tle z 4-cell mosaic iridescent imagery (CSS gradients + glass spheres + test tubes). 3 karty benefitów z 3D-style ikonami (zegar, ludzie, mikroskop). Czyste i przyjazne, mood "modern healthcare".
Layout 8 — Premium Cinematic (Indigo + Coral)
Struktura inspirowana Janoshik, ale **z własną tożsamością wizualną**: Bricolage Grotesque + Inter zamiast Rajdhani+DM Sans, paleta indigo #4F46E5 → #312E81 + sunset coral #F97316 (zamiast teal+electric cyan). Pełna kinetyka: full-bleed wideo w hero + glass dashboard z live chromatogramem, kinetic typography line-by-line, particle field, custom cursor, magnetic buttons, 3D tilt, marquee strip, GSAP pinned horizontal scroll z 4 panelami Sample Journey (drugi wideo w panelu 02), animowany chromatogram z draw-path, scroll progress bar, About Us z indigo gradient + video mosaic.