The Q2 design system, platform capabilities, and tooling behind cohesive, accessible, production-ready fintech — all in one place.
HOW TECTON WORKS
A design system to build with, capabilities that connect you to the platform, and outlets that place your extension exactly where it belongs.
A library of accessible web components built for Q2 platforms. Every component inherits the platform's theme, aesthetics, and tokens automatically — so your extension looks and feels like it was always part of the product.
Explore the ComponentsCapabilities are the API between your extension and the platform. Navigate between pages, check permissions, request data, trigger modals — without knowing anything about the platform's internals. The platform advertises what it supports; your extension uses what's available.
Explore CapabilitiesOutlets are the named slots where extensions render — full-page features, content blocks, tabs, and contextual menu items. Tecton handles placement, permissions, context filtering, and visibility, so the right extension shows up for the right user in the right situation.
Explore Outlets