Image

Style Guide: How to Customize Your Content with Exclusive Shortcodes

Style Guide: How to Customize Your Content with Exclusive Shortcodes

The difference between an average blog and a professional one lies in the details. In this guide, we show you how to master the Quackly ecosystem to turn plain paragraphs into unique visual experiences with the Typography system.

Design isn't just about what you see—it's about how it feels to read. At MountainB, we believe every word deserves a fitting frame. That's why we've integrated a set of exclusive tools into our Hamlet architecture that let you add hierarchy and beauty to your content without writing a single line of CSS.

Quackly Tip:

Before inserting a shortcode, make sure the Blogger editor is in "Compose View" so you can better see the structure—although the final design will only appear in preview thanks to our XML engine.

Our shortcode library has been refined to offer only the essentials: from pastel-colored buttons to reference blocks that stay in harmony with your illustrations. When you use the Syntax Highlighter (~), code automatically adapts to dark mode, keeping that minimalist aesthetic that defines our brand.

const initHamlet = () => {
  // Pastel configuration
  return "MountainB Loaded";
}
  

"Design is the silent ambassador of your brand."

— Paul Rand
5 comments
Image
Anonymous 07 May, 2026
The attention to detail with the dropcaps and note blocks is impressive! It’s great to see how the Hamlet architecture allows the content to be visually engaging without any extra effort. I especially love how the syntax highlighter automatically adjusts to dark mode, keeping the brand's minimalist look intact.
Image
Anonymous 07 May, 2026
I’m glad you noticed! The core idea behind MountainB was to merge high-level design with total simplicity. We wanted to ensure that anyone could maintain a minimalist, professional look without having to touch a single line of CSS.
Image
Anonymous 07 May, 2026
As a user, I really appreciate that these design tools are built directly into the XML engine. This ensures a clear hierarchy with shortcodes and headers, making it easier for both readers and search engine crawlers to navigate the content, just as emphasized in the SEO best practices guide.
Image
Dimas A. Gómez 07 May, 2026
That is exactly the goal of MountainB! By integrating these tools directly into the XML engine, we ensure that the structure remains lightweight and SEO-friendly without depending on heavy external scripts. I’m glad to hear that the hierarchy of headers and shortcodes is helping you maintain a professional balance between human readability and search engine indexing. Keeping that technical optimization at 100% is always our priority!
Image
Anonymous 07 May, 2026
The tip about using the 'Compose View' in the Blogger editor is a lifesaver for those of us starting with Quackly shortcodes. It's amazing that such professional-looking buttons and quotes can be added without writing a single line of CSS. This update definitely takes content customization to the next level!
Share your thoughts with the community…