diff --git a/website/assets/images/platform/icon-aws-112x92@2x.png b/website/assets/images/platform/icon-aws-112x92@2x.png deleted file mode 100644 index 4bae56af9a..0000000000 Binary files a/website/assets/images/platform/icon-aws-112x92@2x.png and /dev/null differ diff --git a/website/assets/images/platform/icon-azure-112x92@2x.png b/website/assets/images/platform/icon-azure-112x92@2x.png deleted file mode 100644 index 6709c6a670..0000000000 Binary files a/website/assets/images/platform/icon-azure-112x92@2x.png and /dev/null differ diff --git a/website/assets/images/platform/icon-elastic-112x92@2x.png b/website/assets/images/platform/icon-elastic-112x92@2x.png deleted file mode 100644 index bf4d5fa2d9..0000000000 Binary files a/website/assets/images/platform/icon-elastic-112x92@2x.png and /dev/null differ diff --git a/website/assets/images/platform/icon-gcp-112x92@2x.png b/website/assets/images/platform/icon-gcp-112x92@2x.png deleted file mode 100644 index 12db8e7a44..0000000000 Binary files a/website/assets/images/platform/icon-gcp-112x92@2x.png and /dev/null differ diff --git a/website/assets/images/platform/icon-jamf-112x92@2x.png b/website/assets/images/platform/icon-jamf-112x92@2x.png deleted file mode 100644 index b8a4643017..0000000000 Binary files a/website/assets/images/platform/icon-jamf-112x92@2x.png and /dev/null differ diff --git a/website/assets/images/platform/icon-kandji-112x92@2x.png b/website/assets/images/platform/icon-kandji-112x92@2x.png deleted file mode 100644 index 98e12326c8..0000000000 Binary files a/website/assets/images/platform/icon-kandji-112x92@2x.png and /dev/null differ diff --git a/website/assets/images/platform/icon-laptop-112x92@2x.png b/website/assets/images/platform/icon-laptop-112x92@2x.png deleted file mode 100644 index 39b2f8b22c..0000000000 Binary files a/website/assets/images/platform/icon-laptop-112x92@2x.png and /dev/null differ diff --git a/website/assets/images/platform/icon-laptop-56x40@2x.png b/website/assets/images/platform/icon-laptop-56x40@2x.png new file mode 100644 index 0000000000..1e9f445231 Binary files /dev/null and b/website/assets/images/platform/icon-laptop-56x40@2x.png differ diff --git a/website/assets/images/platform/icon-munki-112x92@2x.png b/website/assets/images/platform/icon-munki-112x92@2x.png deleted file mode 100644 index d5c4c65057..0000000000 Binary files a/website/assets/images/platform/icon-munki-112x92@2x.png and /dev/null differ diff --git a/website/assets/images/platform/icon-panther-112x92@2x.png b/website/assets/images/platform/icon-panther-112x92@2x.png deleted file mode 100644 index 23efa42f94..0000000000 Binary files a/website/assets/images/platform/icon-panther-112x92@2x.png and /dev/null differ diff --git a/website/assets/images/platform/icon-simple-mdm-112x92@2x.png b/website/assets/images/platform/icon-simple-mdm-112x92@2x.png deleted file mode 100644 index 2c59a436a5..0000000000 Binary files a/website/assets/images/platform/icon-simple-mdm-112x92@2x.png and /dev/null differ diff --git a/website/assets/images/platform/icon-snowflake-112x92@2x.png b/website/assets/images/platform/icon-snowflake-112x92@2x.png deleted file mode 100644 index 84df0ddfb1..0000000000 Binary files a/website/assets/images/platform/icon-snowflake-112x92@2x.png and /dev/null differ diff --git a/website/assets/images/platform/icon-splunk-112x92@2x.png b/website/assets/images/platform/icon-splunk-112x92@2x.png deleted file mode 100644 index 11eb96bf1f..0000000000 Binary files a/website/assets/images/platform/icon-splunk-112x92@2x.png and /dev/null differ diff --git a/website/assets/images/platform/icon-tenable-112x92@2x.png b/website/assets/images/platform/icon-tenable-112x92@2x.png deleted file mode 100644 index 8c26c9fed5..0000000000 Binary files a/website/assets/images/platform/icon-tenable-112x92@2x.png and /dev/null differ diff --git a/website/assets/images/platform/logo-aws-59x36@2x.png b/website/assets/images/platform/logo-aws-59x36@2x.png new file mode 100644 index 0000000000..a79d31e13a Binary files /dev/null and b/website/assets/images/platform/logo-aws-59x36@2x.png differ diff --git a/website/assets/images/platform/logo-elastic-40x40@2x.png b/website/assets/images/platform/logo-elastic-40x40@2x.png new file mode 100644 index 0000000000..e1513dd270 Binary files /dev/null and b/website/assets/images/platform/logo-elastic-40x40@2x.png differ diff --git a/website/assets/images/platform/logo-google-cloud-45x36@2x.png b/website/assets/images/platform/logo-google-cloud-45x36@2x.png new file mode 100644 index 0000000000..2aef831da2 Binary files /dev/null and b/website/assets/images/platform/logo-google-cloud-45x36@2x.png differ diff --git a/website/assets/images/platform/logo-jamf-36x36@2x.png b/website/assets/images/platform/logo-jamf-36x36@2x.png new file mode 100644 index 0000000000..134a4a4a59 Binary files /dev/null and b/website/assets/images/platform/logo-jamf-36x36@2x.png differ diff --git a/website/assets/images/platform/logo-kandji-49x36@2x.png b/website/assets/images/platform/logo-kandji-49x36@2x.png new file mode 100644 index 0000000000..fde374e6fa Binary files /dev/null and b/website/assets/images/platform/logo-kandji-49x36@2x.png differ diff --git a/website/assets/images/platform/logo-microsoft-azure-36x36@2x.png b/website/assets/images/platform/logo-microsoft-azure-36x36@2x.png new file mode 100644 index 0000000000..67c9907975 Binary files /dev/null and b/website/assets/images/platform/logo-microsoft-azure-36x36@2x.png differ diff --git a/website/assets/images/platform/logo-munki-60x36@2x.png b/website/assets/images/platform/logo-munki-60x36@2x.png new file mode 100644 index 0000000000..3eedd60304 Binary files /dev/null and b/website/assets/images/platform/logo-munki-60x36@2x.png differ diff --git a/website/assets/images/platform/logo-panther-40x40@2x.png b/website/assets/images/platform/logo-panther-40x40@2x.png new file mode 100644 index 0000000000..f038c4f120 Binary files /dev/null and b/website/assets/images/platform/logo-panther-40x40@2x.png differ diff --git a/website/assets/images/platform/logo-schrodinger-150x150@2x.png b/website/assets/images/platform/logo-schrodinger-150x150@2x.png new file mode 100644 index 0000000000..adf242ef19 Binary files /dev/null and b/website/assets/images/platform/logo-schrodinger-150x150@2x.png differ diff --git a/website/assets/images/platform/logo-simple-mdm-57x36@2x.png b/website/assets/images/platform/logo-simple-mdm-57x36@2x.png new file mode 100644 index 0000000000..f6276e6c27 Binary files /dev/null and b/website/assets/images/platform/logo-simple-mdm-57x36@2x.png differ diff --git a/website/assets/images/platform/logo-snowflake-41x40@2x.png b/website/assets/images/platform/logo-snowflake-41x40@2x.png new file mode 100644 index 0000000000..8c5001a63a Binary files /dev/null and b/website/assets/images/platform/logo-snowflake-41x40@2x.png differ diff --git a/website/assets/images/platform/logo-splunk-40x40@2x.png b/website/assets/images/platform/logo-splunk-40x40@2x.png new file mode 100644 index 0000000000..602944f9bf Binary files /dev/null and b/website/assets/images/platform/logo-splunk-40x40@2x.png differ diff --git a/website/assets/images/platform/logo-tenable-36x36@2x.png b/website/assets/images/platform/logo-tenable-36x36@2x.png new file mode 100644 index 0000000000..6b1a7499e1 Binary files /dev/null and b/website/assets/images/platform/logo-tenable-36x36@2x.png differ diff --git a/website/assets/images/platform/platform-feature-image-1-548x335@2x.png b/website/assets/images/platform/platform-feature-image-1-548x335@2x.png new file mode 100644 index 0000000000..6fc0835bdc Binary files /dev/null and b/website/assets/images/platform/platform-feature-image-1-548x335@2x.png differ diff --git a/website/assets/images/platform/platform-feature-image-1-598x345@2x.png b/website/assets/images/platform/platform-feature-image-1-598x345@2x.png deleted file mode 100644 index 98a6d0a856..0000000000 Binary files a/website/assets/images/platform/platform-feature-image-1-598x345@2x.png and /dev/null differ diff --git a/website/assets/images/platform/platform-feature-image-2-528x347@2x.png b/website/assets/images/platform/platform-feature-image-2-528x347@2x.png new file mode 100644 index 0000000000..2d17ad93eb Binary files /dev/null and b/website/assets/images/platform/platform-feature-image-2-528x347@2x.png differ diff --git a/website/assets/images/platform/platform-feature-image-2-548x310@2x.png b/website/assets/images/platform/platform-feature-image-2-548x310@2x.png new file mode 100644 index 0000000000..03a3131dca Binary files /dev/null and b/website/assets/images/platform/platform-feature-image-2-548x310@2x.png differ diff --git a/website/assets/images/platform/platform-feature-image-2-598x410@2x.png b/website/assets/images/platform/platform-feature-image-2-598x410@2x.png deleted file mode 100644 index 409f5ed108..0000000000 Binary files a/website/assets/images/platform/platform-feature-image-2-598x410@2x.png and /dev/null differ diff --git a/website/assets/images/platform/platform-feature-image-3-548x326@2x.png b/website/assets/images/platform/platform-feature-image-3-548x326@2x.png new file mode 100644 index 0000000000..dc8dce7173 Binary files /dev/null and b/website/assets/images/platform/platform-feature-image-3-548x326@2x.png differ diff --git a/website/assets/images/platform/platform-feature-image-3-598x367@2x.png b/website/assets/images/platform/platform-feature-image-3-598x367@2x.png deleted file mode 100644 index 6d14ebb751..0000000000 Binary files a/website/assets/images/platform/platform-feature-image-3-598x367@2x.png and /dev/null differ diff --git a/website/assets/styles/pages/platform.less b/website/assets/styles/pages/platform.less index 3678fb451f..13df8e2dd8 100644 --- a/website/assets/styles/pages/platform.less +++ b/website/assets/styles/pages/platform.less @@ -36,7 +36,6 @@ max-width: 100%; filter: drop-shadow(0px 3.85401px 24.0876px rgba(0, 0, 0, 0.15)); border-radius: 4.78295px; - margin-top: -15px; } [purpose='platform-content'] { @@ -49,14 +48,20 @@ [purpose='platform-section'] { padding-top: 100px; } - + [purpose='platform-user-story-wrapper'] { + max-width: 900px; + max-height: 180px; + margin: auto; + filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.1)); + border-radius: 16px; + z-index: 1; + } [purpose='platform-user-story'] { margin-top: 80px; padding: 30px 24px; - max-height: 180px; + height: 180px; max-width: 900px; background-color: #192147; - filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.1)); border-radius: 16px; color: #F9FAFC; overflow: hidden; @@ -64,25 +69,27 @@ color: #F9FAFC; font-weight: 700; text-decoration: none; + cursor: pointer; } svg { position: absolute; - left: -50px; + left: -10px; top: -30px; bottom: 0px; overflow: visible; + border-radius: 16px; vertical-align: middle; - z-index: -1; - width: 367px; + z-index: 0; + width: 100%; height: 180px; } img:not(a > img) { - position: absolute; + position: relative; display: inline; - height: 120px; + height: 100px; z-index: 1; - left: 60px; - bottom: 0; + left: 40px; + bottom: -10px; } } @@ -138,10 +145,19 @@ [purpose='platform-logos'] { padding-top: 24px; + .card { + height: 60px; + width: 80px; + min-width: 80px; + border: none; + background: #FFFFFF; + border-radius: 8px; + box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1); + } img { - height: 92px; - width: 112px; - display: inline; + width: auto; + max-height: 36px; + margin: auto; } } @@ -225,25 +241,7 @@ top: 0px; } } - } - } - @media (max-width: 767px) { - - [purpose='platform-user-story'] { - max-height: 180px; - margin-top: 40px; - // padding: 31px 24px; - // max-height: 345px; - max-width: fit-content; - background-color: #192147; - filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.1)); - border-radius: 16px; - color: #F9FAFC; - overflow: hidden; - p { - margin-block-end: 4px; - } } [purpose='next-steps'] { .card { @@ -251,13 +249,43 @@ margin-bottom: 16px; } } - [purpose='platform-feature-image'] { - padding-top: 60px; + max-width: 100%; margin-left: auto; margin-right: auto; - margin-top: -15px; } + } + + @media (max-width: 767px) { + + [purpose='platform-user-story'] { + max-height: 180px; + max-width: fit-content; + background-color: #192147; + border-radius: 16px; + color: #F9FAFC; + overflow: hidden; + svg { + position: absolute; + left: -10px; + top: -30px; + bottom: 0px; + overflow: visible; + border-radius: 16px; + vertical-align: middle; + z-index: 0; + height: 182px; + } + img:not(a > img) { + left: 15px; + } + } + + [purpose='platform-feature-image'] { + max-width: 100%; + padding-top: 60px; + } + [purpose='platform-content'] { padding-top: 80px; padding-left: 120px; @@ -288,7 +316,7 @@ } - @media (max-width: 576px) { + @media (max-width: 575px) { h1 { font-size: 28px; line-height: 54px; @@ -324,47 +352,53 @@ } } } - + [purpose='platform-user-story-wrapper'] { + min-height: 375px; + max-width: 375px; + margin: auto; + filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.1)); + border-radius: 16px; + z-index: 1; + } [purpose='platform-user-story'] { margin-top: 40px; padding: 31px 24px; + height: unset; min-height: 375px; - max-width: 375px; background-color: #192147; - filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.1)); border-radius: 16px; color: #F9FAFC; overflow: hidden; - p { - margin-block-end: 16px; - } svg { position: absolute; - top: -20px; - left: 0px; + top: -32px; + left: -9px; overflow: visible; vertical-align: middle; - z-index: -1; - width: 100%; - height: auto; + z-index: 0; + width: calc(~'18px + 100%'); + height: calc(~'56px + 100%'); } img:not(a > img) { position: relative; display: inline; - height: 120px; + height: 100px; z-index: 1; - top: -20px; + top: 0px; left: 0px; margin-left: auto; margin-right: auto; } } [purpose='platform-logos'] { - img { - height: auto; - width: 150px; - margin: -10px; - display: inline; + .card { + &.grow { + min-width: 108px; + min-height: 80px; + img { + max-height: 40px; + } + } } } } diff --git a/website/views/pages/platform.ejs b/website/views/pages/platform.ejs index 7f5e773bbf..61255f24cc 100644 --- a/website/views/pages/platform.ejs +++ b/website/views/pages/platform.ejs @@ -2,8 +2,8 @@
-
-
+
+

Developer-friendly IT

One agent, any platform, up-to-the-minute data

Fleet allows you to harness the power of osquery to stream accurate, real-time data from all of your devices. It’s easy to deploy at scale, granular and open source.

@@ -12,8 +12,7 @@ Schedule a demo A small white arrow pointing to the right
-
-
+
The Fleet instance and fleetctl command line tool The Fleet instance and fleetctl command line tool
@@ -27,16 +26,24 @@
-
-

Maintain secure laptops & servers

+
+

Maintain secure laptops & servers

-
- A laptop - Amazon Web Services +
+
+ A laptop +
+
+ Amazon Web Services +
- Google Cloud Platform - Microsoft Azure +
+ Google Cloud Platform +
+
+ Microsoft Azure +
@@ -54,7 +61,7 @@
-
+

Respond to incidents before they become emergencies

Interpret incidents accurately and make decisions using real device data.

@@ -63,8 +70,8 @@

Perform custom remediation actions using osquery extensions.

-
- Easily detect and monitor vulnerable software +
+ Easily detect and monitor vulnerable software
@@ -74,21 +81,35 @@

Verify whether vulnerable software was actually patched / verify changes made with other systems

-
- Tenable - Munki - Jamf - Kandji - Simple MDM +
+
+
+ Tenable +
+
+ Munki +
+
+ Jamf +
+
+
+
+ Kandji +
+
+ Simple MDM +
+
-
- See up-to-date information about devices +
+ See up-to-date information about devices
-
+

Keep an accurate inventory of all your devices

Enroll macOS, Windows, and Linux laptops.

@@ -104,7 +125,7 @@
-
+

Meet compliance goals

Verify compliance with accurate, up-to-the-minute data from actual devices.

@@ -115,15 +136,15 @@

Audit historical compliance of devices, computers, and teams.

-
- Set policies for for specific teams +
+ Set policies for for specific teams
-
+

Automate security workflows in a single application

Collect and send accurate security events to any external SIEM or data platform.

@@ -132,33 +153,51 @@
-
- Panther Labs - Jamf - Splunk - Kandji - Elastic - Snowflake +
+
+
+ Panther Labs +
+
+ Jamf +
+
+ Splunk +
+
+
+
+ Kandji +
+
+ Elastic +
+
+ Snowflake +
+
-
-
-
- Schrodinger logo - - - - - - -
-
-

Fleet user story

-

Jason Walton gives insight into how his team uses Fleet and osquery at Schrödinger.

- Read more A vibrant blue arrow pointing right +
+
+
+
+ Schrodinger logo + + + + + + +
+
+

Fleet user story

+

Jason Walton gives insight into how his team uses Fleet and osquery at Schrödinger.

+ Read more A vibrant blue arrow pointing right +
@@ -168,12 +207,12 @@
-

Explore Fleet

+

Explore Fleet

Find out how Fleet can benefit your organization by exploring our docs and community. Want to get up and running quicker? Then try out Fleet locally on your device - you’ll be up and running in minutes.

-
+
Fleet logo

Try Fleet

@@ -190,7 +229,7 @@ Slack logo

Join the community

Join the conversation or ask for help in our Slack channel.

- Join on SlackA vibrant blue arrow pointing right + Join on SlackA vibrant blue arrow pointing right