All Collections
Buttons
General
Button Screen Cookbook
Button Screen Cookbook
Michael Ashford avatar
Written by Michael Ashford
Updated over a week ago

The Receptionist for iPad offers plenty of tools for creating a great-looking check-in process. Below are two options to help you acclimate to those tools and start with a pleasing color palette. Each includes a "recipe" to plug into your admin panel piece by piece and watch your button screen come to life.
​

An image of an iPad kiosk with a light-colored Receptionist app screen.
An image of an iPad kiosk with a dark-colored Receptionist app screen.

Light

Dark

Button 1 (Blue)
​Background: e2f2f9
​Icon & Text: 1f6288
​
​Button 2 (Green)
​Background: f0ffef
​Icon & Text: 438558
​
​Button 3 (Orange)
​Background: fff0ef
​Icon & Text: 953d3c
​
​Button 4 (Purple)
​Background: edeeff
​Icon & Text: 4a487f
​
​Button 5 (Maroon)
​Background: fef2ff
​Icon & Text: 893e86
​
​Button 6 (Gold)
​Background: fff8db
​Icon & Text: bb9500


Style & Border

Appearance Mode: Light
​Button Style: Square
​Border Color: ffffff

Border Size: 10
​Border Radius: 30
​

Button 1 (Blue)
​Background: 1f6288
​Icon & Text: e2f2f9
​
​Button 2 (Green)
​Background: 438558
​Icon & Text: f0ffef
​
​Button 3 (Orange)
​Background: 953d3c
​Icon & Text: fff0ef
​
​Button 4 (Purple)
​Background: 4a487f
​Icon & Text: edeeff
​
​Button 5 (Maroon)
​Background: 893e86
​Icon & Text: fef2ff
​
​Button 6 (Gold)
​Background: bb9500
​Icon & Text: fff8db

Style & Border

Appearance Mode: Dark
​Button Style: Square
​Border Color: cfcfcf
​Border Size: 10
​Border Radius: 30

Have questions or want to chat through options? Click on that orange chat button in the lower right corner to livechat with a member of The Receptionist team!

Did this answer your question?