Skip to main content
All CollectionsButtonsGeneral
Button Screen Cookbook
Button Screen Cookbook

Start formatting your Buttons.

Michael Ashford avatar
Written by Michael Ashford
Updated this week

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?