Documate is now Gavel! Read more about why we’re excited about this rebrand.

Add Custom Styles with CSS

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
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)

Build Your Own Style

Gavel Expert, Ash Singh, created a Gavel Custom CSS Generator* where you can change colors and certain formats using his tool. Easy to use for a nominal fee, this third-party site will help you create your own custom css to add to your Gavel Workflows.

*Note: This is an unofficial project, not affiliated with Gavel, is offered as a service by Ash Singh.