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

Name		Name	Last commit message	Last commit date
Latest commit History 2,565 Commits
.github		.github
.vscode		.vscode
assets		assets
content		content
data		data
layouts		layouts
static		static
.cspell.json		.cspell.json
.editorconfig		.editorconfig
.eslintignore		.eslintignore
.eslintrc.json		.eslintrc.json
.gitattributes		.gitattributes
.gitignore		.gitignore
.hintrc		.hintrc
.htmlhintrc		.htmlhintrc
.imgbotconfig		.imgbotconfig
.markdownlint.json		.markdownlint.json
.markdownlintignore		.markdownlintignore
.markuplintrc.json		.markuplintrc.json
.ncurc.json		.ncurc.json
.npmrc		.npmrc
.nvmrc		.nvmrc
.prettierignore		.prettierignore
.prettierrc.json		.prettierrc.json
.stylelintignore		.stylelintignore
.stylelintrc.json		.stylelintrc.json
.terms.jsonc		.terms.jsonc
.textlintignore		.textlintignore
.textlintrc.json		.textlintrc.json
CONTRIBUTING.md		CONTRIBUTING.md
README.md		README.md
hugo-dev.yml		hugo-dev.yml
hugo.yml		hugo.yml
linkinator.config.json		linkinator.config.json
netlify.toml		netlify.toml
package-lock.json		package-lock.json
package.json		package.json
postcss.config.js		postcss.config.js
sonar-project.properties		sonar-project.properties
wss-unified-agent.config		wss-unified-agent.config