System overview
- Hero
- visual-led · center
- Surface
- dark
- Density
- sparse
- Content width
- 1600px full-width canvas
- Confidence
- medium
- Primary action
- None detected
Color system
Dark 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 64.Surface
Repeated container or section fill; relative occurrence score 63.Surface
Repeated container or section fill; relative occurrence score 62.Primary text
Observed display foreground with 16.4:1 contrast against the captured canvas.Secondary text
Observed reading foreground; measured canvas-reference contrast is 9.3:1.Border and divider
Most repeated inspectable border color.Typography
A single-family system uses DM Sans Variable 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.Drones that clear clouds over solar farms
DM Sans Variable · 29px/39.15px · weight 400 · tracking 0px · color rgb(255, 255, 255)Open up the skies over your solar plant
DM Sans Variable · 73.6px/78.016px · weight 500 · tracking 0.736px · color rgb(255, 255, 255) · preview scaledEric previously developed systems for droplet removal from LiDAR lenses and researched electronic…
DM Sans Variable · 15.5px/25.575px · weight 400 · tracking 0px · color rgb(185, 196, 210)* Maximum estimated uplift based on modelled cloud types. Site-specific uplift available upon…
DM Sans Variable · 13.5px/21.9375px · weight 400 · tracking 0px · color rgb(147, 162, 181)How it works
DM Sans Variable · 13px/19.5px · weight 400 · tracking 1.69px · color rgb(255, 251, 244)Spacing & shape
Spacing
- Base unit
- 4px
- Section gap
- 48px
- Container
- 28px
28px9px14px48px22px150px12px36px38px13pxShape
Sharp geometry is the dominant shape voice. Separation relies on borders and surface contrast rather than shadow.
- Inputs
- 3px
- Containers
- 3px
- Buttons
- 3px
- Media
- 0px
Inspect borders & shadows · 2
1px solid rgba(230, 236, 243, 0.161)None observedComponent grammar
Hero
Opening proposition
Visual led, center-aligned opening anchored by the primary message.
Inspect 4 properties
- Pattern
- visual-led
- Alignment
- center
- Heading
- DM Sans Variable · 29px / 400
- Media
- image-led
Navigation
Global wayfinding
Persistent navigation with 4 visible actions in the desktop opening.
Inspect 7 properties
- Text
- #ffffff
- Border
- none
- Radius
- 0px
- Padding
- 0px 44px 0px 44px
- Type
- DM Sans Variable · 16px / 400
- Position
- fixed
- Height
- 76px
Form control
Input and selection
3 style-matched form control instances were found among 3 candidates; properties describe the dominant observed cluster.
Inspect 7 properties
- Background
- #141a24
- Text
- #ffffff
- Border
- 1px solid rgba(230, 236, 243, 0.161)
- Radius
- 3px
- Padding
- 13px 14px 13px 14px
- Type
- DM Sans Variable · 16px / 400
- Candidate pool
- 3
Media frame
Visual proof
2 style-matched media elements were found among 10 rendered candidates; cover fitting and 0px are the most repeated treatments.
Inspect 4 properties
- Fit
- cover, fill
- Ratios
- 2.00, 1.00, 2.42, 1.25, 0.98
- Radius
- 0px
- Candidate pool
- 10
Footer
Closing navigation
2 visible actions close the page on a transparent surface.
Inspect 6 properties
- Text
- #ffffff
- Border
- none
- Radius
- 0px
- Padding
- 0px 0px 0px 0px
- Type
- DM Sans Variable · 16px / 400
- Links
- 2
Layout & narrative
The homepage continues through 11 observed sections, moving from the opening proposition into How it works, Uplift potential *, Team.
- Structure
- Visual marquee narrative
- Hero pattern
- Visual marquee: imagery carries most of the opening surface
- Grid
- 2 columns
- Closing
- Minimal closing footer
Full section sequence · 11
- How it works
- Uplift potential *
- Team
- Open up the skies over your solar plant
- Drones deploy near the solar plant
- Fly into low and mid-altitude clouds
- Alter the cloud droplets
- Reduce cloud reflectivity
- Allow more sunlight to reach the solar panels
- Mete Karslioglu
- Eric Nilsson
Imagery, motion & responsive
Imagery
Image led media acts as the page’s primary visual proof rather than decoration.
cover fitting · square-edged framesInspect imagery inventory
- Composition
- A focused visual anchors the first viewport.
- Inventory
- 9 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.3s, 0.2s.
Reduced-motion rules detectedInspect motion inventory
- Libraries
- CSS / browser-native or bundled source not identifiable
- Keyframes
- None identified
- Durations
- 0.3s, 0.2s
- Easings
- ease, ease, ease
- States
- hover, focus
Mobile
Desktop navigation reduces from 4 visible actions to 1. Hero remains center-aligned; mobile heading size is 21px.
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 #19202c canvas with #ffffff primary copy before adding secondary surfaces.
- Use DM Sans Variable at 29px/39.15px, weight 400, for the primary display moment.
- 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; 3px is the repeated treatment on inputs.
- Do not introduce an accent hue that is absent from the captured palette.
- Do not introduce extra type families beyond DM Sans Variable.
- Do not add card shadows; the source separates content without repeated elevation.