Customize emails

Design matters, and with LetterBucket, you’re in full control. To access the newsletter style customizer, go to Customize Styles -> Letters and you will see the editor. You can easily customize how your emails look by using the right-hand style panel. From there, you can adjust:

• Background
• Header text
• Body text
• Dividers
• Images
• Buttons
• Sections

Or you can use the Styles Library dropdown to pick a base theme. Once you’re happy with the changes, just hit Save Styles at the top. Need to go back? You can always reset everything to the default styles. Let’s walk trhough all settings:

​

Background

​

Background color (emails only)

This sets the outer background of the email, basically, the area that surrounds the main content. It’s especially noticeable on desktop and wider screens where your content sits in the middle of the screen with space around it. Think of this as the wallpaper behind your newsletter.

• Use a light color for a clean, minimalist feel
• Use a dark color to create contrast and make your content pop
• Use a branded color to reinforce your visual identity

​

Content background color

This sets the background of the main content area, the box that holds your text, images, and buttons. This is the “page” your readers actually read. Most people go with white or light colors here for readability, but you can absolutely make it unique. Combining both background colors creatively can give you a card-style layout or layered look.

​

Border radius

This controls how rounded the corners of your content area are:

• A higher number (like 12px or 16px) gives you a softer, modern, friendly feel
• A lower number (0px) gives you a sharp, clean, blocky look, more traditional or minimalistic

It’s a purely visual choice, but one that subtly affects how polished your email feels.

​

Border width

This adds an actual border around your content area.

• 0px means no border, just floating content
• Increase the value to add a solid line around your content (good for emphasizing separation from the background)

You’ll usually combine this with a border color to make it visible.

​

Border color

Sets the color of the border (in case you applied border, if not this option will remain hidden)

​

Padding

Padding controls the internal space inside the content box. It affects how close the text and content are to the edges of the box.

• More padding gives your content room to breathe
• Less padding makes things feel more compact

Use this to improve readability and visual flow.

​

Margin

Margin controls the space outside the content box, between the content box and the background edge.

• Increasing this pushes your content more toward the center
• Decreasing it brings your content closer to the outer edge of the email container

This is useful when you’re going for a full-width design vs. a boxed-in layout.

​

Header text

​

Font family

This lets you choose the typeface for all your headers (like H1, H2, etc). It’s important because fonts communicate a lot about your brand’s tone.

• Want to feel professional and clean? Go with something like Tahoma or Arial.
• Want something more casual or expressive? You might pick Calibri or Verdana.

Whatever you choose here will be applied across all headers in your newsletter, so it’s worth picking one that fits your style.

​

Color

This controls the color of your header text. You can:

