Style Guide

Colors, icons, buttons, links, and layout blocks in one place — a shared foundation for design and development, so new pages look and feel consistent.

Colors

Brand colors, grayscale, and sensible background/text combinations in one place.

Icons

An SVG icon set for recurring concepts like import, test, or data security, colorable via currentColor.

Buttons

All button roles (Primary, Secondary, Positive, Negative, Tertiary) in the brand colors.

Forms

Text field, dropdown, textarea, checkbox, and submit button for the contact form.

Links

The different link types — internal, external, email, phone, download — with correct markup.

Text blocks

Three variants of the text-block element used as a header on every page.

Image blocks

Image blocks with different positioning of image, title, and text.

Tiles

Tile types for grid views: icon, image, title with links, plus a stat tile.

FAQ

Frequently asked questions about the style guide, as a simple accordion.