nikolaswise/Design System Outline.md

Created March 18, 2019 20:09

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/nikolaswise/52a43813a48806898153e4706dd5e471.js"></script>
Save nikolaswise/52a43813a48806898153e4706dd5e471 to your computer and use it in GitHub Desktop.

Download ZIP

Raw

Design System Outline.md

SmugMug Design System

Homework for Michal

Color:

Color Name	Color Hex Value
Green	#6EB801
Light Green	#81D600
Black	#222222
Gray	#F0F0F0
White	#FFFFFF

Type:

Family	Weight	Style
Gotham	300	Roman
Gotham	500	Roman
Gotham	600	Roman

Size	Leading	Tracking
18px	30.85px	0
38px	46.6px	-1px
42px	40px	-2px
64px	72px	-2px

Breakpoints:

Reference	Width
Small	420px
Medium	737px
Large	1025px

Components:

Name
Button
Modal
Search Input

Patterns:

Name
Hero
Footer

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment