Seasats

Seasats builds autonomous surface vehicles for ocean missions, presenting its defense, science and commercial work on a calm, cinematic website.

Seasats preview
Seasats supporting image 1
Seasats supporting image 2
Seasats supporting image 3

About Seasats

The site opens on a full-bleed scene of unmanned surface vehicles resting on still water, with the headline Ocean Autonomy That Works set in a large serif over the imagery. A short line beneath, Ocean intelligence. Fully autonomous. Fully operational., frames the company's pitch in three clipped statements.

Copy emphasizes missions completed for defense, science and commercial customers around the world, and the site pairs this messaging with product-focused sections, including interactive hotspots on vehicle overviews and a careers area with its own dropdown navigation.

Color palette

Website details

/frontpage, /privacy-policy

Hover states are defined for header actions, navigation links, product hotspot triggers and careers dropdown items, alongside toast and preloader animations in the stylesheet.

The palette pairs near-black text with a pale sage accent, and the homepage layers a large serif headline over muted blue-grey seascape photography for a restrained, atmospheric look. A broad photographic hero sits beside a narrow vertical navigation column made from stacked, muted color blocks.

The stylesheet defines a responsive layout with desktop breakpoints around 1024px, tablet breakpoints around 768 and 1023px and mobile breakpoints around 519 and 520px.

The site is built on Next.js, with no identifier of a hosted website builder found in the delivered code.

Tags

More

Submit
Loading
World Web Atlas

Hop on in partner

Save favourites, submit work and manage your profile.Save favourites and submit work.

Continue with GoogleContinue with Discord