diff --git a/website/assets/images/logo-atlassian-140x18@2x.png b/website/assets/images/logo-atlassian-140x18@2x.png new file mode 100644 index 0000000000..f98ea62c64 Binary files /dev/null and b/website/assets/images/logo-atlassian-140x18@2x.png differ diff --git a/website/assets/images/logo-fastly-75x30@2x.png b/website/assets/images/logo-fastly-75x30@2x.png new file mode 100644 index 0000000000..03e754b748 Binary files /dev/null and b/website/assets/images/logo-fastly-75x30@2x.png differ diff --git a/website/assets/images/logo-gusto-64x24@2x.png b/website/assets/images/logo-gusto-64x24@2x.png new file mode 100644 index 0000000000..71c94f5fe9 Binary files /dev/null and b/website/assets/images/logo-gusto-64x24@2x.png differ diff --git a/website/assets/images/logo-segment-112x24@2x.png b/website/assets/images/logo-segment-112x24@2x.png new file mode 100644 index 0000000000..f94ed05cb6 Binary files /dev/null and b/website/assets/images/logo-segment-112x24@2x.png differ diff --git a/website/assets/images/logo-snowflake-117x28@2x.png b/website/assets/images/logo-snowflake-117x28@2x.png new file mode 100644 index 0000000000..6f8e72e65c Binary files /dev/null and b/website/assets/images/logo-snowflake-117x28@2x.png differ diff --git a/website/assets/images/logo-uber-70x24@2x.png b/website/assets/images/logo-uber-70x24@2x.png new file mode 100644 index 0000000000..557b7a0721 Binary files /dev/null and b/website/assets/images/logo-uber-70x24@2x.png differ diff --git a/website/assets/images/logo-wayfair-110x24@2x.png b/website/assets/images/logo-wayfair-110x24@2x.png new file mode 100644 index 0000000000..961bda4da1 Binary files /dev/null and b/website/assets/images/logo-wayfair-110x24@2x.png differ diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less index d3de5114f0..83e3d5f59b 100644 --- a/website/assets/styles/pages/homepage.less +++ b/website/assets/styles/pages/homepage.less @@ -1,8 +1,8 @@ #homepage { h1 { font-weight: 800; - font-size: 56px; - line-height: 54px; + font-size: 64px; + line-height: 76px; } h3 { font-weight: 800; @@ -64,7 +64,6 @@ p { margin-bottom: 40px; font-size: 18px; - max-width: 520px; } [purpose='button-row'] { margin-bottom: 40px; @@ -74,30 +73,34 @@ [purpose='hero-logos'] { margin-top: 32px; margin-bottom: 120px; + max-width: 1080px; [purpose='snowflake-logo'] { - height: 30px; + height: 28px; } [purpose='wayfair-logo'] { - height: 33px; + height: 24px; } [purpose='uber-logo'] { + height: 24px; + } + [purpose='fastly-logo'] { height: 30px; } [purpose='atlassian-logo'] { - height: 21px; + height: 18px; + } + [purpose='gusto-logo'] { + height: 24px; } [purpose='segment-logo'] { - height: 32px; - } - [purpose='bottom-row-uber-logo'] { - display: none; + height: 24px; } } [purpose='logo-column'] { img { - margin-right: 35px; - margin-left: 35px; + // margin-right: 35px; + // margin-left: 35px; } } @@ -444,6 +447,46 @@ } + @media (max-width: 1400px) { + + [purpose='hero-logos'] { + margin-top: 32px; + margin-bottom: 120px; + padding-right: 60px; + padding-left: 60px; + [purpose='snowflake-logo'] { + height: 28px; + } + [purpose='wayfair-logo'] { + height: 24px; + } + [purpose='uber-logo'] { + height: 24px; + } + [purpose='fastly-logo'] { + height: 30px; + } + [purpose='atlassian-logo'] { + height: 18px; + } + [purpose='gusto-logo'] { + height: 24px; + } + [purpose='segment-logo'] { + height: 24px; + } + } + + [purpose='logo-column'] { + width: 100%; + img { + margin-right: auto; + margin-left: auto; + } + } + + } + @media (max-width: 1199px) { [purpose='hero-background-image'] { @@ -513,35 +556,39 @@ max-width: 100%; height: 720px; } + [purpose='hero-text'] { + padding-top: 20px; + max-width: 450px; + } [purpose='hero-logos'] { + max-width: 688px; margin-top: 24px; + padding-left: 40px; + padding-right: 40px; img { display: inline; } [purpose='snowflake-logo'] { height: 22px; - width: auto; } [purpose='wayfair-logo'] { height: 22px; - width: auto; } [purpose='uber-logo'] { height: 22px; - width: auto; } [purpose='atlassian-logo'] { height: 16px; - width: auto; } [purpose='segment-logo'] { height: 24px; } } [purpose='logo-column'] { + margin-bottom: 32px; img { - margin-right: 20px; - margin-left: 20px; + // margin-right: 20px; + // margin-left: 20px; } } @@ -618,26 +665,9 @@ } [purpose='hero-logos'] { margin-top: 32px; - margin-bottom: 80px; - [purpose='snowflake-logo'] { - height: 30px; - } - [purpose='wayfair-logo'] { - height: 33px; - } - [purpose='uber-logo'] { - height: 30px; - } - [purpose='atlassian-logo'] { - height: 21px; - } - [purpose='segment-logo'] { - height: 32px; - } - [purpose='bottom-row-uber-logo'] { - display: none; - } + margin-bottom: 120px; } + [purpose='homepage-text-block'] { margin-bottom: 80px; p { @@ -749,13 +779,13 @@ h1 { font-weight: 800; font-size: 40px; - line-height: 60px; + line-height: 48px; } [purpose='hero-text'] { padding-bottom: 260px; h1 { font-size: 40px; - line-height: 60px; + line-height: 48px; } h4 { font-size: 14px; @@ -829,28 +859,12 @@ } } [purpose='hero-logos'] { + max-width: 335px; + padding-left: 20px; + padding-right: 20px; img { display: inline; } - [purpose='snowflake-logo'] { - height: 22px; - width: auto; - } - [purpose='wayfair-logo'] { - height: 22px; - width: auto; - } - [purpose='uber-logo'] { - height: 22px; - width: auto; - } - [purpose='atlassian-logo'] { - height: 16px; - width: auto; - } - [purpose='segment-logo'] { - height: 24px; - } } [purpose='video-modal'] { [purpose='modal-content'] { @@ -900,13 +914,6 @@ img { display: inline; } - [purpose='uber-logo'] { - display: none; - } - [purpose='bottom-row-uber-logo'] { - margin-top: 24px; - display: flex; - } } diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs index a9e8f0b650..f4f196b6c5 100644 --- a/website/views/pages/homepage.ejs +++ b/website/views/pages/homepage.ejs @@ -6,9 +6,9 @@
<%/* Hero text */%>
-

