diff --git a/website/assets/images/better-scheduled-maintenance-468x334.png b/website/assets/images/better-scheduled-maintenance-468x334.png new file mode 100644 index 0000000000..0d0c6b1e7f Binary files /dev/null and b/website/assets/images/better-scheduled-maintenance-468x334.png differ diff --git a/website/assets/images/icon-automatic-remediation-48x48@2x.png b/website/assets/images/icon-automatic-remediation-48x48@2x.png new file mode 100644 index 0000000000..5ff0bce5fb Binary files /dev/null and b/website/assets/images/icon-automatic-remediation-48x48@2x.png differ diff --git a/website/assets/images/icon-secure-device-48x48@2x.png b/website/assets/images/icon-secure-device-48x48@2x.png new file mode 100644 index 0000000000..530d00b179 Binary files /dev/null and b/website/assets/images/icon-secure-device-48x48@2x.png differ diff --git a/website/assets/styles/pages/transparency.less b/website/assets/styles/pages/transparency.less index 8b2a25d8b6..ffc0bc6213 100644 --- a/website/assets/styles/pages/transparency.less +++ b/website/assets/styles/pages/transparency.less @@ -1,35 +1,65 @@ - #transparency { + @heading-lineheight: 120%; + @text-lineheight: 150%; + + @page-container-max-width-xl: 960px; + @page-container-max-width-lg: 840px; + @page-container-max-width-md: 480px; + h2 { font-size: 32px; font-weight: 800; - line-height: 120%; + line-height: @heading-lineheight; } h3 { font-size: 24px; - line-height: 120%; + line-height: @heading-lineheight; } - h4 { font-weight: 700; font-size: 20px; - line-height: 120%; + line-height: @heading-lineheight; } a { - color: @core-vibrant-blue; + text-decoration: underline; + color: @core-fleet-black-75; + } + + [purpose='page-content'] { + margin-left: auto; + margin-right: auto; + max-width: @page-container-max-width-xl; + } + + [purpose='page-container'] { + max-width: 1200px; + padding-top: 80px; + padding-bottom: 80px; + padding-left: 128px; + padding-right: 128px; + margin-left: auto; + margin-right: auto; + } + [purpose='page-section'] { + padding-top: 64px; + padding-bottom: 64px; + margin-bottom: 40px; + margin-top: 40px; } [purpose='logos'] { + margin-top: 40px; max-width: 100%; } [purpose='hero-text'] { text-align: center; - margin-bottom: 104px; + margin-bottom: 40px; h1 { font-size: 48px; font-weight: 800; - line-height: 120%; + line-height: @heading-lineheight; + margin-bottom: 16px; } p { margin-left: auto; @@ -38,74 +68,142 @@ margin-bottom: 0px; } } + [purpose='calendar-feature'] { + padding-top: 64px; + padding-bottom: 64px; + h2 { + margin-bottom: 32px; + } + p { + margin-bottom: 32px; + } + [purpose='calendar-feature-text'] { + max-width: 480px; + } + [purpose='calendar-checklist'] { + margin-bottom: 32px; + p { + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 21px; + padding-left: 37px; + text-indent: -37px; + margin-bottom: 1.5rem; + &:last-of-type { + margin-bottom: 0px; + } + } + p::before { + content: ' '; + background-image: url('/images/icon-checkmark-green-20x20@2x.png'); + background-size: 20px 20px; + display: inline-block; + position: relative; + top: 5px; + margin-right: 16px; + width: 20px; + height: 20px; + } + } + [purpose='feature-video'] { + margin-left: 80px; + max-width: 468px; + img { + max-width: 100%; + max-height: 100%; + } + } + [purpose='contact-button'] { + cursor: pointer; + padding: 12px 32px; + width: fit-content; + font-size: 14px; + font-weight: 700; + line-height: 21px; + color: #FFF; + text-decoration: none; + &:hover { + color: #FFF; + } + } + } + [purpose='feature-headline'] { + max-width: 510px; + margin-bottom: 80px; + h2 { + margin-bottom: 16px; + } + } + [purpose='three-column-features'] { + max-width: 1080px; + padding-bottom: 64px; + } + [purpose='feature-row'] { + display: flex; + flex-direction: row; + align-items: center; + } + [purpose='feature-column'] { + max-width: 267px; + margin-left: 40px; + margin-right: 40px; + p { + font-size: 14px; + margin-bottom: 0px; + } + img { + height: 48px; + width: auto; + margin-bottom: 16px; + } + h5 { + font-weight: 800; + font-size: 16px; + line-height: @heading-lineheight; + margin-bottom: 16px; + } + } + + + + [purpose='accordion'] { + padding-top: 64px; + h2 { + padding-bottom: 16px; + } + [purpose='accordion-body'] { + width: 100%; + padding-top: 64px; + [purpose='accordion-item'] { + border-bottom: 1px solid #E2E4EA; + padding-bottom: ; + margin-top: 16px; + margin-bottom: 16px; + } + } + [purpose='accordion-header'] { + color: @core-fleet-black; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + font-weight: 700; + p { + margin-bottom: 0px; + } + span { + color: @core-fleet-black; + font-weight: 900; + } + } + } + [purpose='bottom-gradient'] { background: linear-gradient(180deg, #FFF 0%, #E4F3F4 59.5%); } - [purpose='calendar-feature'] { - margin-bottom: 104px; - h3 { - margin-bottom: 24px; - } - [purpose='calendar-feature-text'] { - max-width: 480px; - } - [purpose='calendar-checklist'] { - margin-top: 8px; - margin-bottom: 24px; - p { - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 21px; - padding-left: 37px; - text-indent: -37px; - margin-bottom: 1.5rem; - &:last-of-type { - margin-bottom: 0px; - } - } - p::before { - content: ' '; - background-image: url('/images/icon-checkmark-green-20x20@2x.png'); - background-size: 20px 20px; - display: inline-block; - position: relative; - top: 5px; - margin-right: 16px; - width: 20px; - height: 20px; - } - } - [purpose='feature-video'] { - margin-left: 80px; - max-width: 468px; - video { - max-width: 100%; - max-height: 100%; - border-radius: 16px; - } - } - [purpose='contact-button'] { - margin-top: 12px; - cursor: pointer; - padding: 12px 32px; - width: fit-content; - font-size: 14px; - font-weight: 700; - line-height: 21px; - color: #FFF; - &:hover { - color: #FFF; - } - } - } - - [parasails-component='parallax-city'] { - background: none; - } - - .accordion { - font-weight: bold; + [parasails-component='parallax-city'] { + background: none; } [purpose='card'] { @@ -120,8 +218,23 @@ } + @media (max-width: 1199px) { + [purpose='page-container'] { + padding-left: 80px; + padding-right: 80px; + } + } + @media (max-width: 991px) { + [purpose='page-container'] { + padding-left: 40px; + padding-right: 40px; + } + [purpose='page-content'] { + max-width: @page-container-max-width-lg; + } + [purpose='calendar-feature'] { margin-bottom: 64px; [purpose='feature-video'] { @@ -139,19 +252,78 @@ } } - @media (min-width: 576px) { - h3 { - font-size: 28px; - line-height: 40px; + @media (max-width: 767px) { + [purpose='feature-row'] { + flex-direction: row; + align-items: start; + } + [purpose='feature-column'] { + max-width: 267px; + margin-left: 24px; + margin-right: 24px; + + p { + font-size: 14px; + margin-bottom: 0px; + } + img { + height: 48px; + width: auto; + margin-bottom: 16px; + } + h5 { + font-weight: 800; + font-size: 16px; + line-height: @heading-lineheight; + margin-bottom: 16px; + } + } + [purpose='page-content'] { + max-width: @page-container-max-width-md; + } + + } + + @media (max-width: 575px) { + [purpose='page-container'] { + padding-left: 24px; + padding-right: 24px; + } + [purpose='calendar-feature'] { + padding-top: 40px; + padding-bottom: 40px; + } + [purpose='page-section'] { + padding-bottom: 0px; + } + [purpose='feature-row'] { + flex-direction: column; + align-items: center; + justify-content: center; + } + [purpose='feature-column'] { + max-width: 267px; + margin-left: 0px; + margin-right: 0px; + &:first-of-type { + margin-bottom: 40px; + } + img { + height: 48px; + width: auto; + margin-bottom: 16px; + margin-left: auto; + margin-right: auto; + } } } @media (max-width: 375px) { [purpose='hero-text'] { + margin-bottom: 40px; h1 { font-size: 32px; } - margin-bottom: 40px; } [purpose='calendar-feature-text'] { h2 { diff --git a/website/views/pages/transparency.ejs b/website/views/pages/transparency.ejs index 2a57b5471e..12f255e580 100644 --- a/website/views/pages/transparency.ejs +++ b/website/views/pages/transparency.ejs @@ -1,172 +1,164 @@
- -
+
+
-

