chingu-voyage3 / bears-24

MIT License
1 stars 0 forks source link

Define a design scheme for our app #10

Closed cbchien closed 6 years ago

cbchien commented 6 years ago

User Story:

As a user, I want to see a consist color scheme so that I can have a comfortable user experience and a vibrant visual experience

Acceptance Criteria:

Examples and resources: https://coolors.co/f79256-fbd1a2-7dcfb6-00b2ca-1d4e89 http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF

GlynL commented 6 years ago

Color Scheme

/ Palette generated by Material Palette - materialpalette.com/teal/cyan /

.dark-primary-color { background: #00796B; } .default-primary-color { background: #009688; } .light-primary-color { background: #B2DFDB; } .text-primary-color { color: #FFFFFF; } .accent-color { background: #00BCD4; } .primary-text-color { color: #212121; } .secondary-text-color { color: #757575; } .divider-color { border-color: #BDBDBD; }

GlynL commented 6 years ago

Font Scheme

Nunito - Google Font

link

<link href="https://fonts.googleapis.com/css?family=Nunito:400,400i,700" rel="stylesheet">

CSS Rule

font-family: 'Nunito', sans-serif;

cbchien commented 6 years ago

Nice Work!