Build Emails
Sections, columns, typography, buttons, dividers, and responsive layout tools.
All Topics in Build Emails
Layout Architecture & Grid System
Understand the hierarchical layout system of PostBrix: why emails require a strict Section-Column grid and how container widths work.
Sections (mj-section)
Configure section-level padding, background colors, background images, and container borders.
Rows & Stacking Flow
Manage multiple rows of content within sections and understand how elements flow vertically.
Columns (mj-column)
Create multi-column layouts, set column width percentages, adjust vertical alignment, and control mobile stacking.
Text Block (mj-text)
Format body copy, configure font stacks, line-height, text alignment, and insert inline links and variables.
Headings (H1 – H4)
Structure email content hierarchy with semantic heading levels, responsive font scaling, and reset margins.
Image Block (mj-image)
Manage image sizing, 2x retina display scaling, alternative text for screen readers, links, and asset storage.
Button Block (mj-button)
Build bulletproof email buttons that render consistently across Microsoft Outlook, Gmail, and Apple Mail.
Divider Block (mj-divider)
Add visual separation between content sections with customizable lines, borders, and margins.
Spacer Block (mj-spacer)
Control vertical whitespace, manage breathing room between components, and handle responsive spacer adjustments.
Reusable Blocks
Save custom sections, navigation bars, and footers as modular reusable blocks to share across your team and projects.
Responsive Design & Mobile Optimization
How PostBrix handles automatic mobile column stacking, reverse stacking, viewport breakpoints, and per-block mobile overrides.
Typography & Web Fonts
Navigate email font stacks, custom Google Fonts importing via <mj-font>, and safe fallbacks for Outlook.
Colors & Dark Mode Optimization
Manage color palettes, WCAG contrast ratios, and understand how mobile inboxes invert colors in Dark Mode.
Brand Settings & AI Integration
Configure workspace brand colors, typography, logos, physical address, and connect your brand kit to AI generation.
Countdown Timers (mj-countdown)
Create dynamic, ticking animated countdown timers for flash sales, webinars, and product drops with automatic expired states.
Video & Media Block (mj-video)
Embed engaging video previews with automated play button overlays, high-resolution poster images, and direct landing links.
QR Code Block (qr-code)
Generate dynamic, scannable QR codes for mobile tickets, discount vouchers, app download links, and two-factor verification.
Image Studio & Photo Editor
Edit images directly in PostBrix: 1-click AI background removal, smart cropping, color adjustments, stickers, and automatic WebP compression.
Layers Panel & Document Hierarchy
Navigate complex email layouts, reorder blocks via drag-and-drop tree view, rename sections, and lock elements to prevent accidental edits.