[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"detail-sidebar-cat-1-en-105":3,"doc-seo-172709-105":53,"doc-detail-172709-en":127},{"code":4,"msg":5,"data":6},0,"success",[7,14,19,24,29,34,39,44,49],{"id":8,"doc_module":9,"doc_module_name":10,"category_name":11,"show_sort_weight":12,"slug":13},11,1,"Template","Presentations",90,"presentations",{"id":15,"doc_module":9,"doc_module_name":10,"category_name":16,"show_sort_weight":17,"slug":18},12,"Resumes",80,"resumes",{"id":20,"doc_module":9,"doc_module_name":10,"category_name":21,"show_sort_weight":22,"slug":23},14,"Invoices",70,"invoices",{"id":25,"doc_module":9,"doc_module_name":10,"category_name":26,"show_sort_weight":27,"slug":28},15,"Posters",60,"posters",{"id":30,"doc_module":9,"doc_module_name":10,"category_name":31,"show_sort_weight":32,"slug":33},16,"Social Media",50,"social-media",{"id":35,"doc_module":9,"doc_module_name":10,"category_name":36,"show_sort_weight":37,"slug":38},17,"Forms",40,"forms",{"id":40,"doc_module":9,"doc_module_name":10,"category_name":41,"show_sort_weight":42,"slug":43},18,"Letters",30,"letters",{"id":45,"doc_module":9,"doc_module_name":10,"category_name":46,"show_sort_weight":47,"slug":48},21,"Paper Templates",5,"papers-templates",{"id":50,"doc_module":9,"doc_module_name":10,"category_name":51,"show_sort_weight":4,"slug":52},158,"General","general-158",{"code":4,"msg":54,"data":55},"ok",{"site_id":56,"language":57,"slug":58,"title":59,"keywords":60,"description":61,"schema_data":62,"social_meta":120,"head_meta":122,"extra_data":124,"updated_unix":126},105,"en","brand-style-guide-template-hubspot-outfit","Brand Style Guide Template - HubSpot & Outfit","","Brand Style Guide Template for HubSpot & Outfit provides a structured framework to define and document brand identity consistently across teams and channels. It guides the creation of brand overview, including brand story, name origins, purpose, promise, values, and personality. The template also covers visual foundation essentials: logo types and assets, logo sizing and spacing rules, official color system with multiple color codes, color ratios, and accessibility protocols to ensure reliable, recognizable brand expression.",{"@graph":63,"@context":119},[64,80,102],{"@type":65,"itemListElement":66},"BreadcrumbList",[67,71,74,77],{"item":68,"name":69,"@type":70,"position":9},"https://docshare.wps.com","Home","ListItem",{"item":72,"name":10,"@type":70,"position":73},"https://docshare.wps.com/template/",2,{"item":75,"name":51,"@type":70,"position":76},"https://docshare.wps.com/template/general/",3,{"item":78,"name":59,"@type":70,"position":79},"https://docshare.wps.com/template/brand-style-guide-template-hubspot-outfit/172709/",4,{"url":78,"name":59,"@type":81,"image":82,"author":87,"headline":59,"publisher":90,"fileFormat":93,"inLanguage":57,"description":61,"dateModified":94,"datePublished":95,"encodingFormat":93,"isAccessibleForFree":96,"interactionStatistic":97},"DigitalDocument",{"url":83,"@type":84,"width":85,"height":86},"https://docshare.wps.com/thumbnails/brand-style-guide-template-hubspot-outfit/172709.png","ImageObject",442,249,{"name":88,"@type":89},"Levi","Person",{"url":68,"name":91,"@type":92},"DocShare","Organization","application/vnd.openxmlformats-officedocument.wordprocessingml.document","2026-09-25","2026-09-01",true,{"@type":98,"interactionType":99,"userInteractionCount":101},"InteractionCounter",{"@type":100},"ViewAction",6,{"@type":103,"mainEntity":104},"FAQPage",[105,111,115],{"name":106,"@type":107,"acceptedAnswer":108},"What sections are included in the Brand Overview?","Question",{"text":109,"@type":110},"The template includes Brand Name, Brand Purpose, Brand Promise, Brand Values, and Brand Personality, helping define what the brand stands for and how it connects with customers.","Answer",{"name":112,"@type":107,"acceptedAnswer":113},"What guidance does the document provide for using logos?",{"text":114,"@type":110},"It explains how to present primary logos in multiple sizes and file formats, how secondary marks and symbols can be used when the main logo won’t fit, and how to include assets for the team.",{"name":116,"@type":107,"acceptedAnswer":117},"How does the template specify brand colors and accessibility?",{"text":118,"@type":110},"It requires official brand colors plus an extended palette, includes usage against backgrounds, and asks for color codes (RGB/HEX/CMYK/PMS) and color ratios, along with accessibility protocols such as high-contrast choices.","https://schema.org",{"og:url":78,"og:type":121,"og:title":59,"og:site_name":91,"og:description":61},"article",{"robots":123,"canonical":78},"index,follow",{"doc_id":125,"site_id":56},172709,1788295637,{"code":4,"msg":5,"data":128},{"doc_id":125,"user_id":129,"nickname":88,"user_avatar":130,"doc_module":9,"category_id":50,"category_name":51,"doc_title":59,"doc_description":61,"doc_content":131,"file_id":132,"file_url":133,"file_type":134,"file_size":135,"view_count":101,"is_deleted":4,"is_public":9,"is_downloadable":9,"audit_status":9,"page_count":136,"language":137,"language_code":57,"site_id":56,"html_lang":57,"table_of_contents":138,"faqs":139,"seo_title":140,"seo_description":61,"update_tm":126,"read_time":141},7971461740909,"https://ap-avatar.wpscdn.com/davatar_155a257f0dc6eb9ab79c44ca47cae57d","\u000f\n(Keep scrolling to templates)\n↓↓↓\n\u000f\n[Insert Company Logo]\n[Company Name]\nBrand Style Guide\nDrafted By: [Insert Author Name and/or Team]\nLast Updated: [Insert Date Last Updated]\n\u000f\nBrand Overview\nIn this section, you’ll establish your brand with an overview of factors unique and core to your brand and your business. Telling the story of your brand, what it stands for, and how it has evolved is an important part of defining your brand and its values, as well as building trust with your community.\nYour brand story (or narrative) will provide context for and give meaning to the visual elements you go on to develop to represent your brand, creating a cohesive brand image.\nBrand Name\nState your brand’s name and explain its origins. Why was that name chosen for the business? Did it change from something else? What do you hope people think of when they hear the name of your brand?\n[Enter Brand Name & Origin]\nBrand Purpose\nBrand purpose is your brand’s reason for being – beyond making money. It should connect with customers on an emotional level and helps customers choose brands that align with their beliefs.\n[Enter Brand Purpose]\nBrand Promise\nA brand promise is the value or experience your customers can expect to receive when they interact with your company. Elaborate on your brand’s promise in this section.\n[Enter Brand Promise]\nBrand Values\nWe all act according to our values, and companies should as well, so it’s important to take the time to define your brand values so they can easily be understood by your employees, customers, partners, and the market. In this section, explain what your brand values are, why they were chosen, and how they should be embodied throughout all branding.\n[Enter Brand Values]\nBrand Personality\nAn attractive, funny, or even provocative personality can be a huge asset for a brand. Describing the key character traits your brand embodies instantly makes it easier for designers, writers, and other creative contributors to ensure that the message they’re communicating on any channel remains on-brand and dials up the appropriate personality trait.\n[Enter Brand Personality]\n\u000f\nBrand Visual Foundation\nStrong brands have clearly identifiable colors, logos, and typefaces that make their visual identity easily recognisable, as well as clear rules for how these should – and shouldn’t – be applied.\nBefore choosing or updating your core brand elements, have a look at what your competitors are doing to make sure your brand stands out and accurately reflects your desired brand image.\nBusiness Logo\nLogos are visual shortcuts for identifying a brand. They may be made up of symbols, shapes, and stylized text or a combination of all three, and through the visual choices made should evoke a company's brand story. For some brands, the logo is so well-known it can be used independently of the brand name.\nIn this section, include images of your logo, and if this is a living document, consider linking out to a brand assets folder so your team can access the correct logos.\nPrimary Logo\nProvide your logo in a variety of sizes and file formats for download and show how it works in a variety of situations – the less you leave to chance, the better for your brand. You’ll need different formats for print and digital, and also for designers, developers, and external partners, as well as internal users.\n[Enter Primary Logo Image and Assets Here]\nSecondary Marks and Symbols\nYour brand should look consistent in every situation, from the tiniest favicon to the biggest poster or billboard. Your secondary logo, mark, or symbol can be used in places where your normal brand won’t fit – such as the open tabs on your internet browser.\nSecondary logos should evoke the main brand, repeating some of the shapes, colors or elements. In some cases, you may have a symbol that can be used on its own, or a separate logo to identify your corporate brand identity.\n[Enter Secondary Imagery and Assets Here]\nSize and Spacing\nWhen you’ve worked so hard to crea","cbCaicLh5wJFyIw4","https://ap.wps.com/l/cbCaicLh5wJFyIw4","docx",821488,19,"English","# Brand Overview\n## Brand Name\n## Brand Purpose\n## Brand Promise\n## Brand Values\n## Brand Personality\n# Brand Visual Foundation\n## Business Logo\n## Primary Logo\n## Secondary Marks and Symbols\n## Size and Spacing\n## Colors\n## Primary Brand Colors\n## Extended Color Palette\n## Color Ratios\n## Accessibility","[{\"question\":\"What sections are included in the Brand Overview?\",\"answer\":\"The template includes Brand Name, Brand Purpose, Brand Promise, Brand Values, and Brand Personality, helping define what the brand stands for and how it connects with customers.\"},{\"question\":\"What guidance does the document provide for using logos?\",\"answer\":\"It explains how to present primary logos in multiple sizes and file formats, how secondary marks and symbols can be used when the main logo won’t fit, and how to include assets for the team.\"},{\"question\":\"How does the template specify brand colors and accessibility?\",\"answer\":\"It requires official brand colors plus an extended palette, includes usage against backgrounds, and asks for color codes (RGB/HEX/CMYK/PMS) and color ratios, along with accessibility protocols such as high-contrast choices.\"}]","Brand Style Guide Template - HubSpot & Outfit | DOCX",7]