Callout Frame
Callout Frame
Create callout boxes, sticky notes and highlight frames that pull attention to what matters. Six border styles — simple, double, dashed, gradient, glass and shadow — each with background textures like noise, dots and grid, plus floating corner decorations and badges. Export as SVG, PNG, or copyable CSS.
Callouts That Guide the Reader's Eye
A good callout frames tips, warnings and key takeaways without shouting. Match your page palette, keep borders light, and use corner badges sparingly — notes should feel designed rather than pasted in.
Sticky Notes & Highlights for Obsidian
The CSS export turns your callout into a ready-to-paste style for Obsidian snippets and web pages — colors, borders and glass effects included. SVG and PNG exports fit notes, PDFs and print planners.
Six Border Styles, Countless Combinations
From minimal single lines to glassmorphism panels: pick a border style, layer a texture, then decide whether decorations float at the corners or a badge overlays the edge. Save your exact recipe and reuse it as your signature look across a whole template.
Frequently Asked Questions
How do I add a custom callout design to Notion?
Notion's native callout block accepts any image — export as PNG or SVG and drop it in, or use the design as a standalone note card on your page.
What is the CSS export for?
It generates the styles for your callout — border, background, texture and glass effect — ready to paste into Obsidian snippets or any web project.
Can I match my template's brand colors?
Yes. Every color — border, background, texture and text — is fully customizable, with duotone support for layered designs.
Do glass and shadow effects survive export?
Yes — SVG exports carry the effects natively; PNG renders them at your chosen resolution so they look identical in any viewer.
Can I sell templates that include these callouts?
Yes. What you generate is yours to use in personal and commercial projects, including templates and client work you sell. Everything you export is yours to keep and use freely, with no attribution or license required. The VectMint app itself is proprietary (don't repackage the generator), but that never limits the files you create.