Gallery screenshot, saved 2026-10-24
How it’s built
- Layout
- Dark browser-like top bar and thin frame enclose a page hero. Dim terrain/aerial image contains three aircraft-like forms with small white codes connected by dotted paths. Large white two-line title upper left; small identity/section/contact/menu controls along top; lower-right explanatory copy and four ruled label/description rows. Browser chrome belongs to gallery presentation, not proven site chrome.
- Type
- Large white sans title, small top utilities, medium body copy and smaller structured rows; exact fonts/metrics unknown.
- Color and surface
- Muted dark green/charcoal/brown terrain with pale text and rules; dark controls. Outer browser frame is presentation.
- Components
- Top logo/nav/contact/menu, terrain field, labeled craft with dotted connectors, title, supporting paragraph and four data rows.
What makes it work
- Aerial context with labeled objects and fine linking paths.
- Large upper-left title balanced by lower-right explanation and ruled fact rows.
- Light labels over dark terrain without opaque card clutter.
On a new subjectFor an archaeology field institute, use original site terrain imagery with labeled excavation locations linked by dotted paths, an upper-left title and lower-right research summary with ruled facts. Use static diagram semantics unless live functionality is separately implemented; replace all defense subject matter.
Live behavior
- Today
- The saved USAvionix states vary from a nearly black loading-like frame with a dim aircraft and “CALIBRATING” label to a loaded hero. In the loaded desktop image, a terrain image fills the background behind a rendered aircraft; the white USAvionix mark sits top left, Contact and a menu icon top right, and the large message “Securing the skies with autonomous intelligence” occupies the left. A supporting sentence sits lower right. Tablet and phones arrange the aircraft above the headline, body copy and Scroll To Explore control. The desktop-scroll-labeled screenshot measures actual y=1 and is a loaded opening hero, not evidence of a lower scroll position. The selected gallery reference is a standalone image of one rendered aircraft over textured terrain, with no visible browser frame, title, or explanatory text.
- Responsive
- Desktop measurements use viewport 1440×1000 and a 1440×71464 document; tablet is 768×1024 with a 768×73529 document; phones are 390×844 with 390×60568 documents. The desktop-scroll-labeled state records actual y=1. Desktop t0/t2 retain the dark calibration frame, while the desktop-scroll, tablet and phone images show the loaded hero. At narrower widths the aircraft moves above the large headline and supporting text. These saved states do not establish breakpoints or explain the loading-to-hero difference.
- Scroll
- The desktop-scroll-labeled screenshot records actual scrollY=1 in a 1440×71464 document. It shows the loaded hero with the large aviation headline, aircraft-over-terrain image and supporting copy. This is effectively an opening position and does not establish a lower-page scroll state.
