System overview
- Hero
- stacked · center
- Surface
- dark
- Density
- sparse
- Content width
- 1528px
- Confidence
- medium
- Primary action
- Request data
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 1.Surface
Repeated container or section fill; relative occurrence score 1.Surface
Repeated container or section fill; relative occurrence score 1.Primary text
Observed display foreground with 17.0:1 contrast against the captured canvas.Secondary text
Observed reading foreground; measured canvas-reference contrast is 6.8: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 Helvetica Neue 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.The post-training layer for physical AI.
Helvetica Neue · 32px/32px · weight 500 · tracking -0.8px · color rgb(243, 238, 228)Enact generates the data that makes robotics models useful in the real world. We roll out policies…
Helvetica Neue · 16.8px/26.04px · weight 400 · tracking -0.168px · color rgba(244, 237, 228, 0.620)Looking for real-world robotics data?
Helvetica Neue · 11.84px/15.984px · weight 500 · tracking -0.0592px · color rgba(243, 238, 228, 0.522)Read Enact's launch announcement on X
Helvetica Neue · 11.52px/11.52px · weight 500 · tracking -0.056px · color rgba(243, 238, 229, 0.420)Spacing & shape
Spacing
- Base unit
- 8px
- Section gap
- 96px
- Container
- 22.5px
6.5px96px11.5px22.5px8px12px80px20px7.5px18.5pxShape
Mixed geometry is the dominant shape voice. Elevation is selectively reinforced with shadow.
- Pills
- 50px
- Media
- 0px
Inspect borders & shadows · 3
1px solid rgba(243, 236, 230, 0.161)1px solid rgba(243, 238, 228, 0.902)rgba(243, 238, 228, 0.4) 0px 0px 8.8px 0pxComponent grammar
Hero
Opening proposition
Stacked, center-aligned opening anchored by “Request data”.
Inspect 4 properties
- Pattern
- stacked
- Alignment
- center
- Heading
- Helvetica Neue · 32px / 500
- Media
- image-led
Navigation
Global wayfinding
Static navigation with 3 visible actions in the desktop opening.
Inspect 7 properties
- Text
- #f3eee4
- Border
- none
- Radius
- 0px
- Padding
- 0px 0px 0px 0px
- Type
- Helvetica Neue · 16px / 400
- Position
- static
- Height
- 12px
Primary action
Conversion
“Request data” is the strongest first-viewport action by semantic intent and visual contrast.
Inspect 6 properties
- Background
- rgba(243, 238, 228, 0.941)
- Text
- #090a0b
- Border
- 1px solid rgba(243, 238, 228, 0.902)
- Radius
- 0px
- Padding
- 11.52px 18.4px 11.52px 18.4px
- Type
- Helvetica Neue · 12px / 600
Badge or tag
Compact status or category label
1 style-matched badge or tag instance was found among 1 candidates; properties describe the dominant observed cluster.
Inspect 7 properties
- Background
- rgba(243, 238, 227, 0.761)
- Text
- #090a0b
- Border
- none
- Radius
- 0px
- Padding
- 0px 0px 0px 0px
- Type
- Helvetica Neue · 10.4px / 500
- Candidate pool
- 1
Media frame
Visual proof
1 style-matched media element was found among 1 rendered candidates; fill fitting and 0px are the most repeated treatments.
Inspect 4 properties
- Fit
- fill
- Ratios
- 4.77
- Radius
- 0px
- Candidate pool
- 1
Footer
Closing navigation
3 visible actions close the page on a transparent surface.
Inspect 6 properties
- Text
- #f3eee4
- Border
- none
- Radius
- 0px
- Padding
- 0px 0px 0px 0px
- Type
- Helvetica Neue · 16px / 400
- Links
- 3
Layout & narrative
The experience remains a single composed scene rather than a multi-section narrative.
- Structure
- Single-scene landing
- Hero pattern
- Stacked hero: message leads into visual proof within the opening
- Grid
- 1 column
- Closing
- Utility footer with 3 actions
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
- 1 image/canvas element and 0 videos across the analyzed homepage.
Motion
10 declared keyframes and 10 active animations were inspectable at capture; observed timing uses 0.16s, 2600ms.
Reduced-motion rules detectedInspect motion inventory
- Libraries
- CSS / browser-native or bundled source not identifiable
- Keyframes
- clamp-top, clamp-bottom, arrive-from-left, arrive-from-top, arrive-from-bottom, intro-lift, mark-lift, copy-reveal, site-logo-reveal, footer-reveal
- Durations
- 0.16s, 2600ms
- Easings
- ease, ease, ease, ease, ease, ease, ease, ease, cubic-bezier(0.22, 0.61, 0.36, 1), linear
- States
- hover, focus
Mobile
Desktop navigation reduces from 3 visible actions to 2. Hero remains center-aligned; mobile heading size is 14.4px.
Primary content reads as a single-column mobile flow.Inspect responsive test
- Viewport
- 390 × 844
- Overflow
- No horizontal overflow detected
Reproduction guidance
Do
- Pair the observed #0a0c0d canvas with #f3eee4 primary copy before adding secondary surfaces.
- Use Helvetica Neue at 32px/32px, weight 500, for the primary display moment.
- Reserve the strongest first-viewport contrast for “Request data” within the center-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; 50px is the repeated treatment on pills.
- Do not reuse the rgba(243, 238, 228, 0.941) action color across decorative elements; keep its interactive emphasis selective.
- Do not introduce extra type families beyond Helvetica Neue.
- Do not spread the observed shadow treatment across every container; keep elevation selective.