Discover What You Can Build
500+ workshops, Techniques, and Resources Inside Standout Squarespace
Explore the library of techniques, templates, and resources available for you inside Squarestylist’s Standout Squarespace program. Standout students also get the commercial license to use these techniques in building Squarespace templates for sale.
Centered Carousel Arrows for Summary Block
Reposition summary block carousel navigation arrows to the vertical center of slides with custom styling.
Template (Copy)
Create layered image compositions using Stacked Gallery Blocks with CSS positioning.
Custom Carousel Arrows for Summary Blocks
Replace default summary block carousel arrows with custom SVG graphics.
Footer Reveal Effect
Footer appears to be revealed from behind content as visitors scroll - dramatic page endings.
Rotated Text for Index Gallery
Add vertically rotated text labels alongside your gallery slideshow images using CSS pseudo-elements, creating an elegant editorial-style design accent.
Typewriter Text Animation
Animated text that types out words letter by letter, then cycles to new words - dynamic headline effects.
Image Parallax on Scroll
Add smooth parallax movement to images as visitors scroll, creating depth and visual interest across your page layouts.
Style Blog Posts Based on Tag or Category
Apply unique styling to individual blog posts based on their assigned tags or categories—change colors, layouts, or any visual element based on how posts are organized.
Banner Slideshow with Split Layout
Transform Gallery Sections into banner slideshows with split image and caption layouts.
Sticky Stacking Sections
Make page sections stick and stack as users scroll, creating a layered card effect where each section slides under the previous one.
jQuery Accordion for Content Blocks
Create expandable content sections using jQuery and Markdown blocks.
Global Styles Starter Kit
A collection of CSS snippets for consistent typography, forms, newsletters, and carousel arrows site-wide.
Hover Follow Title Spotlight Effect
Create a dramatic spotlight effect on portfolio titles where hovered items stay vibrant while others fade to gray—pure CSS, no JavaScript needed.
Split Image Layout with Full Content
Create a magazine-style layout with full content on one side and split images on the other — perfect for storytelling and brand pages.
Minimal Newsletter Block Styling
Clean, modern newsletter form with transparent backgrounds and refined styling.
Button with Arrow Icon
Bordered buttons with arrow icons in segmented sections - sophisticated split-button design.
Mix Blend Mode Cursor Effect
Create a color-inverting cursor that follows the mouse with mix-blend-mode.