A better user experience

-

Fleet is dedicated to making IT and security less annoying, while maintaining privacy, transparency, and trust for end users.

+

A better employee experience

+

What if the way your employer maintained your computer was more transparent? What if it helped you get more done?

Tell me when and why

-

Fleet installs updates and forces restarts when your computer is actually free.

+

Fleet installs updates and forces restarts when you and your computer are actually free.

-

No more annoying time wastes and notifications

No more restarts blocking you from important meetings

+

See what's getting changed on your work computer

+

Avoid losing unsaved work

- - Ask us anything + + I wish my company did this
- + Schedule maintenance with Fleet
-
-
-

What personal information can Fleet see?

-

End users deserve to know what their employer can see and do on their laptops. Here’s what Fleet can manage on your devices:

+ +
+
+

Don’t make me think about IT

+

Stop distracting employees with computer maintenance tasks and reclaim countless hours of lost time across your organization.

+ +
+
+ +
+ A secure laptop +

Get your team’s laptops secure with as little thought as possible. Minimize employee interaction required for security updates.

+
+ +
+ Automatically fix vulnerabilities +

Give people a reliable digital experience at work. Automatically fix laptop vulnerabilities so security doesn’t have to chase your staff.

+
+ +
+
+
-
-

Fleet does NOT have access to:

