Cloudscape Design System
  • Get started
  • Foundation
  • Components
  • Patterns
  • Demos
  • GitHub 
Cloudscape Design System
  • Get started
  • Foundation
  • Components
  • Patterns
  • Demos
  • GitHub 
  • About
  • Guides
    • Introduction
    • Get started for designers
    • Get started for developers
  • Resources
    • Design resources
  • Integration
    • Using Cloudscape components
    • Global styles
  • Development guides
    • Collection hooks package
    • Content security policy (CSP)
    • Responsive development
    • State management
    • Z-index
  • Testing
    • Introduction to testing
    • Testing frameworks integration
    • Testing core classes
  1. Cloudscape Design System
    • Get started
    • Resources: Design resources

    Design resources

    Streamline your design process with official Cloudscape resources.

      On this page

      • Design resources
      • Foundation

      Design resources

      The Cloudscape Figma library consists of global styles and components that can be used to create Cloudscape designs.

      The library file can be used both as a sticker sheet (to copy and paste elements to your design files) and as a library (which you can install to access all components from any design file). To install the design library, see this article on publishing styles and components .

      For more details about the Cloudscape Figma library, check out the getting started guide inside the file. If you're new to Figma, check out the Figma getting started guides  or Figma YouTube channel .

      Figma design libraryFigma design library

      Figma design library

      A collection of all components, variants, and fundamentals, including color, text, and layer styles.

      Download design library

      Foundation

      Learn more about typography, icons, and colors in Cloudscape.

      TypographyTypography

      Open Sans

      The latest version of Open Sans is designed for both mobile and web usage.

      Download Open Sans
      ColorsColors

      Colors

      Color palettes can be found inside the design resources on this page.

      icongraphyicongraphy

      Icons

      Icons can be found inside the design resources on this page.

      • About
      • Connect
      • Privacy 
      • Site terms 
      • © 2023, Amazon Web Services, Inc. or its affiliates. All rights reserved.
      Made with love atAWS