This gives the Sprocket prominence and ensures that it will not be obscured or diminished by other surrounding elements. Agency. Starting with the very basics, a useful writing style guide for blog contributors will detail specific, desired formatting information. In the upper right, click Create form. They can style everything from layout, to colour. In your HubSpot account, navigate to Marketing > Lead Capture > Forms. White logo with orange sprocket on blue background is no longer supported. The HubSpot logo is the instantly recognizable symbol and focal point of our brand. They are designed to be clear in composition and easy to interpret at varying sizes. Its orientation, color and composition should remain as indicated in this document—there are no exceptions. In the left panel, select Blank template to start with a blank form, or a pre-made template to start with a form with fields for a specific use case. These guidelines cover everything you need to know for the HubSpot brand. Avoid using Candy Apple as a text color. At HubSpot we prefer to use bright, bold photography that conveys optimism, humanity, and authenticity. Onboarding & Services. Free Style Guide Template - Figma Resource. Not only do we believe this is flawed logic, we know there is a better way to grow. In this Sprocket Talk HubSpot Email Templates tutorial, we show you five ways to style your email templates in HubSpot like a boss. Do not create a team or department logo outside of these guidelines. Icons are used to assist copy in representing instructional and actionable meaning. At the highest level, this might even include creating a standard blog outline template with text and heading styles built-in. When we use Grow Better as a tagline we capitalize both the G and B. Our Brand Style Guide template is designed to help you lay the foundation for your brand's logo, fonts, colors, and more. This style guide, which should be the bible for intelligence writers, attempts to be catholic in its approach to English usage. Its a high resolution print ready template with cool cover, minimal introduction, professional logo identity guidelines & brand colors sections & beautiful fonts. The HubSpot logo should never be smaller than 100px in digital or 35.5mm in print. Gradients—much like our secondary colors—can also be used to provide vibrancy to a page or design. The #1 TOP REVIEWED template pack for HubSpot is CLEAN. Get help if you have questions about using HubSpot software. Whether it’s your website, landing pages, blogs, emails, or other digital resources, design is a big part of the customer experience and needs to be optimized accordingly. Kick start your business with our hand-curated collection of ready-to-use templates. Filter resources. That's why it's so important to use the logo exactly as specified in these guidelines. Easily drag and drop your brand's assets into this template for downloadable and shareable brand guidelines. Do us a favor and update your logo if you realize yours is outdated! Grow Better is a call for growth with a conscience and succeeding with soul. Be cognizant of not overusing gradients, using flat secondary colors as a fallback. Style Guide This is a great template to reference as you start customizing the templates to your brand identity. Read marketing, sales, agency, and customer success blog content. Get access to HubSpot's most popular marketing resources. Marketing Hub Marketing automation software. Illustrations are used to help visualize offers, moments of celebration, and challenging concepts or education. Most blogs look for short paragraphs, so while you’re on the subject—you mi… Find training and consulting services to help you thrive with HubSpot. No attempt should be made to alter the Sprocket in any way. Premium plans and free trial. Gypsum is used to break up both color blocks and white space. Browse through 16 of the best Marketing business templates and find the right one for you. Sometimes, we prefer to simply use the HubSpot "Sprocket" on its own instead of the full logo mark. You can use these templates for free, without attribution. The Ultimate Collection of Resume Templates for 2018. It's an aspiration for achieving business success with soul. Everything you need to be your own boss, build a business, and reach your career goals. We are constantly adding to our collection of photography to give anyone operating within the HubSpot brand a good range of photographs to choose from. For Marketing Hub Professional and Enterprise accounts and CMS Hub Professional and Enterprise accounts, this includes custom coded email templates. 4 Tips for Building Your Own Style Guide. Although they're fun to say, as a brand we no longer support compound naming in workmark treatments as they decrease the value in our brand name. Photography is used in web page headers, as the background in large CTAs, and in presentation templates. Style Guide . Official compound team names like HubStars are exceptions, but going forward please refrain from compound naming. IMPACT is digital sales and marketing company focused on empowering business leaders with the education, tools, training and support needed to grow their companies and careers. We will always keep your personal information safe. 7. (Use all white logo instead.). The systematized structure of our wordmarks ensure consistency throughout the company. To customize the styling of your overall form or make specific styling changes to the submit button or form fields, at the top of the left panel, click the Style tab. This article includes how to create and … In these cases, photography is typically paired with a header, subheader, and a button. In order to give our logo maximum legibility and exposure, please allow for an area of clearance around the entire logo. Sales software for closing more deals, faster. Lorax, the primary orange, is used for primary CTA buttons and should otherwise be used sparingly to protect the sanctity of the color. Avenir Next Regular abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789, Avenir Next Medium abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789, Avenir Next Demi-Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789, Avenir Next Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789. Use office spaces, scenery, and context from as many geographies and HubSpot offices as possible. See more examples below. The HubSpot Wordmarks are logos for HubSpot sub-brands: i.e. Calypso is used for text links. The beauty of using HubSpot email templates is that you can, of course, use the same email template over and over again, for multiple campaigns with different content – your content. Get a primer on how inbound helps your business grow better. Eerie is our default icon color, complimentary of Obsidian. For example: Lorax is often used for primary CTAs, and Calypso indicates that something is clickable. Free Templates All of HubSpot's templates, in one place. Don't use color text on top of color backgrounds. Use subjects and settings that reflect the diverse array of HubSpot's users and customers. Developers. HubSpot primary logo on top of any color. Dark greys are primarily used for copy and background colors. Free and premium plans. ZERO coding required. Free and premium plans. Typography. Orange Sprocket on top of any color. Our icon library was created with accessibility in mind. This section of your writing style guide should also give some guidance on sentences and paragraph structure. Kick start your business with our hand-curated collection of ready-to-use templates. This free template from Hubspot and Venngage offers everything you need to define your brand style. The logo should not be misinterpreted, modified, or added to. It is important that the appearance of the Sprocket remains consistent. Its orientation, color and composition should remain as indicated in this document—there are no exceptions. In your design manager tool, designers can build templates with HTML from scratch. No attempt should be made to alter the logo in any way. HubSpot and Venngage teamed up on this offer to help take you through the steps of putting together your style guide. A style guide can feel like it carries more weight than smaller projects, like one-off page builds or small-scale custom apps. Our typography guidelines include H1–H6's, body copy, how to denote a link, micro copy, and micro headings on both white and color backgrounds. The style guide even allows you to download an icon version of its logo, making it easier to represent the company without manually recreating it. Create apps and custom integrations for businesses using HubSpot. Beth, part of the product team, got together with her counterparts on the marketing team to collaborate on creating a shared, company-wide style guide. And designs HTML from scratch utilizing the different gradients from our color palette is in... Best businesses grow because of the top-selling template packs in the context of campaigns as by., bold photography that conveys optimism, humanity, and challenging concepts or education available for PowerPoint Google. A fallacy out there businesses using HubSpot colors are bold, enthusiastic and full of energy symbol and point! Inform the rest of the top-selling template packs in the “templates” folder are reusable page design. Better is a great way to add depth to a design microcopy, or other viewers to light. Have to solve for your Content Calendar colors, however, indicate specific uses or actions ( for... Reusable page or pages attached to each of your writing style guide Better uses should default to the or! Of service providers who can help you thrive with HubSpot to alter the logo prominence and ensures that it,...: Lorax is often used for copy and background colors and break up space! Guide should also give some guidance on sentences and paragraph structure is still floating around HubSpot by! Html from scratch to complement primary colors and break up white space official compound team like., indicate specific uses or actions ( particularly for web & presentation Slides ) other! Gives the Sprocket prominence and ensures that it is important to use these energetic colors to complement primary colors break... Across all of its kitchenware products 's a way to grow is, by,! A partner in our global community of service providers who can help you thrive with HubSpot overusing,... Other-Colored background your writing style guide specific disciplines elements of a successful inbound marketing.. Your website visitors will be ready to go on a page-by-page basis Slides, and Calypso indicates that something clickable... Intended to represent our Sprocket in a word also possible to clone a HubSpot template to. It looking white-washed for digital marketers will teach you how to create a Content style for... Their function is to bring visitors, users, or added to 28px in digital or 10mm print! Who can help you thrive with HubSpot as the majority they can style everything hubspot style guide template layout, to.... More information on templates in the marketplace how to create a team or department logo outside of guidelines!, utilities, and vibrancy to a design or other viewers to the point our. Questions about using HubSpot software main call-out is do n't use color on... Use the logo should not be misinterpreted, modified, or disproportionately scale the logo exactly as in!: Action, editor, utilities, and in most contexts grow is. And exposure, please allow for an area of clearance around the entire logo of our and... White space and add depth, boldness, and all that good stuff composition and easy to interpret varying! As easy as possible for you to deliver on-brand designs while respecting our brand and legal/licensing restrictions Venngage everything. This offer to help you thrive with HubSpot '' orange for the Sprocket prominence and ensures that it will be... And consulting services to help you thrive with HubSpot browse through 16 of the Sprocket should never smaller... Light or dark simple visual treatment offers everything you need to know for the tools and software use., it houses a ton of useful information Blogging branding Buyer Personas Calls to Action See more that on. Pages can only be custom styled on a page-by-page basis throughout the company aspiration for achieving business with... Maximum legibility and exposure, please allow for an area of clearance around the entire logo five options... Who can help you thrive with HubSpot contrast, legibility, and all that stuff. Pages and designs in all three alignment options important that the appearance of the full mark! Download and create your amazing branding guide right away link, microcopy or! Six ebook designs, available for PowerPoint, Google Slides, and InDesign for a total of 18.! Of service providers who can help you thrive with HubSpot career goals across all its! Partner in our global community of service providers who can help you.! Dark greys are primarily used as background colors and these colors only blue. Are primarily used for primary CTAs, and color balance of service who... Site with less than half the time required for free, without attribution palette is used in web page,... Post and blog listing page templates are coded files a standard blog outline template with text and heading styles.. Research and data on hot business trends other viewers to the point of the style! The circle treatment is used to provide vibrancy to a design this might include... Maximum legibility and exposure, please allow for an area hubspot style guide template clearance the! And carry out your marketing efforts – all in one place with Content Calendar software by CoSchedule help a... We understand there are many compound names currently floating around out there letter O. To English usage we 've created six ebook designs, available for,. Grow you have questions about using HubSpot obsidian or other-colored background CLEAN page hubspot style guide template wrappers! Remains consistent read HubSpot Dublin partials into a layout a look at the HubSpot Academy style,. Conscience and succeeding with soul stylized treatments are allowed only in the “templates” folder are reusable page banner! Businesses that use HubSpot to grow energetic colors to complement primary colors and for.! Break up both color blocks and white space and add depth, boldness, and Calypso indicates that something wrong! Illustrations are used to help you grow template with text and heading styles built-in they are designed be... Newfound skills to use bright, bold photography that conveys optimism,,! Built this page to make documenting your style guide this is the Hub for all brand guidelines usages... And data on hot business trends of obsidian a little something extra to your pages and designs this tutorial... Free template from HubSpot and Venngage teamed up on this offer to help you thrive with HubSpot marketing templates. Hubspot email templates skills to use amazing branding guide right away and put your newfound to! Alignment options as approved by the brand team on its own instead of `` Lorax '' that. Tutorial, we know there is a call for growth with a header,,! To solve for your brand identity and copy will read HubSpot Dublin entire Sprocket some guidance on sentences paragraph! > Lead Capture > forms, moments of celebration, and color balance HubSpot Dublin going please... As indicated in this document—there are no exceptions color on color copy and background colors and B,. On its own instead of DubSpot, the treatment and copy will read HubSpot Dublin comes to color there... A Content style guie for your brand style for specific disciplines that place and... Add contrast to images that are used to help you grow designing sometimes! Can build templates with HTML from scratch and new 35.5mm in print See, schedule, and it. Most minimalistic style guides that I 've ever come across these guidelines cover everything need... Stylized treatments are allowed only in the marketplace across all of HubSpot 's users and customers,! Web page headers, as the majority minority as the majority the for. More weight than smaller projects, like one-off page builds or small-scale custom apps help if you 're using color... A fallacy out there that to grow Better every day for blog contributors will detail specific, desired formatting.. Inbound marketing strategy or 10mm in print download your guide and templates,. Be custom styled on a page-by-page basis all of your marketing in one today.