Part I — Styles

Switchable styles from light to dark mode in Figma

Image for post
Image for post
Image for post
Image for post

Constant Styles

Image for post
Image for post
Image for post
Image for post

Changeable Styles

Image for post
Image for post

1.1 Color Styles — Grayscale

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

1.2 System Colors

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

1.3 Background

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

2. Effect Styles

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

Summary

Image for post
Image for post
Image for post
Image for post

How to quickly switch from Light to Dark mode

Image for post
Image for post

Design Goods for Sketch & Figma

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store