You can customise design elements for Doorkeeper Lite and Doorkeeper Pro.
Collect your logotype and accent colour, following the guidelines below.
Upload your logotype and background to a publicly accessible file repository and collect the corresponding URLs. If you don't have a place for this, contact us.
We require a landscape version of your company logo:
Supported vectorial file types: SVG
and PNG
.
The file should be publicly accessible via a URL.
If you have multiple logo options, choose the one that works best against your selected theme (light or dark).
Doorkeeper will display the logo with a height of 150pt, and scale it to fit - you may need to adjust the logo's ratio before uploading it.
If you would like the contrast to be tweaked, contact us.
Your brand's accent colour should be:
Preferably, a color already present in the logo.
HEX
, HSL
or RGB
formats supported. You can also leverage the color selection tools in the web app to choose a color on the spot.
Go to Settings > Company > Branding and look for the Logo section.
Select Custom, and paste the logo URL in the text field. You will see a preview on the right side of the page.
Click on the blue Save button to save your branding changes.
Restart the Doorkeeper application on the iPad to apply the changes.
Go to Settings > Company > Branding and look for the Accent color section.
Select Custom and click on the color box to configure Accent color. A small window with a variety of color selection tools will appear:
Color picker (dropper): hover your mouse over an element of an image to inspect its color. Click to select it.
Color palette: use the color palette slider and rectangular area to find the color and shade you are after.
Enter RGB, HSL or HEX values in the bottom input field.
Review the preview screen to confirm your accent color selection.
Click on the blue Save button to save your branding changes.
Restart the Doorkeeper application on your iPad to apply the changes.
Go to Settings > Company > Branding and look for the Theme section.
Select between Light and Dark mode. You will see a preview of this on the right side of the screen.
Click on the blue Save button to save your branding changes.
Restart the Doorkeeper application on your iPad to apply the changes.
Go to Setting > Company > Branding and look for the Background section.
Select Custom, and paste the image URL in the text field. You will see a preview on the right side of the page.
Click on the blue Save to save your branding changes.
Restart the Doorkeeper application on your iPad to apply the changes.