-
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'sColor logo
and/orFavicon
- For your
Hero
image, select eitherNone
,Color
, orImage
- 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
- For your
Side Accent
, select eitherNone
,Color
, orImage
- 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
- For
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