Das Duet Design System

etwa 5000~500000

204

Erfolgreiches Geschäft. Ruhm und Reichtum Ji

6

159.25.16.130

DuetDeDas Duet Design SystemsignSystemdocument.documentElement.classList.remove("no-js");functiongetParameterByName(name){varmatch=RegExp('[?&]'+name+'=([^&]*)').exec(window.location.search);returnmatch&&decodeURIComponent(match[1].replace(/\+/g,''));}if(getParameterByName("theme")==="localtapiola"||location.pathname==="/pes/brand-guidelines/"){document.documentElement.classList.remove("duet-theme-turva")document.querySelector("meta[name=theme-color]").setAttribute("content","#0077b3")if(localStore&&localStore.getItem("session-theme-turva")){localStore.removeItem("session-theme-turva")}}elseif(getParameterByName("theme")==="turva"||localStore&&localStore.getItem("session-theme-turva")||location.pathname==="/pes/brand-guidelines-turva/"){if(!document.documentElement.classList.contains("duet-no-theming")){document.documentElement.classList.add("duet-theme-turva")localStore.setItem("session-theme-turva",true)document.querySelector("meta[name=theme-color]").setAttribute("content","#c60c30")}}(function(fn){varWebP=newIme();WebP.onload=WebP.onerror=function(){isSupported=(WebP.height===2);if(isSupported){document.documentElement.className+='webp';}else{document.documentElement.className+='no-webp';}};WebP.src='data:ime/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA';})();SkiptomaincontentDueDas Duet Design SystemtLocalTapiolaTurvaSearchdocumentationGethelpColorblindmodeLowvisionmodeGettingStartedAboutDuetDesignersDevelopersGuidelinesAccessibilityCSSFrameworkComponentsUseContentDeliveryNetworkDataFormatsDesignPrinciplesDevStandardsIllustrationsNamingSpacingTypographyTutorialsBuildingLayoutsCreatingCustomPatternsServerSideRenderingSharingPrototypesUseWithMarkdownUsingCLIToolsDesignTokensColorDataVisualizationFontFontSizeBorderRadiusBoxShadowSpaceSizeOpacityZ-indexLineHeightTransitionMediaQueryAboutComponentsActionButtonADas Duet Design SystemlertBadgeBannerBreadcrumbsButtonCalloutCaptionCardCheckboxChipChoiceChoiceGroupCollapsibleComboboxContactCardCookieConsentDatePickerDividerEditableTableEmptyStateFieldsetFilechooserFooterGridGridItemHeaderHeadingHeroAreaIconInputLabelLayoutLinkListListItemLogoMenuBarMenuBarButtonMenuBarDropdownMenuBarDropdownLinkMenuBarItemMenuBarLinkModalMultiselectNNotificationNotificationDrawerNumberInputPeHeadingPinationParraphPopupMenuPopupMenuItemProgressPromocardRadioRadioGroupRangeSliderRangeStepperScrollableSectionlayoutSelectShapedimeShowmoreSlideoutSlideoutLangSlideoutLinkSlideoutPanelSlideoutPanelDropdownSpacerSpinnerStepStepperSubmenuBarSubmenuBarDropdownSubmenuBarDropdownLinkSubmenuBarItemSubmenuBarLinkTabTabGroupTableTextareaToggleToolbarToolbarDropdownToolbarDropdownLinkToolbarItemToolbarLinkTooltipTrayUploadVisuallyHiddenTemplatesAuthorCookieContentOverlayErrorandSuccessFormComponentsFormValidationOnSubmitFormValidationWhileFillingGridExampleHeroAreaHeroArea(ime)HeroArea(light)HeroArea(minimal)LandingPeLoadMoreLoadingStateMaintenanceNarrowLayoutNativeAppPinationPinationwitheditabletablePaymentWallPriceSummaryPromotioniconsSearchSinglepeapplicationStepperSurveysTablesTabsResourcesIconographyChangelogContributingSupportFAQBrandGuidelines(FI)BrandGuidelines(FI)ElementitVisuaalisuusAineisto-ohjeetSignInDuetDesignSystemDuetprovidesasetoforganizedtools,patternsandpracticesthatworkasthefoundationforLocalTapiolaand Turvadigitalproductsandexperiences.GuidesFollowthesepracticalguidestogetstarteddesigninganddevelopingexperiencesforLocalTapiolaandTurva.AboutWhatisDuet?GuidelinesGettingStartedQuestionsFrequentlyAskedQuestions©varyear=newDate().getFullYear()varel=document.getElementById("year")el.innerHTML=""el.appendChild(document.createTextNode(year))LocalTapiolaTurva.Allrightsreserved.v8.7.3Termsofuseif(nigator.serviceWorker){window.addEventListener("load",function(){nigator.serviceWorker.register("/serviceworker.js",{scope:"/"});});}