BASIC SITE STYLE INFO:

FONTS

  • Dosis. Site Title, Navigation, Page Title, Heading font. The font was Designed by Edgar Tolentino, refined & extended by Pablo Impallari, spaced & kerned by Igino Marini iKern. Click here for web font version: Google / Dosis. For downloadable print / non-web version, you can download from Impallari site here: Impallari / Dosis.
  • Roboto. Description, and Text font. The font was designed by Google, by Christian Robertson. Click here for the web font version of Google / Roboto. For downloadable print / non-web version, you can download here: Fontsquirrel / Roboto, or sync with Adobe TypeKit here: Typekit / Roboto.

IMAGES

  • Save images in .jpg, .gif, or .png format only. (.pdf, .psd, .tff, and .doc files aren't web-compatible).
  • Recommended to use image files of less than 500 KB
  • Image width: The dimensions of the original image you upload to your site can have a big impact on how it displays. We recommend using images that are between 1500 and 2500 pixels wide. Images smaller than 1500 pixels may appear blurry or pixelated when they stretch to fill containers, such as banners.
  • Go here for more in-depth best practices from Squarespace.

PARALLAX SCROLLING

Polaris utilizes an effect known as "parallax scrolling" (different elements on the page scroll at different speeds) on the header images to present your content in a dynamic and interactive way.

THE INDEX COLLECTION

Build your presentation-style layout by adding pages to the Index Collection. The Thumbnail Image for each page will be its "header" image. The Thumbnail Image, Page Title, and Description are set in Page Settings.

OTHER NOTABLE FEATURES

 

TURN OFF PARALLAX SCROLLING

You can turn off the parallax scrolling effect if you just want a simple single-page layout. 

 

FIRST INDEX IMAGE FULLSCREEN

You can choose to have the first image in the Index collection be fullscreen or match the height of the other images. 

HIDE PAGE TITLE

You can choose to hide the page/collection titles. 

 

HIDE PARALLAX NAV

You can hide the index nav. 

INDEX IMAGE HEIGHT

You can set the height of all the index images to be full-screen, two-thirds or half.

TITLE & DESCRIPTION POSITION

You can choose to place the Title & Description on top of or under the main image.

 

FOOTER BACKGROUND COLOR

Set the footer background color. The color of the text in the footer will be automatically set to white or black depending on the lightness of the color you chose to ensure it is legible.