System overview
- Hero
- stacked · left
- Surface
- dark
- Density
- sparse
- Content width
- 1200px
- Confidence
- medium
- Primary action
- Talk to founders →
Color system
Dark surfaces use 8 repeated semantic colors; the primary action carries the strongest interactive emphasis.
Page canvas
Dominant rendered page background.Surface
Repeated container or section fill; relative occurrence score 43.Surface
Repeated container or section fill; relative occurrence score 30.Surface
Repeated container or section fill; relative occurrence score 6.Primary text
Observed display foreground with 18.7:1 contrast against the captured canvas.Secondary text
Observed reading foreground; measured canvas-reference contrast is 7.2:1.Primary action
Fill used by the dominant first-viewport action.Border and divider
Most repeated inspectable border color.Typography
A single-family system uses Satoshi across display and reading roles, differentiated by size and weight.
Metric previews use the observed CSS values. Source font files are not bundled, so unavailable families fall back locally.Robots that automate wet labs.
Satoshi · 70.4px/71.808px · weight 500 · tracking -2.816px · "blwf", "cv03", "cv04", "cv09", "cv11" · color rgb(245, 245, 245)From first conversation to daily robot operations within one week.
Satoshi · 46.4px/51.968px · weight 500 · tracking -1.392px · "blwf", "cv03", "cv04", "cv09", "cv11" · color rgb(245, 245, 245)Lab instruments automate individual processes, but scientists still spend hours connecting them. Our…
Satoshi · 17px/27.2px · weight 400 · tracking 0px · "blwf", "cv03", "cv04", "cv09", "cv11" · color rgb(154, 154, 154)Pipettes, handles samples and consumables, and operates the scientific instruments you already own.
Satoshi · 15px/24px · weight 400 · tracking 0px · "blwf", "cv03", "cv04", "cv09", "cv11" · color rgb(154, 154, 154)Live in the largest autonomous lab in the US
Satoshi · 13px/20.8px · weight 600 · tracking 2.34px · "blwf", "cv03", "cv04", "cv09", "cv11" · color rgb(255, 46, 136)Spacing & shape
Spacing
- Base unit
- 4px
- Section gap
- 44px
- Container
- 28px
28px10px12px24px18px44px110px32px48px40pxShape
Rounded geometry is the dominant shape voice. Separation relies on borders and surface contrast rather than shadow.
- Cards
- 20px
- Pills
- 999px
- Containers
- 6px
- Media
- 6px
Inspect borders & shadows · 3
1px solid rgba(255, 255, 255, 0.078)1px solid transparentNone observedComponent grammar
Hero
Opening proposition
Stacked, left-aligned opening anchored by “Talk to founders →”.
Inspect 4 properties
- Pattern
- stacked
- Alignment
- left
- Heading
- Satoshi · 70.4px / 500
- Media
- image-led
Navigation
Global wayfinding
Persistent navigation with 4 visible actions in the desktop opening.
Inspect 8 properties
- Background
- rgba(6, 6, 6, 0.722)
- Text
- #f5f5f5
- Border
- none
- Radius
- 0px
- Padding
- 0px 0px 0px 0px
- Type
- Satoshi · 16px / 400
- Position
- fixed
- Height
- 72px
Primary action
Conversion
“Talk to founders →” is the strongest first-viewport action by semantic intent and visual contrast.
Inspect 6 properties
- Background
- #ffffff
- Text
- #0a0a0a
- Border
- 1px solid transparent
- Radius
- 999px
- Padding
- 12px 22px 12px 22px
- Type
- Satoshi · 14px / 500
Content card
Repeated content module
6 style-matched content card instances were found among 6 candidates; properties describe the dominant observed cluster.
Inspect 7 properties
- Background
- #111111
- Text
- #f5f5f5
- Border
- 1px solid rgba(255, 255, 255, 0.078)
- Radius
- 20px
- Padding
- 32px 28px 44px 28px
- Type
- Satoshi · 16px / 400
- Candidate pool
- 6
Media frame
Visual proof
2 style-matched media elements were found among 5 rendered candidates; fill fitting and 0px are the most repeated treatments.
Inspect 4 properties
- Fit
- fill
- Ratios
- 1.00, 2.31, 1.79, 2.05
- Radius
- 0px, 6px
- Candidate pool
- 5
Footer
Closing navigation
3 visible actions close the page on a transparent surface.
Inspect 6 properties
- Text
- #f5f5f5
- Border
- 1px solid rgba(255, 255, 255, 0.078)
- Radius
- 0px
- Padding
- 44px 0px 44px 0px
- Type
- Satoshi · 16px / 400
- Links
- 3
Layout & narrative
The homepage continues through 10 observed sections, moving from the opening proposition into From first conversation to daily robot operations within one week, One robot runs your lab like a technician would, Your lab, unchanged.
- Structure
- Stacked product narrative
- Hero pattern
- Stacked hero: message leads into visual proof within the opening
- Grid
- 1 column
- Closing
- Utility footer with 3 actions
Full section sequence · 10
- From first conversation to daily robot operations within one week.
- One robot runs your lab like a technician would.
- Your lab, unchanged.
- Put a robot technician to work in your wet lab.
- 2,000+ completed
- 97%+ success rate
- 1 week to live
- Navigate
- Manipulate
- Orchestrate
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
- Multiple visual elements share the first viewport.
- Inventory
- 5 images/canvas elements and 0 videos across the analyzed homepage.
Motion
3 declared keyframes and 19 active animations were inspectable at capture; observed timing uses 0.5s, 0.25s, 1.6s.
Reduced-motion rules detectedInspect motion inventory
- Libraries
- CSS / browser-native or bundled source not identifiable
- Keyframes
- nav-drop, rise, blink
- Durations
- 0.5s, 0.25s, 1.6s, 0.01ms, 900ms, 1400ms, 700ms
- Easings
- ease, ease-in-out, cubic-bezier(0.22, 1, 0.36, 1), linear
- States
- hover
Mobile
Desktop navigation reduces from 4 visible actions to 3. Hero alignment changes from left to center; mobile heading size is 38.4px.
Observed multi-column desktop regions collapse to a single-column mobile flow.Inspect responsive test
- Viewport
- 390 × 844
- Overflow
- No horizontal overflow detected
Reproduction guidance
Do
- Pair the observed #060505 canvas with #f5f5f5 primary copy before adding secondary surfaces.
- Use Satoshi at 70.4px/71.808px, weight 500, for the primary display moment.
- Reserve the strongest first-viewport contrast for “Talk to founders →” within the left-aligned stacked hero.
- Image led media acts as the page’s primary visual proof rather than decoration.
Don’t
- Do not mix in arbitrary radii; 20px is the repeated treatment on cards.
- Do not reuse the #ffffff action color across decorative elements; keep its interactive emphasis selective.
- Do not introduce extra type families beyond Satoshi.
- Do not add card shadows; the source separates content without repeated elevation.




