Sharing your Styleguide

• Contents

• Visibility and Domain
• Assets
• Typography
• Layout

You can create a shareable link to make your Styleguide viewable to users outside of Qordoba.

To do this, go to Styleguide > Sharing. Here, you'll have the options to configure your Public Styleguide. 

Visibility and Domain

To publish your Styleguide, turn the switch from Unpublished to Published. 

Once published, you'll have the option to make the and set it to be Public (searchable) or Unlisted (hidden from search results). 

If you select Public, the Domain section appears, with options to create a Standard or Custom domain.

• Standard means that your domain will be listed as <subdomain>.styleguide.com. You will also have the option to add Google Analytics tokens and a Google Site Verification code.
• Custom allows you to add the domain of your choice for your Public Styleguide. 

Assets

You can add and/or select images and colors for your Public Styleguide.

• Click+ Add next to the corresponding section to upload an image for your site's Color logo and/or Favicon
• For your Hero image, select either None,  Color, or Image
  
  • For Color, use the color picker to select a shade or type a hex color code in the field
  • For  Image, select one of the existing images or click+ Add to select a file from your computer
• For your Side Accent, select either None,  Color, or Image
  • For Color, click the color picker to select a shade or type a hex color code in the field
  • For  Image, select one of the existing images or click+ Add to select a file from your computer

Typography

You can select your font's settings, as well at the colors for regular and linked text.

• For Font, select a font type from the dropdown menu 
• For Font size, select a number from the dropdown menu 
• For Text color, click the color picker to select a shade or type a hex color code in the field
• For Link color, click the color picker to select a shade or type a hex color code in the field

Layout

You can select one of the following options for Page width:

•  Fixed width means the content will be a maximum of 680px wide
•  Scaled width means the content will stretch to fill the width of the browser window