-
-
- keyboard icon -

Keystrokes

+
+

What can Fleet access on my device?

+

End users deserve to know what their employer can see and do on their laptops. Here’s what Fleet can manage on your device:

+
+
+

+ System settings + +

+

+ Fleet can enforce settings like password length on your device. This is useful for IT teams to keep your Mac up to date so you don’t have to. +

-
- mouse icon -

Mouse movements

+
+

+ Remote actions + +

+

+ Device actions are helpful for IT teams to troubleshoot your device remotely if you run into any issues. If your IT team uses Fleet's device management (MDM) features, your computer can be restarted, locked or even wiped remotely by your administrator. +

-
- messages icon -

Email & text messages

+
+

+ Shell scripts + +

+

+ Fleet can run any shell script on your device remotely. This is useful for IT teams to help you troubleshoot remotely if you run into any issues with your device. +

-
-
- webcam icon -

Webcams & mic

-
-
- computer screen icon -

Screen content

-
+
+

+ User account logins + +

+

+ Fleet can see details about the user accounts associated with your device, including which accounts have logged in recently. This is useful for IT and security teams to identify logins from suspicious accounts. +

+
+
+

+ Device health & performance + +

+

+ Fleet can see details about your device’s hardware. E.g., what processor is used, how much memory is installed, storage capacity, battery health, etc. This allows IT teams to preemptively address device health problems, which can mitigate data loss and reduce disruption to your workflow caused by IT related issues. +

+
+
+

+ Installed software packages + +

+

+ Fleet can access a detailed list of the software installed on your device. With this information, IT teams can better manage software update schedules, and reduce disruption to your workflow. Security teams can also use this data to determine if any of your software has been compromised, by referencing your software’s version number against known vulnerable software databases. +

+
+
+

+ Running processes + +

+

