Style library

Have more questions? Submit a request

Set it and forget it. Part of your onboarding experience of Buildout Grids includes the creation of a style library for your grids to match your company’s branding. All styles from your style library are automatically made available in your company’s grids and grid templates.

Recommended Styles

If you need to set up a style library in shadowgrid.io by yourself, creating styles that match your branding is as easy as copying and pasting the rules below. These rules use the INPUT formula to pull in the same branding styles used in your Buildout Marketing documents.

Navigate to your shadowgrid.io style library settings. To create or make updates to your style library, you need to have shadowgrid.io credentials. Contact your Buildout Administrator for access or email sales@buildout.com for more information.

Screen_Shot_2021-06-23_at_3.03.57_PM.png

Step 1 — Body (Global)

  1. Click the New Style button.
  2. Name your style Body (Global)
  3. Add the following rules:
Color =INPUT("branding.text_color")
Font size =CONCATENATE(INPUT("branding.table_body_font_size"),"px")
Font family =INPUT("branding.fonts.font_family.name")

 

Step 2 — Footer (Global)

  1. Click the New Style button.
  2. Name your style Footer (Global)
  3. Add the following rules:
Color =INPUT("branding.table_footer_text_color")
BG color =INPUT("branding.table_footer_background_color")
Bold TRUE
Font size =CONCATENATE(INPUT("branding.table_header_font_size"),"px")
Font family =INPUT("branding.fonts.alternate_font_family.name")

 

Step 3 — Header (Global)

  1. Click the New Style button.
  2. Name your style Header (Global)
  3. Add the following rules:
Color =INPUT("branding.table_header_text_color")
BG color =INPUT("branding.table_header_background_color")
Font size =CONCATENATE(INPUT("branding.table_header_font_size"),"px")
Font family =INPUT("branding.fonts.alternate_font_family.name")

 

Step 4 — Side (Global)

  1. Click the New Style button.
  2. Name your style Side (Global)
  3. Add the following rules:
Color =INPUT("branding.table_side_header_text_color")
BG color =INPUT("branding.table_side_header_background_color")
Font size =CONCATENATE(INPUT("branding.table_body_font_size"),"px")
Font family =INPUT("branding.fonts.alternate_font_family.name")

Articles in this section

Was this article helpful?
0 out of 0 found this helpful