{"id":11143,"date":"2024-03-03T16:03:25","date_gmt":"2024-03-03T21:03:25","guid":{"rendered":"https:\/\/savvydigitaldesign.com\/?p=11143"},"modified":"2024-03-04T13:07:36","modified_gmt":"2024-03-04T18:07:36","slug":"your-website-style-guide","status":"publish","type":"post","link":"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/","title":{"rendered":"What to Include in your Website Style Guide"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; background_color=&#8221;#e4f1f3&#8243; custom_padding=&#8221;16px||10px|||&#8221; saved_tabs=&#8221;all&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; text_font_size=&#8221;20px&#8221; text_letter_spacing=&#8221;1px&#8221; text_line_height=&#8221;1.5em&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p>A website style guide contains information and rules about your visual brand identity, and for the look &amp; feel of your website.<\/p>\n<p>If you&#8217;ve already worked with a brand designer, you&#8217;ll have a lot of this info already in your branding guidelines they provided.<\/p>\n<p>If not, we will work together to create a website style guide for your design project.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.24.0&#8243; text_font=&#8221;Quattrocento Sans||||||||&#8221; text_font_size=&#8221;20px&#8221; text_letter_spacing=&#8221;1px&#8221; header_2_font=&#8221;Abhaya Libre||||||||&#8221; header_2_text_color=&#8221;#1397AC&#8221; header_2_line_height=&#8221;1.3em&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<h2>What\u2019s in a website style guide?<\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; text_font_size=&#8221;20px&#8221; text_letter_spacing=&#8221;1px&#8221; text_line_height=&#8221;1.5em&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p>The visual elements on your website should be consistent with the ones on social media, your email newsletters, your business cards and any other printed material. These elements are:<\/p>\n<p>[\/et_pb_text][et_pb_text ul_position=&#8221;inside&#8221; ul_item_indent=&#8221;40px&#8221; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; text_font_size=&#8221;20px&#8221; text_letter_spacing=&#8221;1px&#8221; text_line_height=&#8221;1.5em&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<ul>\n<li>Logo Files<\/li>\n<li>Color Palette<\/li>\n<li>Typography<\/li>\n<li>Photos\/Illustrations<\/li>\n<li>Other Imagery (Icons, Patterns, Backgrounds) <\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.24.2&#8243; text_font=&#8221;Quattrocento Sans||||||||&#8221; text_font_size=&#8221;20px&#8221; text_letter_spacing=&#8221;1px&#8221; header_2_font=&#8221;Abhaya Libre|800|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#1397AC&#8221; header_2_font_size=&#8221;34px&#8221; header_2_line_height=&#8221;1.3em&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<h2>Logo Files<\/h2>\n<p>[\/et_pb_text][et_pb_text ul_position=&#8221;inside&#8221; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Quattrocento Sans||||||||&#8221; text_font_size=&#8221;20px&#8221; text_letter_spacing=&#8221;1px&#8221; text_line_height=&#8221;1.5em&#8221; ul_line_height=&#8221;1.2em&#8221; header_2_font=&#8221;Abhaya Libre||||||||&#8221; header_2_text_color=&#8221;#1397AC&#8221; header_2_line_height=&#8221;1.4em&#8221; header_3_font=&#8221;Abhaya Libre||||||||&#8221; header_3_text_color=&#8221;#1397AC&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p><span style=\"font-weight: 400;\">Giving me a single, low-resolution image of your logo in a PDF simply won&#8217;t do. I&#8217;ll need several versions of your logo, in several orientations and file formats. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Having black &amp; white versions of your logos is an advantage. When your brand colors can&#8217;t be used &#8211; or when they won&#8217;t stand out &#8211; having light and dark alternatives can save the day.<\/span><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/web-style-guide-logos.png&#8221; title_text=&#8221;web style guide &#8211; logos&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_image][et_pb_text ul_position=&#8221;inside&#8221; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Quattrocento Sans||||||||&#8221; text_font_size=&#8221;20px&#8221; text_letter_spacing=&#8221;1px&#8221; text_line_height=&#8221;1.5em&#8221; ul_line_height=&#8221;1.2em&#8221; header_2_font=&#8221;Abhaya Libre||||||||&#8221; header_2_text_color=&#8221;#1397AC&#8221; header_2_line_height=&#8221;1.4em&#8221; header_3_font=&#8221;Abhaya Libre||||||||&#8221; header_3_text_color=&#8221;#1397AC&#8221; header_3_font_size=&#8221;24px&#8221; header_3_line_height=&#8221;1.5em&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<h3><span style=\"font-weight: 400;\">Logo Orientations<br \/><\/span><\/h3>\n<ul>\n<li><span style=\"font-weight: 400;\">Horizontal &#8211; typically best for web use<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Vertical &#8211; stacked version is useful with long business names<br \/><\/span><\/li>\n<li><span style=\"font-weight: 400;\">Brandmark &#8211; square or round version of logo with no text<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Wordmark &#8211; version of logo with just the text<br \/><\/span><\/li>\n<\/ul>\n<h3><span style=\"font-weight: 400;\">Color Variations<\/span><\/h3>\n<ul>\n<li><span style=\"font-weight: 400;\">Full-color &#8211; the main version, to be used on white backgrounds<\/span><\/li>\n<li><span style=\"font-weight: 400;\">Black &#8211; for light backgrounds or when printing in one color<\/span><\/li>\n<li><span style=\"font-weight: 400;\">White &#8211; to use on dark backgrounds<br \/><\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\"><\/span><\/p>\n<h3><span style=\"font-weight: 400;\">File Formats<\/span><\/h3>\n<ul>\n<li><span style=\"font-weight: 400;\">SVG &#8211; infinitely scalable while keeping logos and icons sharp<br \/><\/span><\/li>\n<li><span style=\"font-weight: 400;\">JPEG &#8211; for backgrounds<br \/><\/span><\/li>\n<li><span style=\"font-weight: 400;\">PNG &#8211; for images with transparency<br \/><\/span><\/li>\n<li><span style=\"font-weight: 400;\">WEBP &#8211; makes images significantly smaller, so website pages load faster <\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.24.0&#8243; text_font=&#8221;Quattrocento Sans||||||||&#8221; text_font_size=&#8221;20px&#8221; text_letter_spacing=&#8221;1px&#8221; header_2_font=&#8221;Abhaya Libre|800|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#1397AC&#8221; header_2_font_size=&#8221;34px&#8221; header_2_line_height=&#8221;1.3em&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<h2>Color Palette<\/h2>\n<p>[\/et_pb_text][et_pb_text ul_item_indent=&#8221;10%&#8221; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Quattrocento Sans||||||||&#8221; text_font_size=&#8221;20px&#8221; text_letter_spacing=&#8221;1px&#8221; text_line_height=&#8221;1.5em&#8221; ul_line_height=&#8221;1.5em&#8221; header_2_font=&#8221;Abhaya Libre||||||||&#8221; header_2_text_color=&#8221;#1397AC&#8221; header_2_line_height=&#8221;1.4em&#8221; header_3_font=&#8221;Abhaya Libre||||||||&#8221; header_3_text_color=&#8221;#1397AC&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p>Your color palette should show the full range of colors that your brand will use for web use. I&#8217;ll need the hex codes for your colors &#8211; you can see examples of these in the photos below.<\/p>\n<p>The four categories of color you should include in your web style guide are:<\/p>\n<ul>\n<li>Primary colors: These are your main colors, usually taken from your logo design. Most brands use one to three colors. Primary colors help people quickly identify your brand.<\/li>\n<li>Secondary colors: These are up to four colors that complement the primary colors and add depth to your primary palette.<\/li>\n<li>Neutral colors: These are for light and dark backgrounds. The most popular colors are white and gray.<\/li>\n<li>Black and White: Black and white are often overlooked in brand guidelines but it&#8217;s important to consider them. Pure black isn&#8217;t recommended for backgrounds or text on digital devices. It overpowers surrounding elements and causes eyestrain. Pure white has similar issues. We&#8217;ll use almost-black and almost-white alternative colors.<\/li>\n<\/ul>\n<p>Specify how much you want each color used on your site. Let me know how often a color should be used. Show which colors to use the most, and which are highlight or accent colors, to use the least. You can show your color hierarchy as percentages or with a comparison chart.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_image src=&#8221;https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/web-style-guide-colors-1.png&#8221; title_text=&#8221;web style guide colors 1&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_image src=&#8221;https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/web-style-guide-colors-2.png&#8221; title_text=&#8221;web style guide colors 2&#8243; align=&#8221;center&#8221; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; text_font_size=&#8221;20px&#8221; text_letter_spacing=&#8221;1px&#8221; text_line_height=&#8221;1.5em&#8221; header_2_font=&#8221;Abhaya Libre|800|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#1397AC&#8221; header_2_font_size=&#8221;34px&#8221; header_2_line_height=&#8221;1.3em&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<h2>Typography\u00a0<\/h2>\n<p>[\/et_pb_text][et_pb_text ul_item_indent=&#8221;8%&#8221; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; text_font_size=&#8221;20px&#8221; text_letter_spacing=&#8221;1px&#8221; text_line_height=&#8221;1.5em&#8221; header_2_font=&#8221;Abhaya Libre||||||||&#8221; header_2_text_color=&#8221;#1397AC&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p>This section of your web design style guide should include all the typography information needed for the text portions of your website.<\/p>\n<p>If you&#8217;ve already worked with a brand designer, you&#8217;ll have this information in your brand guidelines. When designing your website, I&#8217;ll need to know which fonts should be used for headings, subheadings, body text and calls-to-action.<\/p>\n<p>Your web style guide should specify:<\/p>\n<ul>\n<li>the primary and the secondary typeface<\/li>\n<li>an accent typeface, if one is being used<\/li>\n<li>font sizes (large for headings, medium for subheadings, and small for paragraph text)<\/li>\n<li>font weights (light, bold, heavy)<\/li>\n<\/ul>\n<p>Most small business owners use free, web-safe, universal fonts for their websites. If you choose to use a premium\/paid font, you&#8217;ll have to purchase a license for web use and provide me with your license key. <\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_image src=&#8221;https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/web-style-guide-typography.png&#8221; title_text=&#8221;web style guide &#8211; typography&#8221; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.24.0&#8243; text_font=&#8221;Quattrocento Sans||||||||&#8221; text_font_size=&#8221;20px&#8221; text_letter_spacing=&#8221;1px&#8221; header_2_font=&#8221;Abhaya Libre|800|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#1397AC&#8221; header_2_font_size=&#8221;34px&#8221; header_2_line_height=&#8221;1.3em&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<h2>Photos \/ Illustrations<\/h2>\n<p>[\/et_pb_text][et_pb_text ul_position=&#8221;inside&#8221; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Quattrocento Sans||||||||&#8221; text_font_size=&#8221;20px&#8221; text_letter_spacing=&#8221;1px&#8221; text_line_height=&#8221;1.5em&#8221; ul_line_height=&#8221;1.2em&#8221; header_2_font=&#8221;Abhaya Libre||||||||&#8221; header_2_text_color=&#8221;#1397AC&#8221; header_2_line_height=&#8221;1.4em&#8221; header_3_font=&#8221;Abhaya Libre||||||||&#8221; header_3_text_color=&#8221;#1397AC&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p>You&#8217;ll want your website style guide to provide some guidelines for the types of imagery to use. For example, do you want photography or illustrations? If photos are used, are people looking at the camera or at each other? Are photos brightly lit or do they feature moody shadows? Which of your brand colors can be used as overlays?<\/p>\n<p>This section of the web style guide should show a selection of the type of images to use for the brand, and the type of images to avoid.<\/p>\n<p>For photography, focus on light, composition, and subject matter. For illustration, show style, color, and subject matter.<\/p>\n<p>You can find good sources of stock images for your brand in this post on resources for your business.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/web-style-guide-photos-1.png&#8221; title_text=&#8221;web style guide &#8211; photos 1&#8243; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/web-style-guide-photos-2.png&#8221; title_text=&#8221;web style guide &#8211; photos 2&#8243; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/web-style-guide-illustrations.png&#8221; title_text=&#8221;web style guide &#8211; illustrations&#8221; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text ul_position=&#8221;inside&#8221; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Quattrocento Sans||||||||&#8221; text_font_size=&#8221;20px&#8221; text_letter_spacing=&#8221;1px&#8221; text_line_height=&#8221;1.5em&#8221; ul_line_height=&#8221;1.2em&#8221; header_2_font=&#8221;Abhaya Libre||||||||&#8221; header_2_text_color=&#8221;#1397AC&#8221; header_2_line_height=&#8221;1.4em&#8221; header_3_font=&#8221;Abhaya Libre||||||||&#8221; header_3_text_color=&#8221;#1397AC&#8221; header_3_font_size=&#8221;24px&#8221; header_3_line_height=&#8221;1.5em&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<h3><span style=\"font-weight: 400;\">File Formats<\/span><\/h3>\n<ul>\n<li><span style=\"font-weight: 400;\">SVG &#8211; infinitely scalable while keeping logos and icons sharp<br \/><\/span><\/li>\n<li><span style=\"font-weight: 400;\">JPEG &#8211; for backgrounds<br \/><\/span><\/li>\n<li><span style=\"font-weight: 400;\">PNG &#8211; for transparent backgrounds<br \/><\/span><\/li>\n<li><span style=\"font-weight: 400;\">WEBP &#8211; makes images significantly\u00a0 smaller, so website pages load faster <\/span><\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.24.2&#8243; text_font=&#8221;Quattrocento Sans||||||||&#8221; text_font_size=&#8221;20px&#8221; text_letter_spacing=&#8221;1px&#8221; header_2_font=&#8221;Abhaya Libre|800|||||||&#8221; header_2_text_align=&#8221;center&#8221; header_2_text_color=&#8221;#1397AC&#8221; header_2_font_size=&#8221;34px&#8221; header_2_line_height=&#8221;1.3em&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<h2>Patterns and Backgrounds<\/h2>\n<p>[\/et_pb_text][et_pb_text ul_position=&#8221;inside&#8221; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Quattrocento Sans||||||||&#8221; text_font_size=&#8221;20px&#8221; text_letter_spacing=&#8221;1px&#8221; text_line_height=&#8221;1.5em&#8221; ul_line_height=&#8221;1.2em&#8221; header_2_font=&#8221;Abhaya Libre||||||||&#8221; header_2_text_color=&#8221;#1397AC&#8221; header_2_line_height=&#8221;1.4em&#8221; header_3_font=&#8221;Abhaya Libre||||||||&#8221; header_3_text_color=&#8221;#1397AC&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p>Patterned backgrounds can add visual interest and dimension to your website. If you choose to use them, your style guide should designate if they can be used with text or other imagery placed on top.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/03\/brand-patterns.png&#8221; alt=&#8221;set of 3 grayscale patterns for a brand&#8221; title_text=&#8221;brand patterns&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; border_width_all=&#8221;1px&#8221; border_color_all=&#8221;#888888&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_divider divider_weight=&#8221;2px&#8221; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_divider][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#136877&#8243; background_image=&#8221;https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/03\/old-desk-altered.png&#8221; background_blend=&#8221;multiply&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;blackjack||||||||&#8221; text_text_color=&#8221;#ffffff&#8221; text_font_size=&#8221;34px&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;32px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p style=\"text-align: center;\">Define your brand identity.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.24.2&#8243; text_text_color=&#8221;#ffffff&#8221; text_font_size=&#8221;20px&#8221; text_line_height=&#8221;1.5em&#8221; header_font=&#8221;Quattrocento Sans||||||||&#8221; header_text_align=&#8221;center&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;24px&#8221; text_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p style=\"text-align: left;\">Learn more about develop branding that appeals to your ideal customer.<\/p>\n<p>[\/et_pb_text][et_pb_button button_url=&#8221;@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wb3N0Iiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjM2MDcifX0=@&#8221; button_text=&#8221;Branding Your Business&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.24.2&#8243; _dynamic_attributes=&#8221;button_url&#8221; button_text_size=&#8221;22px&#8221; button_text_color=&#8221;#fb7c10&#8243; button_bg_color=&#8221;RGBA(255,255,255,0)&#8221; button_border_width=&#8221;2px&#8221; button_border_color=&#8221;#FB7C10&#8243; button_font=&#8221;Quattrocento Sans|700|||||||&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221; button_bg_enable_color=&#8221;on&#8221; sticky_enabled=&#8221;0&#8243;][\/et_pb_button][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_code _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<div class=\"ml-embedded\" data-form=\"PIT09N\"><\/div>\n<p>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Every website design project has to have a web style guide, with info on how to represent your brand online. If you don&#8217;t have these guidelines from  working with a brand designer, we&#8217;ll develop them together prior to starting your website project.<\/p>\n","protected":false},"author":1,"featured_media":11149,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"1080","footnotes":""},"categories":[28],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What to Include in your Website Style Guide - Savvy Digital Design<\/title>\n<meta name=\"description\" content=\"5 components to provide in your website style guide: logo files, color palette, typography, photos and other imagery\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What to Include in your Website Style Guide - Savvy Digital Design\" \/>\n<meta property=\"og:description\" content=\"5 components to provide in your website style guide: logo files, color palette, typography, photos and other imagery\" \/>\n<meta property=\"og:url\" content=\"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Savvy Digital Design\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SavvyDigitalDesign\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-03T21:03:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-04T18:07:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/What-to-include-in-your-Website-Style-Guide.png\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"385\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kelly Higgins\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kelly Higgins\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/\"},\"author\":{\"name\":\"Kelly Higgins\",\"@id\":\"https:\/\/savvydigitaldesign.com\/#\/schema\/person\/c210dc69e8b5aea2e90a744f92596993\"},\"headline\":\"What to Include in your Website Style Guide\",\"datePublished\":\"2024-03-03T21:03:25+00:00\",\"dateModified\":\"2024-03-04T18:07:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/\"},\"wordCount\":2689,\"publisher\":{\"@id\":\"https:\/\/savvydigitaldesign.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/What-to-include-in-your-Website-Style-Guide.png\",\"articleSection\":[\"Web Design Clients\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/\",\"url\":\"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/\",\"name\":\"What to Include in your Website Style Guide - Savvy Digital Design\",\"isPartOf\":{\"@id\":\"https:\/\/savvydigitaldesign.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/What-to-include-in-your-Website-Style-Guide.png\",\"datePublished\":\"2024-03-03T21:03:25+00:00\",\"dateModified\":\"2024-03-04T18:07:36+00:00\",\"description\":\"5 components to provide in your website style guide: logo files, color palette, typography, photos and other imagery\",\"breadcrumb\":{\"@id\":\"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/#primaryimage\",\"url\":\"https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/What-to-include-in-your-Website-Style-Guide.png\",\"contentUrl\":\"https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/What-to-include-in-your-Website-Style-Guide.png\",\"width\":640,\"height\":385},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/savvydigitaldesign.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What to Include in your Website Style Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/savvydigitaldesign.com\/#website\",\"url\":\"https:\/\/savvydigitaldesign.com\/\",\"name\":\"Savvy Digital Design\",\"description\":\"Websites &amp; Marketing Solutions\",\"publisher\":{\"@id\":\"https:\/\/savvydigitaldesign.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/savvydigitaldesign.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/savvydigitaldesign.com\/#organization\",\"name\":\"Savvy Digital Design\",\"url\":\"https:\/\/savvydigitaldesign.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/savvydigitaldesign.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2022\/05\/Savvy-Digital-Design-logo.png\",\"contentUrl\":\"https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2022\/05\/Savvy-Digital-Design-logo.png\",\"width\":440,\"height\":180,\"caption\":\"Savvy Digital Design\"},\"image\":{\"@id\":\"https:\/\/savvydigitaldesign.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SavvyDigitalDesign\",\"https:\/\/www.linkedin.com\/in\/kellyhigginswebdesigner\/\",\"https:\/\/www.instagram.com\/savvydigitaldesign\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/savvydigitaldesign.com\/#\/schema\/person\/c210dc69e8b5aea2e90a744f92596993\",\"name\":\"Kelly Higgins\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/savvydigitaldesign.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8ee652aa2fa3d9b368813ff4cd12f8f9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8ee652aa2fa3d9b368813ff4cd12f8f9?s=96&d=mm&r=g\",\"caption\":\"Kelly Higgins\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What to Include in your Website Style Guide - Savvy Digital Design","description":"5 components to provide in your website style guide: logo files, color palette, typography, photos and other imagery","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/","og_locale":"en_US","og_type":"article","og_title":"What to Include in your Website Style Guide - Savvy Digital Design","og_description":"5 components to provide in your website style guide: logo files, color palette, typography, photos and other imagery","og_url":"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/","og_site_name":"Savvy Digital Design","article_publisher":"https:\/\/www.facebook.com\/SavvyDigitalDesign","article_published_time":"2024-03-03T21:03:25+00:00","article_modified_time":"2024-03-04T18:07:36+00:00","og_image":[{"width":640,"height":385,"url":"https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/What-to-include-in-your-Website-Style-Guide.png","type":"image\/png"}],"author":"Kelly Higgins","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kelly Higgins","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/#article","isPartOf":{"@id":"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/"},"author":{"name":"Kelly Higgins","@id":"https:\/\/savvydigitaldesign.com\/#\/schema\/person\/c210dc69e8b5aea2e90a744f92596993"},"headline":"What to Include in your Website Style Guide","datePublished":"2024-03-03T21:03:25+00:00","dateModified":"2024-03-04T18:07:36+00:00","mainEntityOfPage":{"@id":"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/"},"wordCount":2689,"publisher":{"@id":"https:\/\/savvydigitaldesign.com\/#organization"},"image":{"@id":"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/What-to-include-in-your-Website-Style-Guide.png","articleSection":["Web Design Clients"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/","url":"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/","name":"What to Include in your Website Style Guide - Savvy Digital Design","isPartOf":{"@id":"https:\/\/savvydigitaldesign.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/#primaryimage"},"image":{"@id":"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/What-to-include-in-your-Website-Style-Guide.png","datePublished":"2024-03-03T21:03:25+00:00","dateModified":"2024-03-04T18:07:36+00:00","description":"5 components to provide in your website style guide: logo files, color palette, typography, photos and other imagery","breadcrumb":{"@id":"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/#primaryimage","url":"https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/What-to-include-in-your-Website-Style-Guide.png","contentUrl":"https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2024\/02\/What-to-include-in-your-Website-Style-Guide.png","width":640,"height":385},{"@type":"BreadcrumbList","@id":"https:\/\/savvydigitaldesign.com\/blog\/your-website-style-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/savvydigitaldesign.com\/"},{"@type":"ListItem","position":2,"name":"What to Include in your Website Style Guide"}]},{"@type":"WebSite","@id":"https:\/\/savvydigitaldesign.com\/#website","url":"https:\/\/savvydigitaldesign.com\/","name":"Savvy Digital Design","description":"Websites &amp; Marketing Solutions","publisher":{"@id":"https:\/\/savvydigitaldesign.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/savvydigitaldesign.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/savvydigitaldesign.com\/#organization","name":"Savvy Digital Design","url":"https:\/\/savvydigitaldesign.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/savvydigitaldesign.com\/#\/schema\/logo\/image\/","url":"https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2022\/05\/Savvy-Digital-Design-logo.png","contentUrl":"https:\/\/savvydigitaldesign.com\/wp-content\/uploads\/2022\/05\/Savvy-Digital-Design-logo.png","width":440,"height":180,"caption":"Savvy Digital Design"},"image":{"@id":"https:\/\/savvydigitaldesign.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SavvyDigitalDesign","https:\/\/www.linkedin.com\/in\/kellyhigginswebdesigner\/","https:\/\/www.instagram.com\/savvydigitaldesign\/"]},{"@type":"Person","@id":"https:\/\/savvydigitaldesign.com\/#\/schema\/person\/c210dc69e8b5aea2e90a744f92596993","name":"Kelly Higgins","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/savvydigitaldesign.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8ee652aa2fa3d9b368813ff4cd12f8f9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8ee652aa2fa3d9b368813ff4cd12f8f9?s=96&d=mm&r=g","caption":"Kelly Higgins"}}]}},"_links":{"self":[{"href":"https:\/\/savvydigitaldesign.com\/wp-json\/wp\/v2\/posts\/11143"}],"collection":[{"href":"https:\/\/savvydigitaldesign.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savvydigitaldesign.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savvydigitaldesign.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savvydigitaldesign.com\/wp-json\/wp\/v2\/comments?post=11143"}],"version-history":[{"count":31,"href":"https:\/\/savvydigitaldesign.com\/wp-json\/wp\/v2\/posts\/11143\/revisions"}],"predecessor-version":[{"id":11391,"href":"https:\/\/savvydigitaldesign.com\/wp-json\/wp\/v2\/posts\/11143\/revisions\/11391"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/savvydigitaldesign.com\/wp-json\/wp\/v2\/media\/11149"}],"wp:attachment":[{"href":"https:\/\/savvydigitaldesign.com\/wp-json\/wp\/v2\/media?parent=11143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savvydigitaldesign.com\/wp-json\/wp\/v2\/categories?post=11143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savvydigitaldesign.com\/wp-json\/wp\/v2\/tags?post=11143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}