System overview
- Hero
- visual-led · left
- Surface
- light
- Density
- balanced
- Content width
- 1440px
- Confidence
- low
- 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 133.Surface
Repeated container or section fill; relative occurrence score 5.Surface
Repeated container or section fill; relative occurrence score 4.Primary text
Observed display foreground with 18.7:1 contrast against the captured canvas.Secondary text
Observed reading foreground; measured canvas-reference contrast is 20.8:1.Border and divider
Most repeated inspectable border color.Typography
The observed type system assigns Inter to display, body, label text; Funnel Display to heading text; Monospace to body-small text.
Metric previews use the observed CSS values. Source font files are not bundled, so unavailable families fall back locally.AI sandboxes that don't get in your way.
Inter · 32px/44.8px · weight 400 · tracking 0px · color rgb(17, 17, 17)box
Funnel Display · 180px/162px · weight 400 · tracking -7.2px · color rgb(17, 17, 17) · preview scaledPay only for the boxes you run, by the second. Three sizes, priced by the machine time they use.…
Inter · 16px/23.2px · weight 400 · tracking 0px · color rgb(17, 17, 17)$ box desktop Use the virtual desktop at 60fps
Monospace · 15px/22.5px · weight 400 · tracking 0.15px · color rgb(17, 17, 17)small
Inter · 13px/18.2px · weight 400 · tracking 0px · color rgb(17, 17, 17)Spacing & shape
Spacing
- Base unit
- 4px
- Section gap
- 48px
- Container
- 20px
12px10px14px6px48px20px34px24px30px44pxShape
Sharp geometry is the dominant shape voice. Separation relies on borders and surface contrast rather than shadow.
- Pills
- 2px
- Media
- 0px
- Buttons
- 0px
Inspect borders & shadows · 6
1px solid rgb(224, 224, 224)1px solid rgb(17, 17, 17)1px solid rgb(216, 216, 216)5px solid transparent1px solid transparentNone observedComponent grammar
Hero
Opening proposition
Visual led, left-aligned opening anchored by the primary message.
Inspect 4 properties
- Pattern
- visual-led
- Alignment
- left
- Heading
- Inter · 32px / 400
- Media
- image-led
Navigation
Global wayfinding
Persistent navigation with 1 visible actions in the desktop opening.
Inspect 7 properties
- Text
- #111111
- Border
- none
- Radius
- 0px
- Padding
- 0px 0px 0px 0px
- Type
- Inter · 16px / 400
- Position
- fixed
- Height
- 45px
Form control
Input and selection
2 style-matched form control instances were found among 2 candidates; properties describe the dominant observed cluster.
Inspect 7 properties
- Background
- #f2f2f2
- Text
- #111111
- Border
- 1px solid rgb(216, 216, 216)
- Radius
- 2px
- Padding
- 0px 0px 0px 0px
- Type
- Inter · 16px / 400
- Candidate pool
- 2
Media frame
Visual proof
9 style-matched media elements were found among 10 rendered candidates; contain fitting and 0px are the most repeated treatments.
Inspect 4 properties
- Fit
- contain, fill
- Ratios
- 1.00, 1.60
- Radius
- 0px
- Candidate pool
- 10
Footer
Closing navigation
8 visible actions close the page on a #ffffff surface.
Inspect 7 properties
- Background
- #ffffff
- Text
- #111111
- Border
- 1px solid rgb(224, 224, 224)
- Radius
- 0px
- Padding
- 0px 32px 0px 32px
- Type
- Inter · 16px / 400
- Links
- 8
Layout & narrative
The homepage continues through 6 observed sections, moving from the opening proposition into Designed for agents, Ready out of the box, Full machine capabilities.
- Structure
- Visual marquee narrative
- Hero pattern
- Visual marquee: imagery carries most of the opening surface
- Grid
- 2 columns
- Closing
- Utility footer with 8 actions
Full section sequence · 6
- Designed for agents
- Ready out of the box
- Full machine capabilities
- Simple, affordable pricing
- Simple API
- FAQ
Imagery, motion & responsive
Imagery
Image led media acts as the page’s primary visual proof rather than decoration.
contain fitting · square-edged framesInspect imagery inventory
- Composition
- Multiple visual elements share the first viewport.
- Inventory
- 10 images/canvas elements and 0 videos across the analyzed homepage.
Motion
3 declared keyframes and 9 active animations were inspectable at capture; observed timing uses 0.15s, 0.6s, 1s.
No reduced-motion rule detectedInspect motion inventory
- Libraries
- CSS / browser-native or bundled source not identifiable
- Keyframes
- fade-up, bv-blink, bv-fade-in
- Durations
- 0.15s, 0.6s, 1s, 0.18s
- Easings
- ease, ease, ease, ease, ease, ease, step-end, ease, ease, ease, ease, cubic-bezier(0.34, 1.56, 0.64, 1), linear
- States
- hover, focus, active
Mobile
The same 1 visible navigation action remains at mobile width. Hero alignment changes from left to center; mobile heading size is 18px.
1 multi-column content region remains on mobile.Inspect responsive test
- Viewport
- 390 × 844
- Overflow
- No horizontal overflow detected
Reproduction guidance
Do
- Pair the observed #fefefe canvas with #111111 primary copy before adding secondary surfaces.
- Use Inter at 32px/44.8px, 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; 2px 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 Inter and Funnel Display and Monospace.
- Do not add card shadows; the source separates content without repeated elevation.