{"componentChunkName":"component---src-templates-doc-jsx","path":"/docs/brand-guidelines/","result":{"data":{"mdx":{"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nconst _frontmatter = {\n  \"title\": \"Brand guidelines\"\n};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n    components\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, `The following guidelines will help you use our brand and assets, including our logo, content and trademarks. Contact us for any questions regarding the use of our brand and assets not covered by these guidelines.`), mdx(\"h2\", {\n    \"id\": \"polypane-logo\"\n  }, `Polypane Logo`), mdx(\"p\", null, `The Polypane trademark is a combination of the Polypane icon and the word Polypane. Do not modify the trademarks or use them in a confusing way, including suggesting sponsorship or endorsement by Polypane, or in a way that confuses Polypane with another brand (including your own).`), mdx(\"p\", null, `The logo can be used on light and dark surfaces. On light surfaces, the text contains a gradient.`), mdx(\"div\", {\n    \"className\": \"imgshadow\",\n    \"style\": {\n      \"background\": \"#fff\",\n      \"display\": \"grid\",\n      \"placeItems\": \"center\",\n      \"padding\": \"2rem\",\n      \"borderRadius\": \"1rem\"\n    }\n  }, `\n  `, mdx(\"img\", _extends({\n    parentName: \"div\"\n  }, {\n    \"src\": \"/img/brand/polypane-logo.svg\",\n    \"alt\": \"Polypane logo on light\",\n    \"style\": {\n      \"width\": \"80%\"\n    }\n  }))), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, `Also available as `, mdx(\"a\", _extends({\n    parentName: \"em\"\n  }, {\n    \"href\": \"/img/brand/polypane-logo.png\"\n  }), `png`), ` and `, mdx(\"a\", _extends({\n    parentName: \"em\"\n  }, {\n    \"href\": \"/img/brand/polypane-logo.jpg\"\n  }), `jpg`), `.`)), mdx(\"p\", null, `On dark surfaces the text may be changed to white to improve readability.`), mdx(\"div\", {\n    \"className\": \"imgshadow\",\n    \"style\": {\n      \"background\": \"#000\",\n      \"display\": \"grid\",\n      \"placeItems\": \"center\",\n      \"padding\": \"2rem\",\n      \"borderRadius\": \"1rem\"\n    }\n  }, `\n  `, mdx(\"img\", _extends({\n    parentName: \"div\"\n  }, {\n    \"src\": \"/img/brand/polypane-logo-dark.svg\",\n    \"alt\": \"Polypane logo on dark\",\n    \"style\": {\n      \"width\": \"80%\"\n    }\n  }))), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, `Also available as `, mdx(\"a\", _extends({\n    parentName: \"em\"\n  }, {\n    \"href\": \"/img/brand/polypane-logo-dark.png\"\n  }), `png`), ` and `, mdx(\"a\", _extends({\n    parentName: \"em\"\n  }, {\n    \"href\": \"/img/brand/polypane-logo-dark.jpg\"\n  }), `jpg`), `.`)), mdx(\"p\", null, `The icon, along with other properties like proportions, distances, colors, elements, typefaces and visual effects should never be changed.`), mdx(\"h3\", {\n    \"id\": \"icon\"\n  }, `Icon`), mdx(\"p\", null, `The Polypane icon can be used to refer to the application itself. Whenever referencing Polypane the company use the logo instead.`), mdx(\"div\", {\n    \"className\": \"imgshadow\",\n    \"style\": {\n      \"background\": \"#fff\",\n      \"display\": \"grid\",\n      \"placeItems\": \"center\",\n      \"padding\": \"1rem\",\n      \"borderRadius\": \"1rem\"\n    }\n  }, `\n  `, mdx(\"img\", _extends({\n    parentName: \"div\"\n  }, {\n    \"src\": \"/img/brand/polypane-icon.svg\",\n    \"alt\": \"Polypane icon\",\n    \"style\": {\n      \"height\": \"120px\"\n    }\n  }))), mdx(\"p\", null, `The icon, and the icons below, should not be altered in any way, including its proportions, colors, elements or visual effects.`), mdx(\"h4\", {\n    \"id\": \"monochrome-icon\"\n  }, `Monochrome icon`), mdx(\"p\", null, `The monochrome icon can be used in places where many colors are undesirable, for example in stylised lists or in duotone contexts. The monochrome icon should only be used to refer to the application itself.`), mdx(\"div\", {\n    \"className\": \"imgshadow\",\n    \"style\": {\n      \"background\": \"#208DC5\",\n      \"display\": \"grid\",\n      \"placeItems\": \"center\",\n      \"padding\": \"1rem\",\n      \"borderRadius\": \"1rem\"\n    }\n  }, `\n  `, mdx(\"img\", _extends({\n    parentName: \"div\"\n  }, {\n    \"src\": \"/img/brand/polypane-icon-monochrome.svg\",\n    \"alt\": \"Polypane icon\",\n    \"style\": {\n      \"height\": \"120px\"\n    }\n  }))), mdx(\"h4\", {\n    \"id\": \"macos-icon\"\n  }, `macOS Icon`), mdx(\"p\", null, `The macOS icon is adapted to fit in with the macOS design language. It is used in the macOS dock and in the macOS menu bar. The macOS icon can be used to refer to the macOS application only.`), mdx(\"div\", {\n    className: \"imgshadow\",\n    style: {\n      \"background\": \"#fff\",\n      \"display\": \"flex\",\n      \"justifyContent\": \"space-around\",\n      \"placeItems\": \"center\",\n      \"padding\": \"1rem\",\n      \"borderRadius\": \"1rem\"\n    }\n  }, mdx(\"img\", {\n    src: \"/img/brand/polypane-icon-mac.png\",\n    alt: \"Polypane macOS icon\",\n    style: {\n      \"height\": \"120px\"\n    }\n  }), mdx(\"img\", {\n    src: \"/img/brand/polypane-icon-mac-dark.png\",\n    alt: \"Polypane macOS dark icon\",\n    style: {\n      \"height\": \"120px\"\n    }\n  })), mdx(\"p\", null, mdx(\"em\", {\n    parentName: \"p\"\n  }, `Also available as jpg: `, mdx(\"a\", _extends({\n    parentName: \"em\"\n  }, {\n    \"href\": \"/img/brand/polypane-icon-mac.jpg\"\n  }), `light`), ` and `, mdx(\"a\", _extends({\n    parentName: \"em\"\n  }, {\n    \"href\": \"/img/brand/polypane-icon-mac-dark.jpg\"\n  }), `dark`), `.`)), mdx(\"h3\", {\n    \"id\": \"polypane-symbol\"\n  }, `Polypane Symbol`), mdx(\"p\", null, `The Polypane symbol can be used in places where the full logo or icons are too detailed, for example in UIs. The symbol should only be used to refer to the application.`), mdx(\"div\", {\n    \"className\": \"imgshadow\",\n    \"style\": {\n      \"background\": \"#fff\",\n      \"display\": \"grid\",\n      \"placeItems\": \"center\",\n      \"padding\": \"1rem\",\n      \"borderRadius\": \"1rem\"\n    }\n  }, `\n  `, mdx(\"img\", _extends({\n    parentName: \"div\"\n  }, {\n    \"src\": \"/img/brand/polypane-symbol.svg\",\n    \"alt\": \"Polypane symbol\",\n    \"style\": {\n      \"height\": \"20px\"\n    }\n  }))), mdx(\"p\", null, `The Polypane symbol should be used in white, black, grey or, when using a color, `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `#007aa3`), `. The symbol should not be altered in any way, including proportions, colors, elements or visual effects.`), mdx(\"p\", null, `The maximum size where the symbol can be used is 20 by 20 pixels. Beyond that, switch over to the icon.`), mdx(\"h2\", {\n    \"id\": \"polypane-spelling\"\n  }, `Polypane spelling`), mdx(\"p\", null, `The correct way to spell Polypane is \"Polypane\". The following are incorrect:`), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, `polypane`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `PolyPane`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Poly pane`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Polyplane`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Poly plane`)), mdx(\"p\", null, `When referring to the application itself, for example in a sentence, use \"Polypane\", \"Polypane app\" or \"Polypane browser\". When referring to the company, use \"Polypane\".`), mdx(\"p\", null, `When using the application name in installation instructions, for example for terminal commands, use `, mdx(\"code\", _extends({\n    parentName: \"p\"\n  }, {\n    \"className\": \"language-text\"\n  }), `polypane`), ` without capitalization.`), mdx(\"h2\", {\n    \"id\": \"general-information\"\n  }, `General Information`), mdx(\"p\", null, `By using the Polypane trademark you agree to the guidelines as well as our `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/legal/\"\n  }), `terms of service`), `. Polypane reserves the right to modify or change the permission in these guidelines at any time. For further information about use of the Polypane name and trademarks, please contact `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/support/\"\n  }), `support`), `.`), mdx(\"h2\", {\n    \"id\": \"usage\"\n  }, `Usage`), mdx(\"p\", null, `You may use the Polypane marks for the following:`), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, `describe the product and company`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `describe compatibility or integration with Polypane`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `describe truthfully that you are a customer and are using Polypane`)), mdx(\"p\", null, `All other uses of the Polypane marks require explicit written permission from Polypane. Please contact `, mdx(\"a\", _extends({\n    parentName: \"p\"\n  }, {\n    \"href\": \"/support/\"\n  }), `support`), ` for more information.`), mdx(\"h2\", {\n    \"id\": \"misuse\"\n  }, `Misuse`), mdx(\"p\", null, `The following are (non-exhaustive) examples of misuse of the Polypane trademark:`), mdx(\"ul\", null, mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Do not use the Polypane logo without the icon.`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Do not use the Polypane logo in a way that suggests sponsorship or endorsement by Polypane.`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Do not use marks, logos, company names, slogans, domain names, or designs that are confusingly similar to any Polypane marks.`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Do not use the Polypane logo in a way that confuses Polypane with another brand (including your own).`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Do not use the Polypane logo in a way that suggests Polypane is a part of your brand, service or product, or that your brand, service or product is a part of Polypane.`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Do not use the Polypane mark in a false or misleading way.`), mdx(\"li\", {\n    parentName: \"ul\"\n  }, `Do not use the Polypane mark in connection with any harmful, obscene, scandalous or other objectionable materials.`)));\n}\n;\nMDXContent.isMDXComponent = true;","timeToRead":2,"excerpt":"The following guidelines will help you use our brand and assets, including our logo, content and trademarks. Contact us for any questions…","frontmatter":{"title":"Brand guidelines","cover":null,"date":null,"beta":null},"fields":{"nextTitle":"Accessibility overview","nextSlug":"/docs/accessibility-overview/","prevTitle":"Breakpoints","prevSlug":"/docs/breakpoints/","slug":"/docs/brand-guidelines/","date":null,"ogFileName":"brand-guidelines"}},"allMdx":{"edges":[{"node":{"fields":{"slug":"/docs/1-password-setup-instructions/"},"frontmatter":{"title":"1Password setup instructions"}}},{"node":{"fields":{"slug":"/docs/accessibility-audit-workflow/"},"frontmatter":{"title":"Accessibility audit workflow"}}},{"node":{"fields":{"slug":"/docs/accessibility-overview/"},"frontmatter":{"title":"Accessibility overview"}}},{"node":{"fields":{"slug":"/docs/accessibility-panel/"},"frontmatter":{"title":"Accessibility panel"}}},{"node":{"fields":{"slug":"/docs/application-folder/"},"frontmatter":{"title":"Application folder"}}},{"node":{"fields":{"slug":"/docs/brand-guidelines/"},"frontmatter":{"title":"Brand guidelines"}}},{"node":{"fields":{"slug":"/docs/breakpoints/"},"frontmatter":{"title":"Breakpoints"}}},{"node":{"fields":{"slug":"/docs/browse/"},"frontmatter":{"title":"Browse"}}},{"node":{"fields":{"slug":"/docs/browser-extensions/"},"frontmatter":{"title":"Browser extensions"}}},{"node":{"fields":{"slug":"/docs/browser-features/"},"frontmatter":{"title":"Browser features"}}},{"node":{"fields":{"slug":"/docs/browsersync-and-polypane/"},"frontmatter":{"title":"Browsersync and Polypane"}}},{"node":{"fields":{"slug":"/docs/color-picker/"},"frontmatter":{"title":"Color Picker"}}},{"node":{"fields":{"slug":"/docs/command-bar/"},"frontmatter":{"title":"Command Bar"}}},{"node":{"fields":{"slug":"/docs/command-line-options/"},"frontmatter":{"title":"Command line options"}}},{"node":{"fields":{"slug":"/docs/configuring-logitech-mouses/"},"frontmatter":{"title":"Configuring Logitech mouses"}}},{"node":{"fields":{"slug":"/docs/configuring-webstorm-to-work-with-polypane/"},"frontmatter":{"title":"Configuring WebStorm to work with Polypane"}}},{"node":{"fields":{"slug":"/docs/console/"},"frontmatter":{"title":"Console"}}},{"node":{"fields":{"slug":"/docs/customizing-polypane/"},"frontmatter":{"title":"Customizing Polypane"}}},{"node":{"fields":{"slug":"/docs/dark-and-light-mode/"},"frontmatter":{"title":"Dark and light mode"}}},{"node":{"fields":{"slug":"/docs/data-processing-agreement/"},"frontmatter":{"title":"Data Processing Agreement"}}},{"node":{"fields":{"slug":"/docs/debug-tools/"},"frontmatter":{"title":"Debug tools"}}},{"node":{"fields":{"slug":"/docs/detecting-polypane/"},"frontmatter":{"title":"Detecting Polypane"}}},{"node":{"fields":{"slug":"/docs/developer-tools/"},"frontmatter":{"title":"Developer tools"}}},{"node":{"fields":{"slug":"/docs/device-presets/"},"frontmatter":{"title":"Device presets"}}},{"node":{"fields":{"slug":"/docs/devtools-panel/"},"frontmatter":{"title":"Devtools Panel"}}},{"node":{"fields":{"slug":"/docs/elements-panel/"},"frontmatter":{"title":"Elements Panel"}}},{"node":{"fields":{"slug":"/docs/emulation/"},"frontmatter":{"title":"Emulation"}}},{"node":{"fields":{"slug":"/docs/experimental-chromium-features/"},"frontmatter":{"title":"Experimental Chromium features"}}},{"node":{"fields":{"slug":"/docs/find-elements/"},"frontmatter":{"title":"Find elements"}}},{"node":{"fields":{"slug":"/docs/form-autofill/"},"frontmatter":{"title":"Form autofill"}}},{"node":{"fields":{"slug":"/docs/global-zoom/"},"frontmatter":{"title":"Global zoom"}}},{"node":{"fields":{"slug":"/docs/helper-extension-for-other-browsers/"},"frontmatter":{"title":"Helper extension for other browsers"}}},{"node":{"fields":{"slug":"/docs/horizontal-overflow/"},"frontmatter":{"title":"Horizontal overflow detection"}}},{"node":{"fields":{"slug":"/docs/integrations/"},"frontmatter":{"title":"Integrations"}}},{"node":{"fields":{"slug":"/docs/intro-to-panel/"},"frontmatter":{"title":"Intro to panel"}}},{"node":{"fields":{"slug":"/docs/intro-to-panes/"},"frontmatter":{"title":"Intro to panes"}}},{"node":{"fields":{"slug":"/docs/json-and-xml-viewer/"},"frontmatter":{"title":"JSON and XML viewer"}}},{"node":{"fields":{"slug":"/docs/known-issues/"},"frontmatter":{"title":"Known issues"}}},{"node":{"fields":{"slug":"/docs/layout-debugging/"},"frontmatter":{"title":"Layout debugging"}}},{"node":{"fields":{"slug":"/docs/layouts/"},"frontmatter":{"title":"Layouts"}}},{"node":{"fields":{"slug":"/docs/link/"},"frontmatter":{"title":"Share panel"}}},{"node":{"fields":{"slug":"/docs/list-of-shortcuts/"},"frontmatter":{"title":"List of shortcuts"}}},{"node":{"fields":{"slug":"/docs/live-auto-reloading/"},"frontmatter":{"title":"Live/auto reloading"}}},{"node":{"fields":{"slug":"/docs/making-screenshots/"},"frontmatter":{"title":"Making screenshots"}}},{"node":{"fields":{"slug":"/docs/measure-text-length/"},"frontmatter":{"title":"Measure text length"}}},{"node":{"fields":{"slug":"/docs/mental-model/"},"frontmatter":{"title":"Mental model of Polypane's browser contexts"}}},{"node":{"fields":{"slug":"/docs/message-bus/"},"frontmatter":{"title":"Message Bus"}}},{"node":{"fields":{"slug":"/docs/meta-information/"},"frontmatter":{"title":"Meta information"}}},{"node":{"fields":{"slug":"/docs/network-panel/"},"frontmatter":{"title":"Network panel"}}},{"node":{"fields":{"slug":"/docs/other-tools/"},"frontmatter":{"title":"Polypane and local servers"}}},{"node":{"fields":{"slug":"/docs/outline-panel/"},"frontmatter":{"title":"Outline Panel"}}},{"node":{"fields":{"slug":"/docs/pane-management/"},"frontmatter":{"title":"Manage panes"}}},{"node":{"fields":{"slug":"/docs/pane-sizes/"},"frontmatter":{"title":"Pane sizes"}}},{"node":{"fields":{"slug":"/docs/performance/"},"frontmatter":{"title":"Performance"}}},{"node":{"fields":{"slug":"/docs/pitching-polypane/"},"frontmatter":{"title":"Pitching Polypane"}}},{"node":{"fields":{"slug":"/docs/polypane-peek/"},"frontmatter":{"title":"Polypane Peek"}}},{"node":{"fields":{"slug":"/docs/portal/"},"frontmatter":{"title":"Polypane Portal"}}},{"node":{"fields":{"slug":"/docs/projects/"},"frontmatter":{"title":"Projects"}}},{"node":{"fields":{"slug":"/docs/recording/"},"frontmatter":{"title":"Recording"}}},{"node":{"fields":{"slug":"/docs/reference-image/"},"frontmatter":{"title":"Reference image"}}},{"node":{"fields":{"slug":"/docs/reload-css/"},"frontmatter":{"title":"Reload CSS"}}},{"node":{"fields":{"slug":"/docs/responsive-debugging-workflow/"},"frontmatter":{"title":"Responsive debugging workflow"}}},{"node":{"fields":{"slug":"/docs/review-and-approval-by-it-and-security/"},"frontmatter":{"title":"Review and approval by IT and Security"}}},{"node":{"fields":{"slug":"/docs/rulers-grids-and-guides/"},"frontmatter":{"title":"Rulers, grids and guides"}}},{"node":{"fields":{"slug":"/docs/sales-and-procurement/"},"frontmatter":{"title":"Sales and Procurement"}}},{"node":{"fields":{"slug":"/docs/security-policy/"},"frontmatter":{"title":"Security Policy"}}},{"node":{"fields":{"slug":"/docs/security/"},"frontmatter":{"title":"Security"}}},{"node":{"fields":{"slug":"/docs/session-management/"},"frontmatter":{"title":"Session management"}}},{"node":{"fields":{"slug":"/docs/setup/"},"frontmatter":{"title":"Setup"}}},{"node":{"fields":{"slug":"/docs/showing-multiple-urls/"},"frontmatter":{"title":"Showing multiple URLs"}}},{"node":{"fields":{"slug":"/docs/simulators/"},"frontmatter":{"title":"Simulators"}}},{"node":{"fields":{"slug":"/docs/snippets/"},"frontmatter":{"title":"Snippets"}}},{"node":{"fields":{"slug":"/docs/social-card-and-open-graph-workflow/"},"frontmatter":{"title":"Social card and Open Graph workflow"}}},{"node":{"fields":{"slug":"/docs/source-panel/"},"frontmatter":{"title":"Source panel"}}},{"node":{"fields":{"slug":"/docs/storage-panel/"},"frontmatter":{"title":"Storage panel"}}},{"node":{"fields":{"slug":"/docs/switching-to-polypane/"},"frontmatter":{"title":"Switching to Polypane"}}},{"node":{"fields":{"slug":"/docs/synced-interactions/"},"frontmatter":{"title":"Synced interactions"}}},{"node":{"fields":{"slug":"/docs/tab-customization/"},"frontmatter":{"title":"Tab customization"}}},{"node":{"fields":{"slug":"/docs/team-workflows/"},"frontmatter":{"title":"Team workflows"}}},{"node":{"fields":{"slug":"/docs/ui-overview/"},"frontmatter":{"title":"Polypane UI overview"}}},{"node":{"fields":{"slug":"/docs/web-vitals/"},"frontmatter":{"title":"Web Vitals"}}},{"node":{"fields":{"slug":"/docs/website-issues-you-could-encounter/"},"frontmatter":{"title":"Website issues you could encounter"}}},{"node":{"fields":{"slug":"/docs/workspace-management/"},"frontmatter":{"title":"Workspace management"}}},{"node":{"fields":{"slug":"/docs/workspaces/"},"frontmatter":{"title":"Workspaces"}}}]}},"pageContext":{"slug":"/docs/brand-guidelines/"}},"staticQueryHashes":["4164364741","425175329"]}