+ Fleet can access a list of processes running on your device. These are processes you interact with graphically i.e., opened software; and processes that are running tasks in the background, such as sending data over network connections, running backups, or scheduled auto-updates. IT and security teams can use osquery to view this list in order to detect suspicious activity that may be a threat to your system. +

+
+
+

+ Security configurations + +

+

+ Fleet can see information about the status of firewalls and other security software installed on your device. +

+
+
+

+ Connected hardware devices + +

+

+ Fleet can see information about connected hardware devices. This is typically limited to only the type of hardware connected, and not specific details about the device. E.g., connected smartphones, USB devices, network devices, audio/visual hardware. +

+
+
+

+ Device location + +

+

+ Fleet uses IP geolocation to provide an approximate location of your device. Accuracy of IP geolocation services vary depending on where you are, but can typically be pinpointed within the nearest state or city. Organizations typically use this feature to track stolen or misplaced devices, and in some cases to ensure the safety of employees. +

+
+
+

+ File contents + +

+

+ In the case of a cyber attack, it is possible with Fleet to gain read access to files on your system. This is not a feature designed for privacy invasion, but rather a means for security teams to locate files on your device that may have been created or affected by a malicious virus.

+ Additionally, Fleet can be configured to store disk encryption keys that can be used to recover encrypted data from a macOS device. +

-
-

Here’s how Fleet can see and manage your devices:

-
-
-
-

- System settings - -

-

- Fleet can enforce settings like password length on your device. This is useful for IT teams to keep your Mac up to date so you don’t have to. -

-
-
-

- Device actions - -

-

- Device actions are helpful for IT teams to troubleshoot your device remotely if you run into any issues. If your IT team uses Fleet's device management (MDM) features, your computer can be restarted, locked or even wiped remotely by your administrator. -

-
-
-

- Shell scripts - -

-

- Fleet can run any shell script on your device remotely. This is useful for IT teams to help you troubleshoot remotely if you run into any issues with your device. -

-
-
-

- User account logins - -

-

- Fleet can see details about the user accounts associated with your device, including which accounts have logged in recently. This is useful for IT and security teams to identify logins from suspicious accounts. -

-
-
-

- Device health & performance - -

-

- Fleet can see details about your device’s hardware. E.g., what processor is used, how much memory is installed, storage capacity, battery health, etc. This allows IT teams to preemptively address device health problems, which can mitigate data loss and reduce disruption to your workflow caused by IT related issues. -

-
-
-

- Installed software packages - -

-

- Fleet can access a detailed list of the software installed on your device. With this information, IT teams can better manage software update schedules, and reduce disruption to your workflow. Security teams can also use this data to determine if any of your software has been compromised, by referencing your software’s version number against known vulnerable software databases. -

-
-
-

- Running processes - -

-

- Fleet can access a list of processes running on your device. These are processes you interact with graphically i.e., opened software; and processes that are running tasks in the background, such as sending data over network connections, running backups, or scheduled auto-updates. IT and security teams can use osquery to view this list in order to detect suspicious activity that may be a threat to your system. -

-
-
-

- Security configurations - -

-

- Fleet can see information about the status of firewalls and other security software installed on your device. -

-
-
-

- Connected hardware devices - -

-

- Fleet can see information about connected hardware devices. This is typically limited to only the type of hardware connected, and not specific details about the device. E.g., connected smartphones, USB devices, network devices, audio/visual hardware. -

-
-
-

- Device location - -

-

- Fleet uses IP geolocation to provide an approximate location of your device. Accuracy of IP geolocation services vary depending on where you are, but can typically be pinpointed within the nearest state or city. Organizations typically use this feature to track stolen or misplaced devices, and in some cases to ensure the safety of employees. -

-
-
-

- File contents - -

-

- In the case of a cyber attack, it is possible with Fleet to gain read access to files on your system. This is not a feature designed for privacy invasion, but rather a means for security teams to locate files on your device that may have been created or affected by a malicious virus.

- Additionally, Fleet can be configured to store disk encryption keys that can be used to recover encrypted data from a macOS device. -

-
-
-
-
- -
+
+ +
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>