Custom portfolio template with clean lines and adaptive grid-based layout. 

 

In libero ac augue feugiat commodo quis ut risus. Duis facilisis, lorem at finibus faucibus, risus erat.

Quisque nec augue purus. Mauris elementum, nunc ac rutrum volutpat, orci libero eleifend libero, vitae auctor purus magna et velit. Donec mattis, sapien vitae vestibulum dapibus, augue orci suscipit mi, a hendrerit ex sapien eu purus. Etiam sed dictum erat. Duis in purus risus. Mauris bibendum ornare nisl. Vestibulum elementum neque quis condimentum porta. Etiam tempus tellus at felis viverra varius. Proin auctor gravida nisi a laoreet. Etiam ornare lectus vitae accumsan posuere. Aliquam erat volutpat.

SED VESTIBULUM ERAT QUIS ERAT SCELERISQUE IMPERDIET. VESTIBULUM PORTA LACUS AC DICTUM TINCIDUNT. ALIQUAM PULVINAR TELLUS EU FEUGIAT.

Cras at vulputate arcu. Etiam eleifend lacinia turpis, ut ullamcorper metus viverra ut. Donec sit amet bibendum leo. Etiam ornare, quam eu consequat mattis, massa tortor dictum arcu, ultricies volutpat magna sem vitae mi. Etiam eget augue a tellus placerat consequat. Etiam id ipsum ornare, molestie velit sit amet, scelerisque dui. Etiam nec rutrum est, ut tristique ex. Sed tempor, purus et gravida fermentum, ligula ipsum venenatis sapien, eget faucibus tortor elit ut lacus.

Unordered List

  • Proin rutrum a nibh eget auctor. Nulla velit eros, consectetur eget ex venenatis, tempus malesuada velit. Aenean in imperdiet augue, eu maximus lorem. Vivamus elementum, erat congue euismod dapibus, sapien sem laoreet orci, a lobortis nunc lorem nec mi. Aliquam erat volutpat. Maecenas eu neque ultrices lorem ornare elementum sit amet sodales nisi. Fusce ultrices gravida fringilla. 
  • Ut eu lorem nec ipsum ultrices viverra a sit amet mauris. Cras commodo eleifend ipsum, vel pellentesque leo placerat a. Vivamus et lectus et dui commodo egestas id ut velit. Donec eu lectus mauris. Mauris eu vestibulum libero. Aliquam pretium mollis odio vitae luctus. Nam viverra quam vulputate sem consequat dictum.
  • Sed a rhoncus ligula. Curabitur auctor ullamcorper leo ac placerat. Donec eu nunc ac neque tristique iaculis vitae vitae risus. Proin gravida libero eget odio fermentum, non iaculis tellus cursus. Ut eleifend quam ut nisl semper imperdiet. Vestibulum dapibus eros a ultrices sagittis. Quisque dapibus ultrices arcu at porttitor. Vivamus malesuada euismod hendrerit. Phasellus sit amet purus risus. 

Nested Unordered List

  • Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
    • Maecenas et augue id metus vehicula ornare at vel mi. 
    • Integer ullamcorper nunc et nisl blandit, a posuere turpis ornare. 
    • Nam et interdum velit it. Donec vestibulum tellus.
    •  Maecenas et augue id metus vehicula ornare at vel mi.
  • Integer ullamcorper nunc et nisl blandit, a posuere turpis ornare.
    • aecenas et augue id metus vehicula ornare at vel mi. 
    • Integer ullamcorper nunc et nisl blandit, a posuere turpis ornare. 
    • Nam et interdum velit. Aliquam viverra.

Ordered List

  1. Proin rutrum a nibh eget auctor. Nulla velit eros, consectetur eget ex venenatis, tempus malesuada velit. Aenean in imperdiet augue, eu maximus lorem. Vivamus elementum, erat congue euismod dapibus, sapien sem laoreet orci, a lobortis nunc lorem nec mi. Aliquam erat volutpat. Maecenas eu neque ultrices lorem ornare elementum sit amet sodales nisi. Fusce ultrices gravida fringilla. 
  2. Ut eu lorem nec ipsum ultrices viverra a sit amet mauris. Cras commodo eleifend ipsum, vel pellentesque leo placerat a. Vivamus et lectus et dui commodo egestas id ut velit. Donec eu lectus mauris. Mauris eu vestibulum libero. Aliquam pretium mollis odio vitae luctus. Nam viverra quam vulputate sem consequat dictum.
  3. Sed a rhoncus ligula. Curabitur auctor ullamcorper leo ac placerat. Donec eu nunc ac neque tristique iaculis vitae vitae risus. Proin gravida libero eget odio fermentum, non iaculis tellus cursus. Ut eleifend quam ut nisl semper imperdiet. Vestibulum dapibus eros a ultrices sagittis. Quisque dapibus ultrices arcu at porttitor. Vivamus malesuada euismod hendrerit. Phasellus sit amet purus risus. 

