System overview
- Hero
- visual-led · left
- Surface
- light
- Density
- balanced
- Content width
- 368px
- Confidence
- medium
- Primary action
- None detected
Color system
Light surfaces use 7 repeated semantic colors; hierarchy is carried mainly by tonal contrast.
Page canvas
Dominant rendered page background.Surface
Repeated container or section fill; relative occurrence score 288.Surface
Repeated container or section fill; relative occurrence score 88.Surface
Repeated container or section fill; relative occurrence score 80.Primary text
Observed display foreground with 16.5:1 contrast against the captured canvas.Secondary text
Observed reading foreground; measured canvas-reference contrast is 6.6:1.Border and divider
Most repeated inspectable border color.Typography
The observed type system assigns Didot to display text; Helvetica Neue to heading, body, body-small, label text.
Metric previews use the observed CSS values. Source font files are not bundled, so unavailable families fall back locally.A research lab For One.
Didot · 191.76px/157.243px · weight 400 · tracking -12.4644px · color rgb(42, 27, 24) · preview scaledBecause special cases deserve more than averages.
Helvetica Neue · 88px/80.96px · weight 400 · tracking -5.456px · color rgb(255, 253, 252) · preview scaledOmanta goes beyond routine clinical diagnostics, using cutting-edge molecular technologies to build…
Helvetica Neue · 16.8px/26.04px · weight 400 · tracking -0.252px · color rgba(42, 26, 24, 0.722)Someone is there to answer questions, surface the questions no one has asked yet, and translate…
Helvetica Neue · 14.08px/20.8384px · weight 400 · tracking 0px · color rgba(42, 28, 24, 0.761)Contact Omanta
Helvetica Neue · 10px/normal · weight 500 · tracking 0.9px · color rgba(255, 254, 252, 0.722)Spacing & shape
Spacing
- Base unit
- 8px
- Section gap
- 70.5px
- Container
- 18px
8px18px10px3px7px6px16px70.5px9px83pxShape
Rounded geometry is the dominant shape voice. Elevation is selectively reinforced with shadow.
- Pills
- 50px
- Buttons
- 2px
- Containers
- 4px
- Cards
- 8px
- Media
- 0px
Inspect borders & shadows · 10
1px solid rgb(204, 128, 107)1px solid rgba(255, 254, 252, 0.722)1px solid rgba(44, 25, 25, 0.161)1px solid rgba(165, 90, 77, 0.522)1px solid rgba(75, 111, 115, 0.278)rgba(164, 90, 76, 0.42) 0px 0px 0px 1pxrgba(204, 128, 107, 0.137) 0px 0px 0px 7.61958px, rgba(204, 128, 107, 0.176) 0px 0px 19.2103px 5.23917pxrgba(204, 128, 107, 0.13) 0px 0px 0px 7.06762px, rgba(204, 128, 107, 0.137) 0px 0px 15.1625px 4.13524pxrgba(204, 128, 107, 0.12) 0px 0px 0px 6.3681px, rgba(204, 128, 107, 0.09) 0px 0px 10.0327px 2.7362pxrgba(204, 128, 107, 0.11) 0px 0px 0px 5.70469px, rgba(204, 128, 107, 0.047) 0px 0px 5.16775px 1.40939pxComponent grammar
Hero
Opening proposition
Visual led, left-aligned opening anchored by the primary message.
Inspect 4 properties
- Pattern
- visual-led
- Alignment
- left
- Heading
- Didot · 191.76px / 400
- Media
- image-led
Navigation
Global wayfinding
Static navigation with 4 visible actions in the desktop opening.
Inspect 7 properties
- Text
- #2a1b18
- Border
- none
- Radius
- 0px
- Padding
- 0px 0px 0px 0px
- Type
- Helvetica Neue · 16px / 400
- Position
- static
- Height
- 46px
Content card
Repeated content module
4 style-matched content card instances were found among 12 candidates; properties describe the dominant observed cluster.
Inspect 6 properties
- Text
- #2a1b18
- Border
- none
- Radius
- 0px
- Padding
- 6px 28.8px 22px 28.8px
- Type
- Helvetica Neue · 16px / 400
- Candidate pool
- 12
Media frame
Visual proof
4 style-matched media elements were found among 18 rendered candidates; fill fitting and 0px are the most repeated treatments.
Inspect 4 properties
- Fit
- fill, contain, cover
- Ratios
- 4.57, 2.58, 3.96, 3.95, 4.00
- Radius
- 0px
- Candidate pool
- 18
Footer
Closing navigation
7 visible actions close the page on a #faf6f2 surface.
Inspect 7 properties
- Background
- #faf6f2
- Text
- #2a1b18
- Border
- none
- Radius
- 0px
- Padding
- 0px 0px 0px 0px
- Type
- Helvetica Neue · 16px / 400
- Links
- 7
Layout & narrative
The homepage continues through 4 observed sections, moving from the opening proposition into Because special cases deserve more than averages, A full PhD-level scientific research team for every case, From complex biology to clear direction.
- Structure
- Visual marquee narrative
- Hero pattern
- Visual marquee: imagery carries most of the opening surface
- Grid
- 1 column
- Closing
- Utility footer with 7 actions
Full section sequence · 4
- Because special cases deserve more than averages.
- A full PhD-level scientific research team for every case.
- From complex biology to clear direction.
- One scientific advocate. Start to finish.
Imagery, motion & responsive
Imagery
Image led media acts as the page’s primary visual proof rather than decoration.
fill fitting · square-edged framesInspect imagery inventory
- Composition
- A focused visual anchors the first viewport.
- Inventory
- 18 images/canvas elements and 0 videos across the analyzed homepage.
Motion
12 declared keyframes and 34 active animations were inspectable at capture; observed timing uses 800ms, 180ms, 3.8s.
Reduced-motion rules detectedInspect motion inventory
- Libraries
- CSS / browser-native or bundled source not identifiable
- Keyframes
- headline-lead-enter, headline-second-enter, quiet-enter, vein-glint-travel, rotating-word-out, rotating-word-in, affiliation-rail-loop, scientific-advocate-pulse, analysis-cohort-rise, analysis-therapy-point-in, analysis-risk-point-in, analysis-risk-summary-in
- Durations
- 800ms, 180ms, 3.8s, 1.25s
- Easings
- cubic-bezier(0.22, 1, 0.36, 1), cubic-bezier(0.16, 1, 0.3, 1), cubic-bezier(0.16, 1, 0.3, 1), ease, ease-in-out, cubic-bezier(0.22, 1, 0.36, 1), ease-out, cubic-bezier(0.16, 1, 0.3, 1), cubic-bezier(0.45, 0, 0.55, 1), linear
- States
- focus, hover, disabled
Mobile
Desktop navigation reduces from 4 visible actions to 2. Hero alignment changes from left to center; mobile heading size is 49.92px.
7 multi-column content regions remain on mobile.Inspect responsive test
- Viewport
- 390 × 844
- Overflow
- No horizontal overflow detected
Reproduction guidance
Do
- Pair the observed #fffffc canvas with #2a1b18 primary copy before adding secondary surfaces.
- Use Didot at 191.76px/157.243px, weight 400, for the primary display moment.
- Let the left-aligned visual-led hero establish hierarchy before secondary content.
- Image led media acts as the page’s primary visual proof rather than decoration.
Don’t
- Do not mix in arbitrary radii; 50px is the repeated treatment on pills.
- Do not introduce an accent hue that is absent from the captured palette.
- Do not introduce extra type families beyond Didot and Helvetica Neue.
- Do not spread the observed shadow treatment across every container; keep elevation selective.