Duet Design System Skip to main content Duet LocalTapiola Turva Search documentation Get help Color blind mode Low vision mode Getting Started About Duet Designers Developers Guidelines Accessibility CSS Framework Components Usage Content Delivery Network Data Formats Design Principles Dev Standards Illustrations Internationalization (i18n) Naming Spacing Typography Tutorials Building Layouts Creating Custom Patterns Server Side Rendering Sharing Prototypes Usage With Markdown Using CLI Tools Design Tokens Color Data Visualization Font Font Size Border Radius Box Shadow Space Size Opacity Z-index Line Height Transition Media Query About Components Action Button Alert Badge Banner Breadcrumbs Button Callout Caption Card Checkbox Chip Choice Choice Group Collapsible Combobox Contact Card Cookie Consent Date Picker Divider Editable Table Empty State Fieldset File chooser Footer Grid Grid Item Header Heading Hero Area Icon Indicator Input Label Layout Link List List Item Logo Menu Bar Menu Bar Button Menu Bar Dropdown Menu Bar Dropdown Link Menu Bar Item Menu Bar Link Modal Multiselect Nav Notification Notification Drawer Number Input Page Heading Pagination Panel Paragraph Phone Input Popup Menu Popup Menu Item Progress Promo card Radio Radio Group Range Slider Range Stepper Scrollable Section layout Select Shaped image Share chart Show more Slideout Slideout Lang Slideout Link Slideout Panel Slideout Panel Dropdown Spacer Spinner StatusIcon Step Stepper Submenu Bar Submenu Bar Dropdown Submenu Bar Dropdown Link Submenu Bar Item Submenu Bar Link Tab Tab Group Table Textarea Toggle Toolbar Toolbar Dropdown Toolbar Dropdown Link Toolbar Item Toolbar Link Tooltip Tray Upload Visually Hidden Templates Author Cookie Content Overlay Error and Success Form Components Form Validation On Submit Form Validation While Filling Grid Example Hero Area Hero Area (image) Hero Area (light) Hero Area (minimal) Landing Page Load More Loading State Maintenance Narrow Layout Native App Pagination Pagination with editable table Payment Wall Price Summary Promotion icons Search Single page application Stepper Surveys Tables Tabs Resources Iconography Changelog Contributing Support FAQ Brand Guidelines (FI) Brand Guidelines (FI) Elementit Visuaalisuus Aineisto-ohjeet Sign In Duet Design System Duet provides a set of organized tools, patterns and practices that work as the foundation for LocalTapiola and Turva digital products and experiences. Guides Follow these practical guides to get started designing and developing experiences for LocalTapiola and Turva. About What is Duet? Guidelines Getting Started Questions Frequently Asked Questions © LocalTapiolaTurva. All rights reserved. v9.17.0 Terms of use
