Skip to main content
All CollectionsDesign & Customization
Design Best Practices and Recommendations
Design Best Practices and Recommendations

Recommendations for file types, sizes, and design tips

Updated over a week ago

Welcome - This guide walks through our best practices and recommendations for designing your website and optimizing it for multiple devices.

Quick Jump To A Section
Event Website | Form | Email


Basic Image Requirements:

Before we get into the details, here are a few basic requirements for your creative:

  • Supported file types: JPEG, PNG

  • Max file size: 2MB

  • Recommended file size: 500KB


Getting Started - Responsive Design

RSVPify's event websites are, by-default, responsive. That means the position and sizing of your content will adjust as you change your browser size or the device you’re viewing on. This is important to ensure your website can be viewed on any device, especially mobile phones! We'll talk more about responsive design elements throughout this guide, but this is important to note this as you get started designing.

The answer to common questions like “Why is my image cropping on mobile?” or “My background image is distorted.” lies in understanding responsive design, and choosing images that can adapt to the shape of different browsers and devices.


Testing your responsive event website

Testing changes on your mobile device gives the most accurate display and is the only way to explore portrait and landscape orientations. But you can get a quick preview using our device preview as you edit!


PAGE LAYOUT OPTIONS

Before providing size recommendations - it is important to note that there are 2 general layouts for your landing page:


EVENT WEBSITE DESIGN

(via customize > event website builder)

COVER BLOCK

The cover block is the top header image on your event wall. Here are a few key things to note about this block type:

  • Images uploaded will always resize to the height of the device

  • Optional text will live in the bottom, left corner of the block

  • The image can be set to cover and zoom, or fit and scale.

  • The cover block is optional and can be disabled

📐 Size Recommendation:

2000 px width x 1830 px height

IMPORTANT: If your cover block image has text or other important content, leave a margin around the outside to ensure important content is not cut off on small devices. Important content should be aimed towards the center.


REGISTRATION FORM DESIGN

(via customize > form builder)

FORM BACKGROUND

The form background will live on the right side of your page behind the registration. However, if the event wall is disabled, this will be your full-page background.


📐 Size Recommendation:

Website enabled: 1290 px width x 1830 px height

Website disabled (full page): 1920 px width x 1080 px height

FORM LOGO

Once you upload a custom logo, it can be set to a percentage size of your choosing based on the width of your form.

100% Logo Size (event wall enabled): 594 PX

100% Logo Size (event was disabled): 768 PX

📐 Size Recommendation: We'd recommend uploading a logo at least 600px in length to ensure your logo will be clear at any size.



EMAIL INVITE / CAMPAIGN DESIGN

The maximum size of the logo that can be added to the top of the email is 200 px wide. Images added within the body will be slightly smaller (580 px) due to the margin on the sides of the email.


Need more help? Get support from our Community Forum.
Find answers and get help from the RSVPify Support team and our community.

Did this answer your question?