Getting Started with Pretty Headline

5 min read

Welcome to Pretty Headline! This guide will walk you through creating stunning headlines for your landing pages in just a few minutes.

1. Start with Your Text

The first step is to enter your headline text. Keep it concise and impactful - we recommend 70 characters or less for maximum impact.

💡 Pro Tip: Strong headlines are clear, benefit-driven, and create curiosity.

Use the Content panel to adjust font size (38-60px recommended), font weight (700-900 for bold headlines), and choose from popular Google Fonts.

2. Choose Your Colors

Color psychology matters! Dark text on light backgrounds provides the best readability, but don't be afraid to experiment with your brand colors.

  • Text Color: Use high contrast for readability
  • Background Color: Choose colors that match your landing page
  • Accent Colors: Use text decorations for emphasis (see next step)

3. Add Visual Decorations

This is where Pretty Headline shines! You can add visual emphasis to specific words in your headline:

📌 Colored Word

Highlight key words with a different color to draw attention.

💪 Font Weight

Make specific words bolder to create emphasis.

📏 Dashed Line

Add a dashed underline for a playful, modern look.

🌊 Wavy Underline

Use a smooth wavy line for creative emphasis.

🎨 Inverted Highlight

Create impact with inverted text on colored background.

📐 Big Underline

Add a thick underline bar for strong emphasis.

Recommendation: Use only one type of decoration per headline for better visual hierarchy and cleaner design.

4. Export Your Headline

Once you're happy with your design, export it in multiple formats:

Image Formats

  • PNG: Best for web use with transparency support
  • JPG: Smaller file size, great for emails
  • WebP: Modern format with excellent compression

Code Formats

  • HTML: Copy-paste ready code with inline styles
  • React: JSX component for React/Next.js projects

📱 Mobile vs Desktop Preview

Pretty Headline lets you design for both desktop and mobile separately. Toggle between views to ensure your headline looks great on all devices.

Each view saves its own settings, so you can optimize font size and layout for different screen sizes.

Ready to create your first headline?

Start designing beautiful headlines for free - no signup required!

Open Pretty Headline