Color Palette Logo Icons Background Brand/Highlight Highlight Highlight Dates Page/ Restaurant Bar Coffee Movies The Arts Music Sports /Text Date on date (location tag) (location tag) (location tag) (location tag) (location tag) (location tag) (location tag) /Text #EDEDED #F1D7CA plan page #6A42ED #FFFFFF Outdoors Time Location (location tag) (Date plan page) (Date plan page) Text Text Text #DDDDDD #AAAAAA #000000 Buttons/Links Typography Navigation Button Button Ready to go on a date? Open drop down menu Close drop down menu Source Serif Pro, s: 36, Bold Header 1 4 1 Inactive primary CTA Secondary CTA Enable “Set Up a Date” Feature Private until you both have enabled Button Button IBM Plex Sans, s: 30, Semi-Bold Header 2 Popup with the Enable a date Bottom navigation menu feature on the match chat page Inactive toggle state Active toggle state Primary CTA Tertiary CTA and Filters (enable setup feature) (enable setup feature) IBM Plex Sans, s: 21, Semi-Bold Header 3 Activity Price Rating April Source Serif Pro, s: 24, Bold Subheader 1 Who do you want to date? Who do you want to date? Recommended Filters (expanded) S M T W T F S Select a Match Erin Matthews New Spots IBM Plex Sans, s: 18, Semi-Bold Subheader 2 1 2 3 4 Upcoming Events Setup a Date Buttons (nothing Setup a Date Buttons (selection Close button (used for popout selected made) screens) Get a Drink IBM Plex Sans, s: 15, Semi-Bold Subheader 3 5 6 7 8 9 10 11 Get some Food 12 13 14 15 16 17 18 IBM Plex Sans, s: 24, Semi-Bold Button 1 See a Movie Add Add 19 20 21 22 23 24 25 Get Outside Add button for set up a date Add button for set up a date Location selector on Location selector on IBM Plex Sans, s: 13, Semi-Bold Button 2 Back button 26 27 28 29 30 Sports options (inactive) options (active) map view (current) map view (not-current) Listen to Music IBM Plex Sans, s: 9, Medium Button 3 May Add 6:00 PM 6:00 PM S M T W T F S IBM Plex Sans, s: 14, Medium Body 1 Setup a date button (selected Setup a date button This is an example of a body text paragraph. This is an state) (non-selected state) example of a body text paragraph. This is an example of Setup a Date Calendar field a body text paragraph. This is an example of a body text (scrolling) paragraph.This is an example of a body text paragraph. This is an example of a body text paragraph. This is an example of a body text paragraph. Send a message Send Chat Profile Set up a Date Tab navigation within a screen Chat box Google reviews Yelp reviews Favorite button IBM Plex Sans, s: 14, Regular Body 2 external link external link (on locations) This is an example of a body text paragraph. This is an example of a body text paragraph. This is an example of a body text paragraph. This is an example of a body text paragraph.This is an example of a body text paragraph. This is an example of a body text paragraph. This is an example of a body text paragraph. Whoops! In order to set up a date with this person, you both have to enable the setup a date feature. Search bar Enable “Set Up a Date” Feature Imagery Error Message Picture used when user has Picture used as avatar for either submitted multiple plans user or location to be reviewed Picture used in chat if user engaged with picture Picture used for the pictures of a location (location popout page) Picture used on the Date Plan screen Picture used for the pictures of a location (one option page).