Themes allow you to represent your brand inside of the Finger-Ink app, and in your Finger-Ink forms. You can access them from within the portal, here:

The themes page will show a horizontal-scrolling list of themes, with a preview approximating what they will look like in either scenario. This preview updates as you update the theme.

There are a number of ways to add a theme — you can duplicate an existing theme, add a theme from a website or create a new theme from scratch (which will initially look like the default version of our kiosk or forms):

The latter two can be added using the "add theme" button here:

To duplicate an existing theme, find the theme to duplicate, go to the settings tab, then press the duplicate button:

The "New from website" option uses some secret sauce on our end to try and determine both the logo and colour scheme from the given website, then create a theme using both:

Depending on whether or not forms are enabled for your account, you'll see either 3 of 4 tabs below the form preview:

Use settings to re-name your theme, change the display name of the clinic on any forms, make the current theme the account default (applies to all forms created from then-on), duplicate a theme or delete the theme.

The style generator tab let's you experiment with your brand's colours in an interesting way — using base colours and colour theory to try and find the perfect match:

The generate colours button will take your base colours and apply the given colour theory to the selected items. The shuffle button will keep your base colours, but choose a new colour theory to apply.

There are three main sections within the kiosk styling tab — the background, the logo and the button colours.

Background configuration for the kiosk is pretty awesome. You can choose between either images or colours as the main background type:

If you choose images, you can upload your own images to display in a carousel-like fashion as a kiosk background.

If you choose colours, you can have a gradient cycling animation style (which is the only style that we supported pre-kiosk themes), or my personal favourite — lava lamp!

Here's an example setup with the lava lamp background style configured — running on an actual iPad:
​

The other two options in the background section allow you to add shadows to UI elements (the text & buttons), and to adjust the text size of the message(s) that appear below the heading.

Shadows work great for the image carousel background type — as the sheer number of different colours in a photo make it difficult for text to be legible.

The message text size does exactly what you'd expect — both on the main kiosk screen, and subsequent screens.

Button colours do what you'd expect in the kiosk — the primary button is the "start check-in" button, the secondary button is the "I'm not here to check in" button, and the back button pops up from time-to-time during check-in flow:

The appointment card isn't actually a button — but we put it here anyway 😅. It's the little box that pops up when an appointment is found during check-in with the details of the appointment.

The Form styling tab is where you (surprise!) configure the style of your forms! The user interface has had a bit of a re-work from the old one, but your options are mostly the same.

The background colour is still a gradient, but the animation (and intensity) now applies to forms on the web and on within the iPad app!

The text & button colours can be configured as usual, but we now allow the select button colours to be configured as well:

As the name implies, the sidebar (web only) section applies to a form's sidebar — which is only present for web forms, and only on higher (e.g. desktop) resolutions:

Logos for both form filling and PDF production can be configured. You'll want the PDF logo to look nice with a white background!

Pressing the save button on any section during configuration will save the whole theme — wait a few seconds for the page to refresh before continuing along your editing journey!

Updates to themes will be applied immediately to both forms on the web, and to forms on the iPad. Updates will be applied to the kiosk within 3 seconds of the new form being downloaded onto the iPad (which should happen instantly).

Applying a theme to the kiosk is as simple as visiting the kiosk configuration, selecting the theme, then saving:

Applying a theme to a form requires you to first load the form in the form editor, select the theme to apply (your form's styling will update to reflect the selected theme), then publish the new version of the form.