GTS Design System Integration

Quick Workflow

1. Identify the app type and current styling stack.
2. Align dependencies and Tailwind v4 tooling.
3. Set up one Tailwind css entrypoint and correct import order.
4. Import GTS css once at the app root.
5. Remove conflicting token/theme/global style sources.
6. Apply GTS layout and typography patterns.
7. For complex pages (for example configurator screens), compose reusable layout sections and variant-driven states.
8. Validate build, lint, and visual output.

Load These References

• Always read references/guidelines.md.
• Always read references/shadcn-compatibility.md.
• Always read references/tailwind-style-usage.md.
• Always read references/tailwind-utility-inventory.md.
• Read references/app-integration-playbook.md for app-specific steps.