Add Custom Styles with CSS

Add Your Own Styles

You can match the "look and feel" of your own website by adding custom styling and your own CSS to change the styles, colors, fonts, and button styles in your workflow.  You can do this by adding the link to your CSS style in the Settings section (like below):

‍

Pre-Built Custom Styles

You can use any of the design themes listed here.

Gavel has also built custom styles you can use. Check them out here:

Clean CSS Favorite: https://documate-styles.s3-us-west-1.amazonaws.com/cleancss.css

Black and White: https://documate-styles.s3-us-west-1.amazonaws.com/blackwhite.css

Dark Mode: https://documate-styles.s3-us-west-1.amazonaws.com/darkmode.css

Light Purple: https://documate-styles.s3-us-west-1.amazonaws.com/lightpurple.css

Two Columns: https://documate-styles.s3-us-west-1.amazonaws.com/twocolumns.css

No Header: https://documate-styles.s3-us-west-1.amazonaws.com/noheader.css
(good for embedding if you don't want the top logo/banner showing)

No Login: https://documate-styles.s3-us-west-1.amazonaws.com/nologin.css
‍(good if you don't want to allow users to log in in the top right, but you still want to show the logo)

No Login (Dark Mode): https://documate-styles.s3.us-west-1.amazonaws.com/dark_no_login_documatecss.css

No Email: https://documate-styles.s3.us-west-1.amazonaws.com/NoEmail.css
(good if you want to allow your users to download documents on the final screen, but you don't want to allow them to email those documents)

Right to Left: https://documate-styles.s3-us-west-1.amazonaws.com/RightToLeft.css (this CSS is good for languages that are read from right to left, like Arabic and Hebrew)