Skip to main content

Implementing Funnel Best Practices

Following funnel best practices in Kyrios helps ensure consistent design, better responsiveness, and improved conversion by using global settings instead of manual spacing and overrides.

Updated over 2 months ago

Overall Funnel Settings

SEO Meta Data

SEO metadata controls how your funnel appears in search engines and social previews.

  • Set a clear SEO Title that matches the funnel's purpose

  • Add a short Description summarizing the offer

  • Include relevant Keywords to improve discoverability

Typography

Typography ensures font consistency across the entire funnel.

  • Headline Font controls all headline elements

  • Content Font controls paragraphs, sub-headlines, and body text

  • Global typography prevents mismatched fonts across steps

Sections

Sections define the outer layout and spacing of content blocks.

Best practices

  • Use consistent padding and margins across sections

  • Decide early whether sections should be full-width or constrained

  • Avoid mixing spacing styles between sections

Consistent section spacing improves visual balance and readability.

Rows

Rows control horizontal layout and spacing within sections.

Best practices

  • Adjust Row Width instead of using padding to create space

  • Use alignment settings for layout control instead of manual spacing

  • Row-based spacing scales better on different screen sizes

Columns

Columns control how elements stack and align inside a row.

Content Alignment

  • Vertical stacks elements top to bottom

  • Horizontal places elements side by side

Content Spacing

Content Spacing controls where elements sit inside the column.

Available options:

  • Center

  • Left

  • Right

  • Space Around

  • Space Evenly

  • Space Between

Use spacing controls instead of padding for cleaner layouts.

Elements

Elements contain your actual content, such as text and buttons.

Text and Copy Elements

Best practices

  • Use the correct element type (Headline, Sub-Headline, Paragraph)

  • Maintain consistent text alignment within each section

  • Set appropriate font sizes for desktop and mobile

Correct hierarchy improves readability and prevents layout issues.

Common Issues and Fixes

The layout looks inconsistent across pages

  • Use global Typography settings

  • Avoid manual padding inside rows and columns

Content alignment breaks on mobile

  • Use row and column alignment settings

  • Avoid fixed widths where possible

Text looks unbalanced or unreadable

  • Check font sizes for mobile view

  • Ensure the headline and paragraph hierarchy are clear

FAQ

What overall funnel settings should I configure first?

Start with SEO metadata and Typography to ensure discoverability and consistent fonts across the funnel.

How do I maintain visual consistency in sections?

Use consistent padding and margins and avoid mixing full-width and constrained layouts within the same funnel.

How should I space content inside rows?

Adjust row width and alignment instead of using padding. This keeps layouts responsive.

What column settings matter most?

Focus on Content Alignment (vertical or horizontal) and Content Spacing to position elements correctly.

Why is font hierarchy important?

Proper font hierarchy improves readability and ensures content displays correctly on desktop and mobile.

Did this answer your question?