Patterns & Layouts

Patterns are a collection of reusable frameworks that help to solve common use cases. They are best practices for designing experiences using our components and layouts.

Drag and Drop

Drag and Drop is a feature that allows users to directly manipulate the user interface of a website or application.

Feature Lists

Feature lists organize list content in a vertical format using stylized typography and often containing imagery for visual interest.

Filter & Sort

Filtering and sorting are methods that enable a user to organize data and refine their view of a dataset using interface controls.

Forms

A form is a collection of related and logically ordered input controls that allows users to submit data and configure options.

Grids & Tables: Formatting

Best practices for the formatting and organization of the data within a grid or table so it is easy to read and users can quickly find insights.

Grids & Tables: Heatmaps

Heatmaps are a simple and powerful way to use color to show the magnitude and variation in a set of values.

Grids & Tables: Histograms

Histograms (aka bar charts) are a graphical representation of numeric variables in a single column, specifically used for analytics and comparison.

Loading patterns are used when data may take a long amount of time to appear in an application or website.

Media Players

Media players display multimedia content and have simple interface for controlling playback of video or audio.

Stepped Progression

A stepped progression is an interface built to support a series of steps a user must to complete a process.

Sticky Elements

Sticky elements are given a designated placement in relation to the viewport and are meant to then “stick” in that position.

Layouts

Ready-to-use responsive layout examples are built using mobile-first principles built to showcase sample layouts for some of the most commonly created page types at Goldman Sachs.

Article

The Article layout showcases how to create a responsive and mobile-optimized design for editorial content.

Dashboard

The Dashboard layout showcases a dashboard summary for a fictional publicly traded company.

Events

The Events layout can be used to showcase upcoming events.

Marketing

The Marketing layout can be used to showcase content and insights or promote a brand or product.