1. Figure + Caption + Credit
Confirms images keep proportions and captions read well in Squarespace blocks/wrappers.
Acceptance: maintains margins, no unexpected cropping, alt text intact.
2. Inline Note (single-line “Note: …” without icon)
Easiest alert variant; good for case-study callouts inside text blocks.
Acceptance: baseline aligns with text; no layout shift on mobile.
There’s no max-width set. The inline note is inline-flex, so its width is based on its content and the available line width inside the Squarespace block. If the text is long, it simply wraps onto the next line inside the same pill.
If you’d like different behavior, you’ve got three good options:
Leave it auto (current) – content-sized, wraps naturally; great for short tips inline with text.
Cap the width – set a character-based cap (e.g., ~36–60ch) so long notes don’t grow too wide; it will wrap to a neat multi-line pill.
Make it full-width – switch to a block variant so it spans the content column (useful for section callouts).
If you want, say the word and I’ll give you the tiny add-on snippet for whichever of those three you prefer.
Pull-Quote / Testimonial
Pure typography check; ensures quotes look intentional within SqSp content width.
Acceptance: readable line length, subtle accent line or weight difference visible.
Suzanne translated a complex, multi-stakeholder flow into a clear, elegant UI—our error rates dropped within the first release. Jamie Patel · Product Manager, HealthTech Co.