System overview
- Hero
- visual-led · center
- Surface
- light
- Density
- sparse
- Content width
- 1552px
- 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 14.Surface
Repeated container or section fill; relative occurrence score 3.Surface
Repeated container or section fill; relative occurrence score 2.Primary text
Observed display foreground with 8.1:1 contrast against the captured canvas.Secondary text
Observed reading foreground; measured canvas-reference contrast is 14.4:1.Border and divider
Most repeated inspectable border color.Typography
The observed type system assigns Instrument Sans to heading, label text; Newsreader to body, body-small text.
Metric previews use the observed CSS values. Source font files are not bundled, so unavailable families fall back locally.we're growing scalable brain systems — the next-gen hardware layer for biocomputing.
Instrument Sans · 33px/39.6px · weight 400 · tracking -0.495px · color rgb(32, 29, 26)that lets us grow far larger biological neural nets beyond model sizes that would be traditionally…
Newsreader · 17px/26.35px · weight 400 · tracking 0px · color rgb(74, 69, 63)we're a biocomputing company growing large-scale neuronal tissue, living hardware with memory baked…
Newsreader · 15.5px/20.925px · weight 400 · tracking 0px · color rgb(74, 69, 63)backed by Y Combinator · S26
Instrument Sans · 13px/19.5px · weight 400 · tracking 0px · color rgb(74, 69, 63)Spacing & shape
Spacing
- Base unit
- 8px
- Section gap
- 50px
- Container
- 16px
16px24px8px9px18px22px20px50px10px80pxShape
Soft geometry is the dominant shape voice. Elevation is selectively reinforced with shadow.
- Containers
- 12px
- Cards
- 12px
- Media
- 0px
Inspect borders & shadows · 5
1px solid rgba(255, 255, 255, 0.400)1px solid rgba(33, 33, 25, 0.122)1px solid rgba(33, 28, 28, 0.180)1px solid rgba(29, 29, 29, 0.102)rgba(3, 15, 42, 0.08) 0px 10px 30px 0pxComponent grammar
Hero
Opening proposition
Visual led, center-aligned opening anchored by the primary message.
Inspect 4 properties
- Pattern
- visual-led
- Alignment
- center
- Heading
- 22px
- Media
- image-led
Navigation
Global wayfinding
Static navigation with 2 visible actions in the desktop opening.
Inspect 7 properties
- Text
- #201d1a
- Border
- none
- Radius
- 0px
- Padding
- 0px 0px 0px 0px
- Type
- Instrument Sans · 16px / 400
- Position
- static
- Height
- 41px
Content card
Repeated content module
1 style-matched content card instance was found among 1 candidates; properties describe the dominant observed cluster.
Inspect 7 properties
- Background
- rgba(255, 255, 255, 0.451)
- Text
- #201d1a
- Border
- 1px solid rgba(33, 28, 28, 0.180)
- Radius
- 12px
- Padding
- 18px 20px 18px 20px
- Type
- Instrument Sans · 16px / 400
- Candidate pool
- 1
Badge or tag
Compact status or category label
2 style-matched badge or tag instances were found among 2 candidates; properties describe the dominant observed cluster.
Inspect 7 properties
- Background
- rgba(255, 255, 255, 0.549)
- Text
- #201d1a
- Border
- 1px solid rgba(255, 255, 255, 0.400)
- Radius
- 12px
- Padding
- 0px 16px 0px 16px
- Type
- Instrument Sans · 13.5px / 400
- Candidate pool
- 2
Media frame
Visual proof
1 style-matched media element was found among 2 rendered candidates; fill fitting and 0px are the most repeated treatments.
Inspect 4 properties
- Fit
- fill
- Ratios
- 2.22, 3.38
- Radius
- 0px
- Candidate pool
- 2
Footer
Closing navigation
3 visible actions close the page on a transparent surface.
Inspect 6 properties
- Text
- #201d1a
- Border
- 1px solid rgba(29, 29, 29, 0.102)
- Radius
- 0px
- Padding
- 40px 0px 44px 0px
- Type
- Instrument Sans · 16px / 400
- Links
- 3
Layout & narrative
The homepage continues through 2 observed sections, moving from the opening proposition into early rollouts: our neurones learning to play Frogger, we're growing scalable brain systems — the next-gen hardware layer for biocomputing.
- Structure
- Visual marquee narrative
- Hero pattern
- Visual marquee: imagery carries most of the opening surface
- Grid
- Single-column flow
- Closing
- Utility footer with 3 actions
Full section sequence · 2
- early rollouts: our neurones learning to play Frogger
- we're growing scalable brain systems — the next-gen hardware layer for biocomputing.
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
- 2 images/canvas elements and 0 videos across the analyzed homepage.
Motion
0 declared keyframes and 0 active animations were inspectable at capture; observed timing uses 0.15s.
Reduced-motion rules detectedInspect motion inventory
- Libraries
- CSS / browser-native or bundled source not identifiable
- Keyframes
- None identified
- Durations
- 0.15s
- Easings
- ease, ease, ease
- States
- hover, focus
Mobile
The same 2 visible navigation actions remain at mobile width. Hero remains center-aligned; mobile heading size is 19px.
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 #f0ede7 canvas with #4a453f primary copy before adding secondary surfaces.
- Preserve the first viewport’s existing display-to-body scale contrast.
- Let the center-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; 12px is the repeated treatment on containers.
- Do not introduce an accent hue that is absent from the captured palette.
- Do not introduce extra type families beyond Instrument Sans and Newsreader.
- Do not spread the observed shadow treatment across every container; keep elevation selective.