mdshop
Back to designs
A

Design System inspired by AWS

Cloud services. Orange brand, technical documentation, service-dense layout.

Usage
npx getdesign@latest add aws

Run this command from your project root, then ask your AI assistant to use DESIGN.md for UI work.

Installs
7
Bookmarked
0
Not an official AWS design system. A curated starting point for building AWS-like UIs with your AI coding agent.

Cloud services. Orange brand, technical documentation, service-dense layout.

Preview
aws.design.md
Brand System Catalog

DESIGN SYSTEM INSPIRATION OF AWS

Cloud services. Orange brand, technical documentation, service-dense layout.

Explore the systemView tokens

Color Palette

Cloud services. Orange brand, technical documentation, service-dense layout.

Primary
AWS Orange
#ff9900
Brand color
Dark
#232f3e
Brand color
Squid Ink
#161e2d
Brand color
White
#ffffff
Brand color
Light BG
#f2f3f3
Brand color
Blue
#0073bb
Brand color
Gray
#545b64
Brand color
Border
#d5dbdb
Brand color

Typography

A type system inspired by AWS.

Amazon Ember
Amazon Ember, Amazon Ember
DISPLAY / 64px / 700 / 1.1
EVERYONE
H1 / 48px / 700 / 1.2
A disciplined editorial voice
H2 / 32px / 600 / 1.3
Section heading
BODY / 16px / 400 / 1.6
Body copy reads at the size and rhythm extracted from the source spec. Lorem ipsum dolor sit amet.
SMALL / 14px / 400 / 1.5
Small
CODE / 14px / 400 / 1.6
Code

Buttons

Buttons, cards, and inputs follow the brand's visual language with consistent use of the primary color palette and border-radius conventions.

Not detected on this URL

Cards

Card patterns inspired by AWS.

Not detected on this URL

Components

Other component primitives mapped from the AWS spec.

Not detected on this URL