SWAN
SWAN Design System
    OverviewDesignersDevelopersReact setupVanilla setupTokensCollaborationNewExpansion PacksDeprecationMigrationInternationalizationAI-Assisted DevelopmentThemingNew
    OverviewESLint pluginStylelint pluginSWAN OverlayCodemodsLive playground
    OverviewAccessibilityAll TokensColorCore PropsPage LayoutIconsModesResponsive SystemSpaceTypography
    OverviewAccordionAdaptive CarouselAlert BoxAnchor BarAspect RatioAvatarBannerBase TileBounded ContentBoxBreadcrumbsButtonButtonbarCalloutCardCarouselDeprecatedCheckboxCollapsibleColor SwatchesComboboxConvenience ElementsCountDate CalendarNewDate PickerNewDividerDropdownEmpty StateError BoundaryFieldsetFile DropzoneFile InputFile TileFlexBoxFluid ImageFormGridHeading (H1–H6)HiddenIcon ButtonLeft Hand NavigationLightboxNewLinkListListboxMenuModal DialogPage WrappersPaginationPipe SeparatorPopoverPrice BarPricingProgress BarProgressive ImagePromo CodeRadio ButtonRangeRatings StarsResponsive ImageSearch InputSelection SetSkeleton TextSpinnerSquare Image ContainerStandard TileStatus MessageStep IndicatorTableTabsText AreaText InputThumbnails HeroDeprecatedTime PickerNewToggle SwitchTypographyUncustomizable MarkupVisibleVisually HiddenZoom ControlsZoomable ImageNew
    OverviewButton PlacementDestructive ActionsFile UploadCommunicating System FeedbackNewDate & TimeNew
    OverviewCTAsCurrencyDate and TimeError StatesNumbersPhone Numbers
    SWAN
    SWAN Design System
      Show all code
      SWAN
      SWAN Design System
        OverviewDesignersDevelopersReact setupVanilla setupTokensCollaborationNewExpansion PacksDeprecationMigrationInternationalizationAI-Assisted DevelopmentThemingNew
        OverviewESLint pluginStylelint pluginSWAN OverlayCodemodsLive playground
        OverviewAccessibilityAll TokensColorCore PropsPage LayoutIconsModesResponsive SystemSpaceTypography
        OverviewAccordionAdaptive CarouselAlert BoxAnchor BarAspect RatioAvatarBannerBase TileBounded ContentBoxBreadcrumbsButtonButtonbarCalloutCardCarouselDeprecatedCheckboxCollapsibleColor SwatchesComboboxConvenience ElementsCountDate CalendarNewDate PickerNewDividerDropdownEmpty StateError BoundaryFieldsetFile DropzoneFile InputFile TileFlexBoxFluid ImageFormGridHeading (H1–H6)HiddenIcon ButtonLeft Hand NavigationLightboxNewLinkListListboxMenuModal DialogPage WrappersPaginationPipe SeparatorPopoverPrice BarPricingProgress BarProgressive ImagePromo CodeRadio ButtonRangeRatings StarsResponsive ImageSearch InputSelection SetSkeleton TextSpinnerSquare Image ContainerStandard TileStatus MessageStep IndicatorTableTabsText AreaText InputThumbnails HeroDeprecatedTime PickerNewToggle SwitchTypographyUncustomizable MarkupVisibleVisually HiddenZoom ControlsZoomable ImageNew
        OverviewButton PlacementDestructive ActionsFile UploadCommunicating System FeedbackNewDate & TimeNew
        OverviewCTAsCurrencyDate and TimeError StatesNumbersPhone Numbers

        SWAN

        SWAN empowers Cimpress digital product teams to design, prototype, and rapidly build exceptional customer experiences.

        Start developingStart designing

        changelog

        Theming arrives in SWAN 3.35

        SWAN now supports theming, making it possible for multiple brands to use the shared Cimpress Experience Platform while expressing their own brand identity. Refer to Theming for more information.
        Read the changelog

        foundations

        Foundations

        Foundational elements for designing UI components, surfaces and patterns.
        components

        Components

        Reusable building blocks for use in building larger web experiences and patterns.
        content

        Content

        Tools and guidance to write clear, concise, and useful content.
        patterns

        Patterns

        Reusable UI and content patterns.

        Quick links

        figma

        🦢 SWAN CEP UI Kit

        Figma library
        intake-form

        Expansion Packs

        View the EP Documentation Hub for documentation on Expansion Pack components
        live-playground

        Live playground

        Experiment with SWAN components in the browser
        figma

        Help and feedback

        Contact us on Slack at #help-swan for help, questions, and feedback.

        Vista
        Terms of usePrivacy policyLegal notice