Open-source device management

-

Lighter than air

-

Lightweight management for laptops and servers.
Designed for APIs, GitOps, webhooks, YAML, and humans.

+

For teams with thousands of computers

+

Untangle your endpoints

+

Replace the sprawl you inherited with open-source code that works the way you want.

Try it out Talk to an expert @@ -19,18 +19,44 @@
<%/* Row of logos */%> -
-
- Snowflake logo - Wayfair logo - Uber logo +
+ <%/* >991px logos all on one row */%> +
+ Snowflake logo + Wayfair logo + Uber logo + Fastly logo + Atlassian logo + Gusto logo + Segment logo
-
- Atlassian logo - Segment logo + <%/* >576px logos - two rows */%> +
+ Snowflake logo + Wayfair logo + Uber logo + Fastly logo
-
- Uber logo + +
+ Atlassian logo + Gusto logo + Segment logo +
+ + <%/* <576px logos - three rows */%> +
+ Snowflake logo + Wayfair logo +
+
+ Uber logo + Fastly logo + Atlassian logo +
+
+ Gusto logo + Segment logo
<%/* Homepage content */%> @@ -208,7 +234,7 @@
transparency
Scope transparency
-

Fleet champions a user-first transparency model with its open-source software, allowing users to see what's being monitored and how. Read more on Fleet’s transparency page.

+

Let end users see the source code for exactly how they are being monitored, and set clear expectations about what is and isn’t acceptable use of work computers.