Start here

Tectra brand guide

The complete guide to Tectra identity, interfaces and implementation.

Start with Identity & usage, or choose a chapter below. Shared guidance follows the pinned Cosmik foundation, v0.16.1.

Foundations

PageWhat it covers
Identity & usageApproved identity, names, clear space and reproduction.
TypographyType roles, hierarchy and readable content.
Color & themesSemantic colors, light and dark themes, and contrast.
Voice & imageryWriting, imagery and icon guidance.

Experience

PageWhat it covers
InterfaceLayout, density, controls and responsive behavior.
MotionTransitions and motion preferences.
DocumentsDocuments, templates and export review.

Implementation

PageWhat it covers
Family contractHow this family builds on its pinned Cosmik foundation.
Quality reviewVisual review, interactions and validation evidence.
GovernanceDecisions, contribution, releases and upgrades.

Tools

PageWhat it covers
Asset libraryApproved artwork, fonts and downloads.
Design tokensSearchable CSS names and resolved token values.
Component examplesInteractive examples of shared controls.

Resources

PageWhat it covers
Validation recordChecks and limitations for this reference.
Kit validationValidation evidence for the family kit.
Licensing & brand useCode, artwork and font usage terms.
ChangelogRecorded changes to the kit.