CINXE.COM

<!DOCTYPE html> <html class='full-height overflow-hidden' lang='en'> <head> <title>BitPay Brand Guide</title> <meta property="og:title" content="BitPay Brand Guide"> <meta name="twitter:title" content="BitPay Brand Guide"> <meta property="og:type" content="website"> <meta name="twitter:card" content="summary_large_image"> <meta property="og:image" content="https://zeroheight.com/uploads/RUjJMjgGvmBDSlYBKMWJmg.png"> <meta name="twitter:image" content="https://zeroheight.com/uploads/RUjJMjgGvmBDSlYBKMWJmg.png"> <link rel="stylesheet" href="/the-other-assets/plugin-21450674924a9593e00a98d24f9251ffb7096636f151218d49ee42ccde61e57d.css" media="all" data-turbolinks-track="true" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="referrer" content="origin"> <link rel='stylesheet' type='text/css' href="https://cdn.zeroheight.com/1.5.9.7387/style.css?version=1.5.9.7387"> <meta name="description" content="BitPay Brand Guide 路 Design system documentation, made with zeroheight"> <meta property="og:description" content="BitPay Brand Guide 路 Design system documentation, made with zeroheight"> <meta name="twitter:description" content="BitPay Brand Guide 路 Design system documentation, made with zeroheight"> <link href="/fonts/SpaceGrotesk.css" rel="stylesheet"> <meta name="robots" content="noindex"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="CJ9MpTeuZREOg8Zy7tsBRSrSv0ZpcM13Kz_uVtJ3qGUwglSyiIQNScBi3qNLyJp5jyv4ZobBrQ40mnwzjVk3rQ" /> <link rel="icon" href="/uploads/favicon_bitpay.ico" type="image/x-icon"/> <link rel="apple-touch-icon" href="/uploads/favicon_bitpay.ico"> <script nonce="MLDF+4hFHdzDoriUa+/XFOaRMV1eI2jJV/N3R6M1UpY="> function forgeryToken() { return 'PBo37yqfKcQUNOa-QtyWx-0_SZOjngpDX9N7HWnLKC8EBy_4lbVBnNrV_m_nzw37SMYOs0wvajpAdul4NuW35w'; } </script>  <script nonce="MLDF+4hFHdzDoriUa+/XFOaRMV1eI2jJV/N3R6M1UpY="> window.amplitude_api_key = '710046ca554fe7c78d358b8c5e09a168'; </script>  <script nonce="MLDF+4hFHdzDoriUa+/XFOaRMV1eI2jJV/N3R6M1UpY="> window.SENTRY_DSN = 'https://2cda59db5cb04520a5bffe1736d73cee@sentry.io/1297203' window.SENTRY_ENVIRONMENT = 'production' </script>   <script nonce="MLDF+4hFHdzDoriUa+/XFOaRMV1eI2jJV/N3R6M1UpY="> dataLayer = window.dataLayer || []; dataLayer.push({nonce: "MLDF+4hFHdzDoriUa+/XFOaRMV1eI2jJV/N3R6M1UpY="}); </script>   <script nonce="MLDF+4hFHdzDoriUa+/XFOaRMV1eI2jJV/N3R6M1UpY="> window.AppcuesSettings = { enableURLDetection: true }; </script><script src="//fast.appcues.com/119582.js" nonce="MLDF+4hFHdzDoriUa+/XFOaRMV1eI2jJV/N3R6M1UpY="></script>  <script nonce="MLDF+4hFHdzDoriUa+/XFOaRMV1eI2jJV/N3R6M1UpY="> _linkedin_partner_id = "5115098"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script nonce="MLDF+4hFHdzDoriUa+/XFOaRMV1eI2jJV/N3R6M1UpY="> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script><noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=5115098&fmt=gif" /> </noscript> </head> <body data-no-turbolink class='disable-selecting p0 m0 white-background full-height zh-read-only overflow-hidden'> <div id='content' class="full-height flex-column"> </div> <script nonce="MLDF+4hFHdzDoriUa+/XFOaRMV1eI2jJV/N3R6M1UpY="> window.APP_VERSION = "1.5.9.7387"; window.APP_MODE = "production"; window.USER_INFO = {"token":"hNAQOoz9Al1BTzCnxLuAkw","root_url":"https://zeroheight.com","viewUrl":"7b6hnbyxw","styleguideId":1931,"shareLink":true,"view_only":true,"externalViewer":true,"needsPassword":false,"hasStyleguidePassword":false,"hasPrivateViewers":false,"custom_domain":true,"avenir_hack":false,"ssoUrl":null,"ssoViewer":null,"hasSsoLogout":false,"features":{"PLAT_147_get_user_images_from_cdn":true,"PLAT_144_get_bundles_from_cdn":true,"4181_login_retry_lockout":false,"4193_complex_password":false,"3073_show_newsletter_banner":false,"COLLAB-2_iframe_sandbox_restrictions_exemption":false,"SUP_1195_saml_signing":false,"SUP_1195_encrypted_assertions":false,"footer_links_on_locked_screen":false,"disable_private_viewers":false,"SKI_424_enable_token_studio_import":false,"SKI_1705_token_set_automation":true,"SKI_1705_tokens_automation_management":true,"SKI_1931_token_outputs_multiple_formats":false,"SKI_701_live_code_migrate_html_preview":false,"SKI_1887_token_scopes_selection":true,"SKI_1446_package_version_usage":true,"SKI_1463_component_usage":true,"SKI_1459_remove_repo_restrictions":true,"SKI_1442_package_adoption_cli":true,"SKI_1442_package_adoption_dashboard":true,"SKI_1837_non_token_color_usage":false,"SKI_1590_azure_devops_integration":true,"SKI_1597_rich_link_embed":true,"SKI_1627_release_notes_block":true,"SKI_1671_reactions_in_comments":true,"SKI_1866_component_prop_usage":true,"SKI_1980_api_use_styleguide_versions":true,"TREE_1504_create_pages_in_quill":false,"TREE-986_zheditor_trial_banner":false,"zheditor_tokens_management_node":true,"zheditor_inline_token_mentions":true,"TREE-1397-page_repair_during_migration":true,"TREE-1483_enable_zheditor_for_new_teams":true,"TECH_425_refactored_sketch_block_duplication":false,"storybook_url_banner":true,"storybook_themes":true,"cli_storybook_block":false,"style_dictionary_variable_tokens":true,"export_variable_tokens":true,"storybook_multiselect":true,"import_variables_in_background":true,"import_code_snippet_test":false,"create_styleguides_from_storybook":true,"figma_sync_variables_tracking":true,"multiple_sso":false,"AUD-705_self_serve_figma_access_code":false,"AUD-334_styleguide_switcher":false,"AUD-1056_magic_link":true,"TREE-2017_component_lifecycle_tables_v1":false,"TREE-2000-feedback-in-the-notification-panel":true,"TREE-1777-styleguide-insights-dashboard":true,"TREE_1677_migrate_releases":true,"TREE-907_migrate_uppercase_categories":false,"TREE_enable_locked_preview_for_zhadmin":true,"TREE_1848_inline_feedback":true,"TREE_1852_page_level_feedback":true,"TREE_1888_stages_report":true,"TREE-1929_component_lifecycle_tables":false,"TREE_1989_migrate_versions_for_preview":true,"TREE_2031_omit_hidden_content_from_releases":false,"debug_zhapp_controller_index":false,"SUP-1646_figma_file_stack_level_fix":false,"SUP-1394_disable_styleguide_locking_for_workspaces":false,"SUP-1336-allow-project-match-for-versions":false,"SUP-954_typography_display_name_fallback":false,"SUP-1288_custom_domain_cookies":true,"enable_edit_metadata_sso_settings":true,"enable_hybrid_mode_sso":true,"TIMP-339-enable_releases_in_the_background":false,"TECH-393-improve-design-upload-queries":true,"TECH-258-use-serverless-storybook-api":true,"PROD-50_ethnio":false,"prevent_blocks_version_removal_on_library_removal":true,"SEA_310_project_permissions_fix":true,"lazy_iframe_loading":false,"4884_new_action_list":true,"4718_display_figma_descriptions":true,"4902_embed_github":true,"4849_sso_viewer_logout":false,"invoke_step_functions_for_figma_lambdas":true,"4883_limit_styleguides_per_plan":true,"4669_sales_tax":true,"4724_prevent_stale_block_resolution":true,"4342_saml_logout":true,"4294_show_comments_context":true,"4299_xd_bounds_with_shadows":true,"4257_user_delete_new_modal":true,"3614_non_utf_characters_fix":true,"3794_toggle_image_captions":true,"4027_toggle_cover_text":true,"3817_sso_invite_user_creation":true,"3815_storybook_error_message":true,"3770_viewer_logging":true,"3651_delete_modal_disable_button":true,"3601_pipedrive_contact_form":true,"2925_hide_items":true,"2737_download_invoices":true,"3134_abstract_improvements":true,"3313_sso_or_ip":true,"3320_custom_domain_automation":true,"3196_editor_permissions":true,"3082_session_timeout":true,"3341_cookie_policy_banner":true,"3187_stripe_fail_fix":true,"2313_item_notes":true,"link_password":true,"custom_domain":true,"extended_colors":true,"styleguide_security":true,"styleguide_permissions":false,"export_pdf":false,"custom_font":true,"permissions":false,"analytics":false,"versioning":false,"hiding":true,"password_protected_pages":true,"editor_invites":true,"viewer_invites":false,"comments":true,"seo_indexing":true,"hide_invoice_tab":false,"custom_intro_sizes":true,"sso":false,"synced_pages":false,"projects":false,"rules_colors":false,"shortcut_resizing":false,"styleguide_analytics":false,"page_history":true,"page_history_actions":true,"slack_release_notifications":false,"private_npm":false,"ms_teams_release_notifications":false,"hotjar":false,"custom_templates":false,"template_selector":true,"footer_links_on_locked_screen":false,"multi_theme":false,"zapier":false,"code_uploads":true,"external_link_confirmation":false,"markdown":false,"onboarding":true,"page_helpfulness":false,"manager_role":false,"reviewer_role":false,"tokens":true,"lightbox":true,"native_storybook":true,"rename_page_status":true,"hero_image":true,"page_outline_toggle":true,"api":false,"footer":true,"ai":true,"self_serve_billing":true,"max_styleguides":3,"max_users":5,"sso_config":false},"is_free":false,"team_plan":"company_starter","team_name":"Bitpay","team_id":4939,"team_logo":null,"team_url":"https://bitpay.zeroheight.com","on_trial":false,"team_hide_branding_footer":true}; window.DEFAULT_DOMAIN = "zeroheight.com"; window.AVAILABLE_PLANS = null; window.USER_ATTACHMENTS_WHITELIST = ["jpg", "jpeg", "gif", "png", "webp", "zip", "pdf", "sketch", "svg", "fig", "xd", "json", "tiff", "eps", "mov", "mp4", "psd", "ai", "ait", "aia", "indd", "doc", "docx", "xls", "xlsx", "xltx", "ppt", "pptx", "pot", "potx", "pub", "key", "eot", "woff", "woff2", "ttf", "ico", "otf", "xlsm", "twb", "twbx", "tps", "overflow", "ase", "idml", "txt", "dot", "dotx", "aep", "wav", "vtt", "emltpl"]; window.USER_ATTACHMENTS_BATCH_LIMIT = 30; window.USER_ATTACHMENTS_MAX_FILE_SIZE = ""; window.FIGMA_CLIENT_ID = "GVUYtYPZ4Ep7ZmVoFdZa9k"; window.ZEPLIN_CLIENT_ID = "5e1e0c653c30ec4d1757291b"; window.KEEP_OPEN = false; if (window['ZeroheightSketch']) { document.getElementById('content').className += ' sketch-background'; } window.styleguideDetails = {"id":1931,"name":"BitPay Brand Guide","created_at":"2018-10-18T16:15:35.386Z","updated_at":"2024-07-12T19:40:11.238Z","last_upload":null,"team_id":4939,"team_name":"Bitpay","share_id":"7b6hnbyxw","logo":"https://cdn.zeroheight.com/zeroheight-huddle/logos/4939/1931/logo.svg?Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9jZG4uemVyb2hlaWdodC5jb20vemVyb2hlaWdodC1odWRkbGUvbG9nb3MvNDkzOS8xOTMxL2xvZ28uc3ZnIiwiQ29uZGl0aW9uIjp7IkRhdGVMZXNzVGhhbiI6eyJBV1M6RXBvY2hUaW1lIjoxNzM5NzkyMDMzfX19XX0_\u0026Signature=hwGePQCQyMg58GOssrs05quhnVPMqhErAWAcANgSjH8THDK3G0NwN94zT-ZlhK~nBMdlzLS4dpidpApiQ~W9YfDeq1YyCLRvufzs-EBLjv2d42VhMO3Az~5gWcEJnvULWAHEQSNRvs~yEg88TjWH20vFc0mKbR0dg0YWAh5e0VZ1JUld9axX-k-W6hDqyHA3jf2q7hpDmXDHfRpt1XKBSIx8diEhzetPMQ73lLU7r~MBsjosWoblJTVa71Qngh-bv8U2PM3awLllojwjBDowAsUxMiZYJrU6ubC~4yxOy-8VHepuOsgRwIhQZpJ-PxzBH7tyBp7V9-u5AZ7ShNpEFg__\u0026Key-Pair-Id=KDUNFXWNWK45P","properties":"{\"color\":\"rgb(236,239,253)\",\"image\":\"/uploads/RUjJMjgGvmBDSlYBKMWJmg.png\",\"JSIncludes\":[],\"CSSIncludes\":[],\"colorTitle\":\"#1A3B8B\",\"colorLargeHeading\":\"#000000\",\"colorSmallHeading\":null,\"colorBody\":\"#565D6D\",\"colorLink\":\"#4F6EF7\",\"authSSODisabled\":true,\"remRoot\":16,\"remShown\":true,\"customFonts\":[{\"uid\":\"X3FMswq\",\"name\":\"Roboto\",\"type\":\"google\"},{\"uid\":\"fALUu0n\",\"name\":\"Heebo\",\"type\":\"google\"}],\"fontStyles\":{\"body\":\"fALUu0n\",\"navigation\":\"fALUu0n\",\"headings\":\"X3FMswq\"},\"colorItemName\":null,\"colorNavText\":null,\"colorSideCategory\":null,\"colorSidePage\":null,\"colorNavBackground\":null,\"colorNavBorder\":null,\"colorSideBackground\":null,\"colorSideBorder\":null,\"titleColor\":\"rgb(26,58,139)\",\"descriptionColor\":\"rgb(140,157,197)\",\"publishedReleases\":[4674,4673,4883,4907,5041,5926,5927,17366,0],\"coverHeight\":0.5318,\"overlay\":\"none\",\"shortcutTiles\":[{\"id\":1623874143276,\"link\":\"https://brand.bitpay.com/7b6hnbyxw/v/0/p/69207b-our-story\",\"title\":\"Brand Guidelines\",\"coverImage\":\"\",\"description\":\"Everything you need to know about how to use our buttons, mark and more.\"},{\"id\":1670961880017,\"link\":\"https://brand.bitpay.com/7b6hnbyxw/p/106792-brand-requirements/b/640ab5\",\"title\":\"Merchant Marketing\",\"description\":\"Everything you need to know about how to promote crypto acceptance.\\n\"}],\"colorSmallerHeading\":null,\"containBgImage\":false,\"calloutBackground1\":null,\"calloutBackground2\":null,\"calloutBackground3\":null,\"calloutBackground4\":null}","has_password":false,"has_page_password":true,"needs_page_password":true,"downgrade_locked":false,"has_github_items":false,"integration_block_providers":[],"custom_domain":"brand.bitpay.com","share_link":"https://zeroheight.com/7b6hnbyxw","default_release_name":"latest","default_release_id":null,"num_of_releases":6,"categories":[{"id":239918,"name":"Usage","order":1,"visibility":null,"collapsed":false,"pages":[{"id":620526,"uid":"5776dc","version_id":null,"name":"Capitalization","visibility":null,"created_at":"2020-04-15T02:39:40.739Z","updated_at":"2021-07-21T00:06:39Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":6,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":""},{"id":19138,"uid":"21e903","version_id":null,"name":"Brand Mark","visibility":null,"created_at":"2018-10-18T20:32:19.056Z","updated_at":"2022-04-20T14:07:58Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":5,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":""},{"id":620054,"uid":"497a0d","version_id":null,"name":"Payment Button","visibility":null,"created_at":"2020-04-14T19:19:14.035Z","updated_at":"2022-05-04T18:11:11Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":3,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":""},{"id":620055,"uid":"76b712","version_id":null,"name":"Payment Mark","visibility":"visible","created_at":"2020-04-14T19:19:20.212Z","updated_at":"2023-09-27T18:39:16Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":2,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":""},{"id":18252,"uid":"034186","version_id":null,"name":"Colors","visibility":null,"created_at":"2018-10-18T16:15:35.436Z","updated_at":"2023-06-29T21:11:43Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":1,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":""}],"navigation_id":29393,"overview_page":false,"parent_category_id":null,"subcategories":[]},{"id":246799,"name":"Resources","order":4,"visibility":null,"collapsed":false,"pages":[{"id":620050,"uid":"931d9d","version_id":null,"name":"Press Kit","visibility":null,"created_at":"2020-04-14T19:17:57.979Z","updated_at":"2021-12-09T14:34:21Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":1,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":""}],"navigation_id":29393,"overview_page":false,"parent_category_id":null,"subcategories":[]},{"id":8012,"name":"Overview","order":0,"visibility":null,"collapsed":false,"pages":[{"id":18251,"uid":"69207b","version_id":null,"name":"Our Story","visibility":null,"created_at":"2018-10-18T16:15:35.404Z","updated_at":"2024-07-12T19:40:11Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":1,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":""},{"id":3961077,"uid":"3443db","version_id":null,"name":"Overview","visibility":null,"created_at":"2022-12-13T17:55:34.664Z","updated_at":"2022-12-13T17:55:36Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":3,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"true","navigation_visibility":""}],"navigation_id":29393,"overview_page":false,"parent_category_id":null,"subcategories":[]},{"id":67903,"name":"___cover","order":null,"visibility":null,"collapsed":false,"pages":[{"id":179081,"uid":"1262ca","version_id":null,"name":"___cover","visibility":null,"created_at":"2019-07-16T14:55:03.071Z","updated_at":"2020-04-14T22:10:22Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":null,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":""}],"navigation_id":29393,"overview_page":false,"parent_category_id":null,"subcategories":[]},{"id":929748,"name":"MERCHANT MARKETING","order":0,"visibility":"visible","collapsed":false,"pages":[{"id":2975871,"uid":"33258a","version_id":null,"name":"MERCHANT MARKETING","visibility":null,"created_at":"2022-05-04T18:16:43.287Z","updated_at":"2022-12-14T15:32:46Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":1,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"true","navigation_visibility":"visible"},{"id":2980876,"uid":"106792","version_id":null,"name":"Brand Requirements","visibility":"visible","created_at":"2022-05-05T13:09:06.944Z","updated_at":"2022-12-13T21:55:36Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":2,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":"visible"},{"id":2981119,"uid":"536c3e","version_id":null,"name":"Merchant Directory","visibility":null,"created_at":"2022-05-05T13:28:42.030Z","updated_at":"2022-12-13T20:41:03Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":4,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":"visible"},{"id":2980877,"uid":"768818","version_id":null,"name":"Best Practices","visibility":null,"created_at":"2022-05-05T13:09:26.179Z","updated_at":"2022-12-14T18:39:12Z","ghosted_synced_page_id":null,"is_ghost_page":"false","order":3,"status_object":null,"has_prosemirror_introduction":null,"locked":false,"synced":null,"category_overview_page":"false","navigation_visibility":"visible"}],"navigation_id":135084,"overview_page":false,"parent_category_id":null,"subcategories":[]}],"navigations":[{"id":135084,"uid":"94d403","name":"Merchant Marketing","url":"","order":2,"visibility":"visible","parent_nav_id":null,"is_group":null},{"id":29393,"uid":"25d66c","name":"Brand Guidelines","url":"","order":1,"visibility":"","parent_nav_id":null,"is_group":null}],"has_empty_navbar":false,"shared_with_team":true,"owner_user_id":null,"project_id":null,"project_name":null,"sync_pages_across_projects":null,"themes":[],"page_feedback_enabled":false,"inline_feedback_enabled":null,"integrations":[]}; window.STRIPE_KEY = "pk_live_AntKoC5aCKHq9PYkoIPii1zJ"; </script><script src="https://cdn.zeroheight.com/1.5.9.7387/app.js?version=1.5.9.7387" type="text/javascript" id="zh-app-script" nonce="MLDF+4hFHdzDoriUa+/XFOaRMV1eI2jJV/N3R6M1UpY="></script> </body> </html>