Skip to content

Instantly share code, notes, and snippets.

@nikolaswise

nikolaswise/Design System Outline.md

Created March 18, 2019 20:09
Show Gist options
  • Save nikolaswise/52a43813a48806898153e4706dd5e471 to your computer and use it in GitHub Desktop.
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