Guides, Tips, & How-to's
Updated May 29, 2024

Template Docs

Upload your own custom icons to visually emphasize the information within a list of items.

Upload your own custom icons to visually emphasize the information within a list of items.

Easily make sections fill the screen, without the limitation of having a huge gap at the top and bottom—enabling split sections for half-screen images.

Easily make sections fill the screen, without the limitation of having a huge gap at the top and bottom—enabling split sections for half-screen images.

Quickly adjust the border-radius on a variety of elements on the template, without changing them individually.

Quickly adjust the border-radius on a variety of elements on the template, without changing them individually.

Replace standard • list item markers with whatever text icon you'd like.

Replace standard • list item markers with whatever text icon you'd like.

Make a section overlap adjacent sections by 2 Fluid Engine grid units, creating a clean continuity of design.

Make a section overlap adjacent sections by 2 Fluid Engine grid units, creating a clean continuity of design.

A custom CSS Variable that easily applies a custom, non-Squarespace font across the site—making it easy to adjust, remove, or add your own.

A custom CSS Variable that easily applies a custom, non-Squarespace font across the site—making it easy to adjust, remove, or add your own.

Styles a Gallery Block as a layered user persona gallery, perfect for showcasing multiple people in a smaller form-factor.

Styles a Gallery Block as a layered user persona gallery, perfect for showcasing multiple people in a smaller form-factor.

Styles a Gallery Block to display logos in a clean, more sophisticated format than the typical logo wall.

Styles a Gallery Block to display logos in a clean, more sophisticated format than the typical logo wall.

Manual control over the height of Video Block content, giving a more nuanced look to assets on the page.

Manual control over the height of Video Block content, giving a more nuanced look to assets on the page.

A helpful "subheading" eyebrow text that gives sections of text visual balance and more context.

A helpful "subheading" eyebrow text that gives sections of text visual balance and more context.

Add a secondary "button" to the nav heading with matching primary button styling, and stacks nicely on mobile.

Add a secondary "button" to the nav heading with matching primary button styling, and stacks nicely on mobile.

Creates an "overflowing" background effect that extends beyond the edge of the screen on mobile devices, mimicing the look of the desktop version without shrinking content.

Creates an "overflowing" background effect that extends beyond the edge of the screen on mobile devices, mimicing the look of the desktop version without shrinking content.

More docs are on the way!

This new format of Template Docs (which lives here, rather than on a page within your copy of a template) is ever-growing as I continue to update and improve past versions of templates, and publish more! Expect to see many more mini-articles on how things work in the coming weeks after Kintsugi launches.

This new format of Template Docs (which lives here, rather than on a page within your copy of a template) is ever-growing as I continue to update and improve past versions of templates, and publish more! Expect to see many more mini-articles on how things work in the coming weeks after Kintsugi launches.