Billing, Canvas Horizontal & Full Documentation

Per-site subscriptions, horizontal canvas scrolling, improved editor panels, and comprehensive documentation for every feature.

Per-Site Billing

Full payment system with Stripe:

• 5 Pricing Tiers - Free, Basic, Premium, Pro, and Pro Lifetime plans
• Per-Site Subscriptions - Each site has its own subscription with tier badges
• Cancel & Reactivate - Manage subscriptions directly from site settings
• Customer Portal - Stripe-hosted portal with site names for easy identification
• Dynamic Payment Methods - Cards, SEPA, and local payment options

Canvas Horizontal Scrolling

New orientation mode for the Canvas layout:

• Horizontal Mode - Content scrolls left-to-right instead of top-to-bottom
• Orientation Toggle - Switch between Vertical and Horizontal in the Layout panel
• Auto Layout - Context-aware block positioning for the selected orientation
• Full Height - Horizontal mode uses 100vh for immersive presentation

Editor Panel Improvements

Text Editing

• Theme Color Swatches - Pick colors from your site theme directly
• Color Matrix - Organized shade picker for quick color selection
• Style & Typography Tabs - Separated controls for visual style and font settings
• Use Theme Defaults - One-click reset to your site's default text styles

Image Editing

• Link, Meta & Style Tabs - Reorganized with dedicated sections
• Theme-Aware Previews - Card style previews update with your theme colors

Section Background

• Color/Image Toggle - Switch between solid color and image backgrounds
• Advanced Color Picker - Full color picker with opacity control

Navigation Editor

• Color Swatches - Theme-aware color picking for nav elements
• Per-Page Overrides - Customize navigation visibility and colors per page
• Social Icon Sizing - Control the size of social media icons

Onboarding & New Site Experience

• Guided Setup - Enter key support and consistent branding throughout
• Smart Defaults - First section uses 100vh, Full width, Small padding
• Dashboard Redirect - New users land on their dashboard with a bento-box empty state
• Clean Canvas - Fresh sites start with an optimized canvas experience

UI Polish

• Unified Modal Design - Consistent styling across Add Page, Add Section, and Add Video dialogs
• Floating Toolbar - Section background swatch and Browse Pages shortcuts
• New Salon Branding - Updated logo, Satoshi font for all UI text
• Version Badge - Dynamic version indicator linking to changelog
• Smaller Toggle Switches - Refined sizing across all panels

Documentation & Community

Comprehensive documentation at docs.salon.io:

• 80+ Documentation Pages - Every editor panel and feature documented
• Technical Specs - Specification pages alongside user-facing docs
• Issue Board - Community issue tracker with voting and AI-powered analysis
• Blog Section - Articles and case studies
• Roadmap & Changelog - Public development progress tracking
• Cross-App Navigation - Quick links between App, Docs, and CRM

Bug Fixes

• Fixed slideshow autoplay only activating on hover
• Fixed lightbox not closing when clicking Stop Editing
• Fixed page block navigation in editor mode across all layouts
• Fixed side panel z-index issue when lightbox is open
• Fixed auth forms using wrong font
• Fixed section height and scrollbar issues on new pages

Variable Size Layout & Documentation

Enhanced Variable Size layout and new documentation system.

Variable Size Layout

Significant improvements to the masonry-style layout:

• Drag & Drop Reordering - Rearrange items by dragging
• Optimized Initial Render - Faster page loads with no layout shift
• Smooth Panel Transitions - No more overlaps when opening/closing editor panels
• Smart Scroll Behavior - Auto-scroll to active section

Documentation System

New documentation portal at docs.salon.io:

• Contextual Support Footers - Help links in every editor panel
• AI-Powered Updates - Documentation stays in sync with features
• Screenshot Paste-to-Upload - Easy visual documentation
• Multi-Language Support - English, German, Spanish, Japanese

Other Improvements

• Changed image loading placeholder from gray to subtle transparent overlay
• Per-site analytics dashboard for usage tracking
• Centralized documentation URL configuration

Cross-Site Copy & OG Images

Copy content between sites and automatic social preview generation.

Cross-Site Copy/Paste

Share sections between your websites:

• Copy sections to clipboard with localStorage persistence
• Paste sections from other sites in Add Section dialog
• Paste pages from other sites in Add Page dialog
• Admin-only cross-site paste for security

OG Image Generation

Automatic Open Graph images for social sharing:

• Client-side screenshot capture with html2canvas
• Auto-generation on page publish
• Full-width capture scaled to 1200x630
• Preview in Page General panel

Migration Improvements

Better support for importing from legacy Salon:

• Fixed migration for password-protected pages
• Support for tag-based filtering (apply_filter)
• Query existing page slugs before import to avoid conflicts

Editor Enhancements & Page Blocks

Major improvements to the editing experience and new Page Block feature.

Page Blocks

Embed pages within pages for complex layouts:

• Insert any page as a block with cover image
• Support for multiple aspect ratios including 9:16 portrait
• Cover images for canvas, justified, and fixed width layouts
• Navigation between page blocks

Editor Improvements

Section Management

• New Section Manager with visual overview of all sections
• Add section buttons on active or last section
• Background color indicators in section list
• Improved scroll-to-section behavior

Toolbar Redesign

• Consistent icon styling across all toolbar buttons
• User profile avatar in editor header
• Cleaner button hover states

Per-Page Navigation

• Override navigation colors on individual pages
• Control visibility of logo, links, and social icons per page
• Bold, italic, and background options for current page decoration
• First section background inheritance for stacked navigation

Bug Fixes

• Fixed hydration mismatches and CSS conflicts
• Improved burger overlay sizing with image logos
• Fixed vertical sidebar positioning issues

Navigation System Redesign

A complete overhaul of the navigation editor with new layout options and fine-grained controls.

New Navigation Features

3 Navigation Types

• Horizontal - Classic top navigation bar
• Sidebar - Vertical navigation for content-rich sites
• Burger Menu - Compact hamburger menu for all screen sizes

Navigation Controls

• Sticky navigation option - header stays visible while scrolling
• Blur effect for transparent headers with frosted glass appearance
• Background reveal on hover for minimal designs
• Padding and spacing controls for precise positioning

Burger Overlay Editor

Full customization of the mobile menu:

• Lock presets for consistent sizing
• Social icon positioning
• Logo and link styling options

Other Improvements

• Dashboard Redesign - Cleaner site management cards
• Settings Consolidation - Unified settings interface with consistent styling
• Footer Updates - Social links and width alignment fixes

New Salon 0.3 Alpha

We're excited to share the latest alpha release of New Salon, featuring powerful new ways to showcase your creative work.

Visual Page Builder

Create stunning portfolio pages with our intuitive drag-and-drop editor. No coding required.

5 Layout Styles

Choose how your work is displayed:

• Canvas - Free-form positioning for complete creative control
• Fixed Width - Dynamic grid layouts that adapt beautifully
• Slideshow - Full-screen presentations for immersive viewing
• Justified - Pinterest-style layouts that fill the space perfectly
• Column - Clean, traditional arrangements

Content Blocks

Add and arrange different types of content:

• Text and headings with rich formatting
• Images with automatic optimization
• Photo galleries with multiple display options
• Embedded videos
• Buttons and call-to-actions
• Spacers and dividers for perfect spacing

Theme Customization

Make your site truly yours with our flexible theme system:

• 6 pre-built themes to get started quickly
• Full color customization
• Light and dark mode support
• Typography options

Thank you to everyone helping us test and shape New Salon!