Modus Style Guide

The Modus design system was developed as a common, open source platform for all of Trimble's web applications.

Setup

You will need:

Node
Git
Visual Studio Code
Install recommended VS Code Extensions: cmd/ctrl-shift-P "show recommended extensions"

npm install

npm run serve

npm run build

Resource	Link
Google Lighthouse	https://googlechrome.github.io/lighthouse/viewer/?psiurl=https://modus.trimble.com
OpenGraph Test	https://www.opengraph.xyz/url/https%3A%2F%2Fmodus.trimble.com
Page Speed Test	https://pagespeed.web.dev/report?utm_source=psi&utm_medium=redirect&url=https://modus.trimble.com
Website Grader	https://website.grader.com/results/modus.trimble.com
SEO, Social & More	https://www.seoptimer.com/modus.trimble.com
Security	https://developer.mozilla.org/en-US/observatory/analyze?host=modus.trimble.com
Security Headers	https://securityheaders.com/?q=modus.trimble.com&followRedirects=on
SSL Labs	https://www.ssllabs.com/ssltest/analyze?d=modus.trimble.com
Dead Link Checker	https://www.deadlinkchecker.com/website-dead-link-checker.asp