Nested Ordered List

  1. Maecenas laoreet ipsum tellus, vitae viverra tellus venenatis eget.
    1. Vestibulum ante ipsum primis in faucibus orci luctus et 
    2. Maecenas et augue id metus vehicula ornare at vel mi. 
    3. Integer ullamcorper nunc et nisl blandit, a posuere turpis ornare. 
    4. Nam et interdum velit. Aliquam viverra vehicula blandit. 
  2. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
    1. Maecenas et augue id metus vehicula ornare at vel mi. 
    2. Integer ullamcorper nunc et nisl blandit, a posuere turpis ornare. 
    3. Nam et interdum velit it. Donec vestibulum tellus.
    4.  Maecenas et augue id metus vehicula ornare at vel mi.

Sizes & Values

Site Width - set the width of the site content area including the canvas padding.

Canvas Padding - control the amount of spacing around the inside of the canvas area.

Top Padding - adjusts the amount of spacing at the top of the site, outside the canvas area.

Navigation Link Spacing - sets the relative amount of spacing between each navigation link.

Header Padding - control the amount of spacing at the bottom of the header area, below the site title and navigation. 

Page Padding - sets the amount of spacing at the top and bottom of each page in the site.

Footer Padding - controls the amount of spacing at the top of the footer area.

Logo Size (Max) - sets the maximum height of the site logo you have uploaded.

Social Icon Size - set the size of the (non-social-block) social icons. 

Template Options

Layout Style - determines the layout of the header area (logo and navigation).

Page Borders - control the size/display style of all site borders.

Underline Body Links - toggle the underline on all body links. 

Social Icon Style - sets the template specific (non-social icon block) social icons style.

Hide Social Icons - toggle the display of the template specific (non-social icon block) social icon links.

 

Index Styles

(custom gallery)

Index Thumb Title Color - sets the color of the thumbnail title for each index item.

Index Thumb Background Color - sets the color behind the thumbnail image for each index item.

Index Thumb Titles - choose the font and size used for the thumbnail title text.

Index Sidebar Width - sets the width of the sidebar displaying the title and description of the item.

Thumbnails Per Row - controls the number of columns used on your Index page.

Thumbnail Ratio - sets the size and shape of the thumbnail images based on a ratio. 

Thumbnail Padding - controls the amount of space in between each index item thumbnail image.

Thumbnail Opacity - sets the initial amount of transparency that should be used on index item thumbnail images.

Thumbnail Hover Opacity - sets the transparency of the thumbnail image on hover.

Hide Thumbnail Titles - toggle the display of the thumbnail title for each index item.

Thumbnails on Open Page - show or hide the index thumbnails at the bottom of an index item view.

 

Blog Styles

Blog Meta Color - sets the color used on article meta data (date, comment, like & share).

Blog Sidebar Width - controls the width of the sidebar on the blog list and item view. 

Blog Post Spacing - sets the amount of spacing between each blog post on the list view.

Product Styles

Product Background Color - sets the color behind the product image.

Product Overlay Color - sets the color of the overlay when product list titles are set to 'overlay.'

Products Per Row - determines the number of products shown per line on the product list.

Product List Titles - controls the position of the product title on the product list.

Product List Alignment - sets the text alignment of the product title on the product list.

Product Item Size - select an image ratio for the product photo on the product list. 

Product Image Auto Crop - determines whether product images fill the image area or fit within.

Product Gallery Size - select an image ratio for the product gallery on the product item page.

Product Gallery Auto Crop - determines whether product images fill the gallery area or fit within.

Show Product Price - shows the price on the product list page when enabled.

Show Product Item Nav - shows the 'back to shop' link on the product item page.

 

Event Styles

Event Time Format - toggle between 24 hour or AM/PM for event times.

Event Icons - enable icons on the address and event time display.

Event Thumbnails - show an image thumbnail in list view.

Event Thumbnail Size - controls the size (ratio width:height) of the event thumbnail image.

Event Date Label - enable date overlay on top of event thumbnail.

Event Date Label Time - include the time of the event with the date overlay.

Event Excerpts - show optional excerpt text of events on the list view when present. 

Event List Date - show the full event date (day, month, year) of the event on the list view.

Event List Time - show the time range (start time-end time) of the event on the list view.

Event List Address - show the event location address when present.

Event iCal/gCal Links - show links to add events to Apple or Google calendars.

Event Like and Share Buttons - show Squarespace simple like and share buttons on events.

Event List Compact View - enable a simple stacked view of events in the list view.

Event Calendar Compact View - enable a simpler calendar view optimized for smaller areas.