--- title: "General resource" url: "https://docs.signnow.com/docs/branding-general-resource" type: "page" section: "Documentation" slug: "branding-general-resource" --- # General resource # General resource With the general brand resource, API users can customize the signing session, the embedded editor, embedded sending, and embedded view experiences. > A signing session is an editing and viewing experience that a recipient enters when opening a document in the SignNow editor. ## Brand elements for the signing session ![general_editor_signing_upd.png](/reference-assets/images/Branding%20guide/General/general_editor_signing_upd.png) ![general_editor_icons_upd.png](/reference-assets/images/Branding%20guide/General/general_editor_icons_upd.png) ![general_welcome_message_new.png](/reference-assets/images/Branding%20guide/General/general_welcome_message_new.png) ![general_welcome_message_2_new.png](/reference-assets/images/Branding%20guide/General/general_welcome_message_2_new.png) ![buttons.png](/reference-assets/images/Branding%20guide/General/buttons.png) ## Brand elements for embedded editor, embedded view*, signing session for the FreeForm invite* ![general_buttons_constructor.png](/reference-assets/images/Branding%20guide/General/general_buttons_constructor.png) ![general_elements_constructor_upd.png](/reference-assets/images/Branding%20guide/General/general_elements_constructor_upd.png) ![general_right_sidebar_constructor_upd.png](/reference-assets/images/Branding%20guide/General/general_right_sidebar_constructor_upd.png) **Manage document recipients** ![general_setup_recipients_constructor_doc.png](/reference-assets/images/Branding%20guide/General/general_setup_recipients_constructor_doc.png) **Manage document group recipients** ![general_setup_recipients_constructor.png](/reference-assets/images/Branding%20guide/General/general_setup_recipients_constructor.png) ![general_setup_recipients_unsaved_changes_constructor.png](/reference-assets/images/Branding%20guide/General/general_setup_recipients_unsaved_changes_constructor.png) *Some elements are available ## Brand elements for embedded sending (Send Invite page) ![general_send_invite_buttons.png](/reference-assets/images/Branding%20guide/General/general_send_invite_buttons.png) ![general_send_invite_settings_upd.png](/reference-assets/images/Branding%20guide/General/general_send_invite_settings_upd.png) ![general_send_invite_preview_panel_upd.png](/reference-assets/images/Branding%20guide/General/general_send_invite_preview_panel_upd.png) ![general_send_invite_completion.png](/reference-assets/images/Branding%20guide/General/general_send_invite_completion.png) ![general_send_invite_doc.png](/reference-assets/images/Branding%20guide/General/general_send_invite_doc.png)
UI element Customization options Attributes with values
Header background The header background color in the editor and on the Send Invite page.

Can be customized for the signing session, embedded sending, embedded editor, and embedded view.		 ```json "header": { "background": "#0050A0" } ```
Main background The page background color in the editor, on the Send Invite page (including the preview sidebar).

Can be customized for the signing session, embedded sending, embedded editor, and embedded view.		 ```json "main-background": "#FF0000" ```
Text color Text color in the editor: document name in the header, document name on the page, text in left sidebar, text in right sidebar; text on the manage recipients pop up.

Text color on the Send Invite page: text on the main page, text on the preview sidebar, text on the Actions on Completion sidebar, text on the settings sidebar.

Can be customized for the signing session, embedded sending, embedded editor, and embedded view.		 ```json "texts": { "color": "#2C2C2C" } ```
Icons Colors of the icons in the editor and on the Send Invite page (across pop-ups, sidebars, and toolbars) in default state and when hovered over.

Can be customized for the signing session, embedded sending, embedded editor, and embedded view.		 ```json "icons": { "color": "#2C2C2C", "background": "#FFFFFF", "border": "#FFFFFF", "hover-background": "#F6F8FB", "hover-color": "#2C2C2C", "hover-border": "#F6F8FB" } ```
Dropdown colors
  • Colors of the dropdowns in the editor and on the Send Invite page (across pop-ups, sidebars, and toolbars).
  • Colors of the dropdowns when opened, an option is hovered over, and an option is clicked.

    • Can be customized for the signing session, embedded sending, embedded editor, and embedded view.     		```json "buttons": { "dropdown": { "color": "#2C2C2C", "background": "#FFFFFF", "border": "#D6D9DC", "hover-background": "#F6F8FB", "hover-color": "#2C2C2C", "hover-border": "#D6D9DC", "active-background": "#E6E9EC", "active-color": "#2C2C2C", "active-border": "#D6D9DC" } } ```
    Buttons color Colors of the primary, secondary, and default buttons in the editor and on the Send Invite page (across pop-ups, sidebars, and toolbars).

    Can be customized for the signing session, embedded sending, embedded editor, and embedded view.

    Buttons on emails are customized in the email general resource.     		```json "buttons": { "primary": { "color": "#ffffff", "background": "#0777cf", "border": "#0777cf", "hover-background": "#348fd7", "hover-color": "#ffffff", "hover-border": "#348fd7", "active-background": "#076dbd", "active-color": "#ffffff", "active-border": "#003458" }, "secondary": { "color": "#38424b", "background": "#e3e6e9", "border": "#e3e6e9", "hover-background": "#f1f2f4", "hover-color": "#38424b", "hover-border": "#f1f2f4", "active-background": "#d5dade", "active-color": "#38424b", "active-border": "#d5dade" }, "default": { "color": "#546470", "background": "#ffffff", "border": "#ffffff", "hover-background": "#f1f2f4", "hover-color": "#546470", "hover-border": "#f1f2f4", "active-background": "#ffffff", "active-color": "#546470", "active-border": "#ffffff" } } ```
    Welcome message Show or hide a welcome message when a user opens an invite.
  • Welcome message text with {sender_email} placeholder.
  • Header text with {signer_email} placeholder.


    • Can be customized for the signing session (field invite and embedded invite).    		 ```json "welcome-message": { "visibility": true "body-text": { "en": "{sender_email} has invited you to fill out and sign this in one place.", "es": "{sender_email} lo ha invitado a completar y firmar esto en un solo lugar.", "fr": "{sender_email} vous a invité à remplir et signer ce document dans un endroit." }, "header-text": { "en": "Hi, {signer_email}", "es": "Hola, {signer_email}", "fr": "Bonjour, {signer_email}" } } ```
    Consent text Consent text with {sender_email} placeholder shown when a user opens an invite.

    Can be customized for the signing session (field invite and embedded invite).    		 ```json "consent-text": { "en": "{sender_email} has invited you to fill out and sign this in one place.", "es": "{sender_email} lo ha invitado a completar y firmar esto en un solo lugar.", "fr": "{sender_email} vous a invité à remplir et signer ce document dans un endroit." } ```
    Help center Show or hide the Help Center option on the More Actions dropdown menu.

    Can be customized for the signing session (except embedded invite: always 'false').    		 ```json "help-center": { "visibility": true } ```
    Hyperlink Color of the hyperlinks in the editor (Manage Recipients) and on the Send Invite page (Add Payment Request).

    Can be customized for the embedded sending and embedded editor.    		 ```json "hyperlink": { "color": "#0777CF", "hover-color": "#005BB5", "active-color": "#003F85" } ```
    --- *Full page: https://docs.signnow.com/docs/branding-general-resource*