• Use the color picker to choose visually
• Or enter a hex code manually for precise control (like #111111 or your brand’s exact shade)

This is where you make sure your headers pop, stay on-brand, and are easy to read on your background color.

​

Align

You get four alignment options:

• Left-aligned: great for traditional layouts, especially in longer-form content
• Center-aligned: works well for more visual or minimalist designs
• Right-aligned: less common, but can be interesting for certain layouts
• Justified: spreads the text to fill the line width (rarely used in headers, but available)

Just click one of the icons to apply it.

​

Margin

This defines how much space appears around your header elements. It affects how your headers relate to the elements above and below them.

• A larger margin creates more breathing room (great for clean, open layouts)
• A smaller margin makes things feel tighter and more compact

You can slide the control to get exactly the look you want.

​

Body text

​

Font family

Choose the typeface you want to use for the main text in your newsletter. This will be applied to all paragraph-level content.

• Sans-serif fonts (like Arial, Verdana) give a modern, clean vibe
• Serif fonts (like Georgia, Times New Roman) feel more formal or traditional
• Display fonts can be playful, bold, or unique, good for specific branding styles

Your choice here affects how readable and professional your newsletter feels.

​

Color

Select the color of your body text using a visual picker or hex code.

• Dark greys (#333333, for example) are easier on the eyes than pure black
• Colored text can be used for specific branding or emphasis, but keep contrast in mind for accessibility

Consistency here makes your newsletters feel polished.

​

Align

Choose how your text aligns within the content blocks:

• Left: Default and most readable for long-form content
• Center: Good for quotes, intro paragraphs, or emphasis
• Right: Rarely used in body text, but available for design variations
• Justified: Makes text blocky and aligned on both sides; use sparingly, as it can reduce legibility

Each alignment can be applied depending on the content’s purpose and layout style.

​

Font size

Select from predefined font sizes that balance legibility with design. We recommend that you keep your body font size to Medium or Large, and modify specific texts inside your newsletter in case you need it:

• Small / Normal: Best for footnotes or fine print
• Medium / Large: Ideal for most content (paragraphs, updates, etc.)
• X-Large / Huge: For highlighting important sections or making things pop

Use different sizes strategically, but sparingly, you want visual hierarchy, not chaos.

​

Margin

This slider controls the external spacing around your body text blocks. It defines how much space there is between the paragraph and the next element (like an image, button, or another section).

• Increase margin if things feel too cramped
• Reduce margin if you want tighter layouts or to group elements closer together

Adjusting margin helps you balance visual breathing room and flow throughout your email. Especially useful when designing for mobile, where vertical spacing can stack up fast.

​

Dividers

​

Color

This defines the color of the divider line.

• Lighter grays (#ebebeb, for example) create a subtle separation
• Darker tones add more emphasis and can act as visual anchors
• Branded colors (e.g. your accent color) can add personality if used sparingly

Choose a tone that matches your newsletter’s overall feel.

​

Width

Controls how long the divider is relative to the content block.

• 100% width means it spans edge-to-edge
• Reducing the width can create a more stylized or minimal effect
• Great for centering or adding balance in visual-heavy layouts

This can be especially useful for breaking up long emails into clearer sections.

​

Height

This controls the thickness of the divider line (in pixels).

• A height of 1px gives you a super clean, minimal rule
• Bumping it up adds weight and can help draw attention between major sections

Keep in mind that dividers should guide, not overpower, your layout — so go easy on thickness unless you’re using them as strong visual elements.

​

Align

Sets the horizontal alignment of the divider within the content block.

• Left: The divider hugs the left edge
• Center: Centered divider (most common and balanced)
• Right: Aligned to the right edge

This becomes relevant when using partial-width dividers. For example, a 60% width divider aligned to the center will look more polished than left-aligned.

​

Margin

This controls margin above and below the divider, allowing you to adjust how much breathing room it has in your layout. It’s useful for pacing and breaking up content cleanly.

​

Image

This section lets you fine-tune how your images appear, helping you create newsletters that feel cohesive, visually balanced, and on-brand.

​

Width

Controls how wide your images are, relative to the container.

• 100% width means the image will take up the full available space inside the content block
• Reducing it (e.g. 70%, 50%) lets you create side-by-side layouts or a more minimal look
• Great for mixing full-width banners with smaller inline visuals

This setting is responsive, so it’s helpful for ensuring images look good on both desktop and mobile.

​

Border radius

This defines how rounded the corners of your images are.

• 0% means sharp, rectangular edges
• Higher percentages (like 8%, 16%) give your images a softer, modern, card-like look
• Use this if you want to match the style of your brand (especially if your logo or buttons use rounded corners)

Rounded images tend to feel friendlier and more contemporary.

​

Align

Controls how the image is aligned horizontally within its container.

• Left: Image hugs the left side, good for layouts with text to the right
• Center: Image is centered, visually balanced and works well for standalone graphics
• Right: Image is aligned to the right, more stylized or used to create visual rhythm

Pair alignment with width for more creative layouts.

​

Margin

This adjusts the external space around the image, essentially, how much breathing room it has from other elements like text or dividers.

• Increase margin for more open, airy layouts
• Reduce it for tighter, denser designs

This is especially important on mobile, where vertical spacing affects flow and scannability.

​

Buttons

​

Font family

Choose the typeface used inside the button. This should match or complement the rest of your newsletter fonts for a consistent look.

​

Text color

Defines the color of the button label (the actual words inside the button).

• White text (#ffffff) on a dark button gives you strong contrast
• You can customize this to match your brand or highlight secondary actions

​

Background color

This is the fill color of the button, what makes it stand out.

• Dark or bright colors work well for primary CTAs
• Lighter or muted tones are good for secondary actions

Make sure your background and text color have enough contrast for readability and accessibility.

​

Align

Choose how the button is positioned in the content block:

• Left-aligned is common for text-heavy layouts
• Center-aligned works well for most of the cases
• Right-aligned adds a modern or minimal design flair

​

Width

Controls how wide the button is:

• 100% width spans the full content block, great for mobile readability and clean layouts
• You can reduce this to make the button more compact

​

Height

Sets the vertical size of the button. More height = chunkier button.
This is purely visual, but a slightly taller button often feels more tappable on mobile.

​

Border radius

This defines how rounded the button’s corners are:

• 0px gives you a sharp, rectangular button
• 8px+ creates a pill-shaped or rounded look, which feels modern and friendly

This setting is great for matching the personality of your brand or the style of other elements (like images or containers).

​

Margin

Controls the space outside the button, the breathing room between the button and surrounding content.

• A 16px margin is fairly standard and gives you good visual spacing
• Adjust up or down to suit how dense or open your layout is

​

Sections

​

Background color

This sets the color behind the content inside the section.

• Use light tones for clean separation
• Brighter colors can call attention to specific sections (e.g. announcements, CTAs)
• You can match or contrast this with your overall content background for layered visual design

This is one of the easiest ways to break up your newsletter visually and add personality.

​

Border width

This controls how thick the section’s border is, in pixels.

• 0px means no visible border
• 1px gives a thin, subtle frame
• Increase it for bolder, more boxed-in designs

​

Border color

Defines the color of the section’s border. This can be:

• Neutral (like grey) for understated separation
• Branded (like a blue or accent color) for emphasis or design flair

It pairs with width and style to determine how visible the border is.

​

Border style

You can choose how the border is drawn:

• Solid: Clean, continuous line (most common)
• Dashed or Dotted: More decorative or stylized, often used to highlight specific content areas

This gives you some creative flexibility while staying on-brand.

​

Border radius

This defines how rounded the corners of the section are.

• 0px gives you sharp corners
• 10px (or more) softens the look, giving your content a card-like or friendly visual style

This setting is subtle, but it helps unify your layout with the overall aesthetic of your newsletter.

​

Padding

This sets the internal spacing between the section’s content and its border/background.

• More padding makes content inside the section feel roomy and well-balanced
• Less padding gives a tighter, more compact appearance

It directly impacts readability and visual breathing room.

​

Margin

Margin controls the external spacing around the section, the space between this block and the ones above or below it.

• Helps prevent sections from feeling crowded
• Can be adjusted to create rhythm between different content blocks

​

Save Styles

Once you are happy with the results, you can click on the upper right Save styles button. If you click on the dropdown menu besides the button, you can choose to apply these styles to other parts of your newsletter. When you save the changes, all your drafts will be updated to match the newly defined style.