FOUNDATION

Foundation

These interlocking design elements form the underpinnings of all we do.

Accessibility

Accessible digital design ensures that users of all different abilities can use and navigate an interface.

Color System

View the full spectrum of the Goldman Sachs Design System color palette.

Dark Mode

Dark mode uses darker, less-saturated colors to create a low-light user interface.

Design System Concepts

The underlying functional language that is used across components to create a cohesive system.

Elevation

Shadows add depth by giving the appearance of distance, or elevation, between surfaces.

Iconography

Icons are graphical representations of actions, entities or concepts.

Imagery

Imagery is a powerful tool to help establish a product’s visual identity and enhance user experience.

Interaction States

Interaction states are visual styles that communicate to the user the status of a component or element that is interactive.

Layout

Consistent layout principles allow designers to efficiently build user-friendly products across devices and screen sizes.

Mobile

Mobile design requires considerations for devices that are not only smaller than desktop devices, but are also used in many different ways.

Spacing

Consistent spacing of column width and height, margins, and padding maintain visual balance in our designs.

Typography

This set of typographic styles enables a clear visual hierarchy in designs.

Writing Guidelines

Guidelines for the best words, with the right voice and tone.

Related Content

Components

Our collection of reusable components, guided by clear standards, can be assembled in countless variations.

Creating the Goldman Sachs Design Color System

Learn about the research and testing that went into our color palette.

Terms of Use Give Feedback Regulatory Disclosures Privacy and Cookies Security