Design Foundations

Shared systems for Cynosure Lutronic digital surfaces — logo, color, type, grid, effects, icons, and imagery.

Sections

Foundations document the design system used by Handoff components and the WordPress theme: Juana + Inter type, semantic color tokens, the container layout primitive, and approved logo/icon assets.

Token overview pages (Colors, Typography, Effects, Icons, Logo) render live samples. Guidelines and Resources pages describe how those tokens map to Tailwind utilities in src/handoff/nextgen/tokens/.

Logos

Cynosure Lutronic logo used for all digital and offline materials.

Colors

Official logo used for all digital and offline materials.

Typography

Typographic system with scale, sizes and color of text.

Grid

How should pages be laid out, with spacing, breakpoints, and device sizes.

Icons

Downloadable icon set for use in digital and offline materials.

Effects

Shadows, blurs, and other effects used in the design system.