Headings

Headings create a clear hierarchy in your content, making it easier for readers to scan and navigate. The Echo theme provides six heading levels, each with carefully balanced sizing and spacing to maintain visual rhythm throughout your articles.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraphs

Paragraphs add one idea at a time to your broader argument. When you are writing a paragraph, you want to make sure it is focused, well-developed, and properly linked to the surrounding text.

Text Formatting

This is bold text and this is italic text. You can also use inline code for technical content. Sometimes you might want to highlight important information.

Callouts

Callouts highlight important information, tips, warnings, or key takeaways. They stand out from regular content to grab readers' attention and can include emojis for added visual impact.

Lists

Lists break down complex information into digestible chunks. Use unordered lists for items without a specific sequence, and ordered lists for step-by-step instructions or ranked items. Lists can be nested to create deeper hierarchies when needed.

Unordered List

• First item in the list
• Second item with more details
• Third item that might be longer and span multiple lines to show how the list handles wrapping text properly
• Fourth item
  • Nested item one
  • Nested item two
  • Nested item three
• Fifth and final item

Ordered List

1. First step in the process
2. Second step with instructions
3. Third step that requires attention
4. Fourth step with sub-steps
   1. Sub-step one
   2. Sub-step two
   3. Sub-step three
5. Final step to complete

Blockquotes

Blockquotes draw attention to quotations, testimonials, or important excerpts. The Echo theme offers two styles: a standard blockquote with a left border for regular quotes, and an alternative centered style for impactful statements that deserve extra prominence.

Standard Blockquote

The only way to do great work is to love what you do. If you haven't found it yet, keep looking. Don't settle. As with all matters of the heart, you'll know when you find it.

Alternative Blockquote

Design is not just what it looks like and feels like. Design is how it works.

Code Block

Code blocks are essential for technical content and tutorials. They preserve formatting, support syntax highlighting, and provide a scrollable container for longer snippets. Use inline code for short references and code blocks for complete examples.

function greet(name) {
  console.log(`Hello, ${name}!`);
  return `Welcome to the Echo theme.`;
}

// Usage
const message = greet('World');
console.log(message);

Dividers

Horizontal rules visually separate different sections of your content. They're perfect for transitioning between topics or creating breathing space in longer articles without adding extra headings.

You can use horizontal rules to separate sections of content:

Table

Tables organize data into rows and columns, making it easy to compare information and present structured content. The Echo theme styles tables with clear borders and proper spacing for optimal readability across different screen sizes.

Call to Action

Call-to-action sections encourage reader engagement with prominent buttons and compelling messaging. Use them to drive subscriptions, downloads, registrations, or any desired action from your audience.

Bookmarks

Bookmark cards create rich link previews with titles, descriptions, and images. They're perfect for referencing external articles, resources, or any content you want to highlight without embedding it directly.

Beautiful Free Images & Pictures | Unsplash

Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.

UnsplashUnsplash

Buttons

Button cards add prominent call-to-action elements throughout your content. Customize the text and styling to drive clicks, conversions, or any desired reader action.

Images

Images enhance your content with visual appeal and context. The Echo theme supports multiple image widths to accommodate different layouts. Add captions to provide additional context or credit sources.

Standard Image

Wide Image

Full Width

Gallery

Galleries display multiple images in an organized grid layout. Perfect for photo essays, product showcases, portfolio work, or any content that benefits from presenting multiple images together.

Toggle

Toggle cards hide and reveal content on demand, perfect for FAQs, technical details, or lengthy explanations that might overwhelm readers. Keep your content scannable while providing depth when needed.

Products

Product cards showcase items, services, or offerings with images, descriptions, and call-to-action buttons. Use them to promote products, courses, memberships, or any other offerings directly within your content.

Echo

Clean editorial platform built for content creators managing diverse writing teams, featuring flexible homepage layouts, author profiles, and seamless category organization for modern publishing.

Buy Now - $89

Signup

Signup cards convert readers into subscribers with inline email collection forms. Customize the messaging to match your brand and grow your audience directly from your content.

Subscribe to our newsletter

Get the latest posts delivered right to your inbox. No spam, unsubscribe anytime.

Subscribe

Email sent! Check your inbox to complete your signup.

No spam. Unsubscribe anytime.

Headers

Header cards create stunning visual introductions with full-width images, bold headlines, and call-to-action buttons. Use them to make a powerful first impression and set the tone for your content.

Premium Content for Forward-Thinking Readers Who Value Quality Journalism

Your source for thought-provoking articles, cutting-edge insights, and diverse perspectives. Join thousands of readers exploring technology, culture, business, and beyond.

Get Started