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.
Enhanced Mobile Menu
Reorganized mobile navigation with proper folder nesting, numbered counters, and decorative elements - polished mobile UX.
Blog Image Expand on Hover
Blog list items expand to reveal featured images on hover - space-efficient interactive layouts.
Overlapping Sections Layout
Images and colored blocks overlap between sections - editorial-style layouts with visual depth.
Focus Carousel Summary Block
Centered carousel with larger active item and peeking neighbors - spotlight-style content browsing.
Gallery Title Fade on Hover
Centered titles over gallery images that smoothly fade out on hover - elegant reveal interactions.
Flip Card on Hover
Cards flip 180 degrees on hover to reveal second side content - interactive 3D card effect.
Summary Block Category Filter
Clickable filter buttons that show/hide summary block items by blog category - smooth content filtering.
Rotated Vertical Text Title
Image titles rotated 90 degrees running vertically alongside photos - editorial magazine-style layouts.
Interactive Colorful Text
Letters reveal their custom colors on hover with smooth transitions - playful interactive typography.
Typography Accent Elements
Decorative kicker labels and inline buttons using URL-based targeting - custom text styling without classes.
Google Material Icons
Google Material Design icons as text links - thousands of scalable icons via Google Fonts.
Index Table from Lists
Convert unordered lists into clean, styled tables using JavaScript. Create minimal index-style tables with dotted borders and transparent backgrounds - no HTML table knowledge required.
Animated Squiggle Underline
Animated wavy underlines that continuously move - playful hand-drawn text decoration.
Image Offset Border Effect
Decorative offset borders behind images using pseudo-elements - adds depth and dimension to photos.
Decorative Site Frame Border
Fixed decorative border framing the entire website - elegant luxury design effect.
Custom Slideshow Arrow Icons
Replace default slideshow arrows with custom SVG icons - branded navigation controls.
Auto Layout Split Carousel
Transform Auto Layout carousels into split layouts with gradients and responsive positioning.
Reveal Section on Scroll Back
Section that appears only when scrolling back up - smart visibility based on scroll direction.
Scroll Indicator with Auto-Hide
Animated scroll indicator that fades away when users start scrolling - visual cue with line animation.
Portfolio Hover Follow Buttons
Portfolio hover follow with pill-shaped title buttons - styled interactive project navigation.