Shared assets for FivePaths microsites
Nothing here is a website. It is the design system the product marketing sites share, the webfonts it needs, and the brand marks that appear on all of them.
/microsite/v3/base.css
The current sheet. It styles elements and their position rather than class names, so sixty class names become five and the markup tells a screen reader what it tells the stylesheet. For generated HTML: structural selectors are brittle under hand editing.
/microsite/v2/base.css
The class-based sheet, raised to WCAG AAA. Text pairings clear 7:1, standalone controls present a 44px target, running text caps near 70 characters. Link this if a person writes the HTML.
/microsite/v1/base.css
The original sheet, live and unchanged for sites that have not moved. Component, class, and token names match v2, so moving a site over is a one-line edit per page.
/microsite/v2/fonts/
Overpass and Overpass Mono, variable weights, woff2, under the SIL Open Font License 1.1. Served with CORS and an immutable cache lifetime. v1 ships the same files.
/brand/
Marks that belong to FivePaths rather than to any one product — currently the logo used in microsite footers.
Versioning
Major version in the path, point release in the filename. A release is published once and served immutable, so pinning one means the sheet a site was built against is the sheet its visitors get. Anything that would move a live site's layout gets a new directory instead.
Using it
<link rel="preload" as="font"
type="font/woff2" crossorigin
href="https://cdn.fivepaths.com
/microsite/v3/fonts/
overpass-latin-wght-normal-2.woff2">
<link rel="stylesheet"
href="https://cdn.fivepaths.com
/microsite/v3/base-3.6.1.css">