DEVELOPER MODE
Tools for the pros.
Config generators, scaffolders, schema builders, and more. Built by developers who ship production sites in Dev Mode.
Dev Mode Tools
Everything you need to build with Dev Mode.
Tools built from real production experience — not documentation rewrites.
Config Generator
Generate template.conf, .page.conf, and .conf files with correct JSON formatting.
Page Scaffolder
Generate all the files needed for a new Dev Mode page in one click.
Schema Builder
Generate JSON-LD structured data for 6 schema types.
Meta Tag Generator
Complete meta, Open Graph, and Twitter Card markup with SERP preview.
Spacing & Type Scale Calculator
Fluid typography with clamp(), spacing tokens, design system exports.
ID Finder & Selector Builder
Find element IDs and build CSS selectors to target specific sections.
Redirect Mapper
Plan URL redirects for site migrations. CSV import/export.
CSS Cheat Sheet
117 Squarespace CSS selectors for 7.0 and 7.1.
Color Palette Generator
Generate palettes with WCAG contrast ratios and LESS variable exports.
Font Pairing Tool
15 curated pairings with CSS and LESS export.
A little over your head?
No shame — this stuff is hard. Let the pros handle it.
