To truly understand what designing in Splash is all about, you’ll want to first familiarize yourself with what’s under the hood: the tools and terminology that define the process. The following list explains the individual components used for designing and building your new event page.
A theme serves as the basic layout foundation for your event page, defining the overall aesthetic through a series of pre-formatted content blocks. Splash themes are designed with scalability in mind: a single theme can be repurposed for multiple events across different brands.
Blocks organize a theme by grouping similar types of content together. Examples of block types include: text blocks, image blocks, venue blocks and cover blocks.
A cover block houses the necessary details for your event, such as the title, date, venue and a call-to-action button. A venue block may include a map, venue element and a photo of the location.
The Splash Block Library is broken down by these predefined types, which should cover the needs of most events with minimal customization. Additionally, empty building blocks can be added and built from scratch to fit more specific requirements. Blocks can be reordered to further personalize a layout.
Elements are the individual items that make up a block. Examples include: images, text, headlines, buttons, videos, iframes, and social links.
Containers hold or wrap elements within a block. Compare the theme to an outline, and containers make up the next level in the hierarchy. They offer a further level of separation from the block, and allow the user to group content specific elements for the purposes of organization and formatting.
For example, a cover block may include both a text container and an image container. The text container would hold text-based elements like a headline, date and venue, while the image container would hold the event image. Margin and padding are often set on the outermost container, so that all elements within a block can be uniformly positioned. This practice not only ensures that designs are consistent in appearance, but also efficient to edit.
True to its name, a repeatable repeats or duplicates a group of identically styled elements. Styling refers to how the individual elements are visually formatted, such as font color or size.
At its core, a repeatable is a styled list. For example, a speaker listing may contain a center-aligned image, the speaker’s name displayed in all caps, and the speaker’s title in italicized text.
A repeatable empowers the user to add new content, in this case an additional speaker, without having to style each of those elements a second time. This is because the styles only need to be set once, on the master repeatable. Similarly, if the user would like to change the style of an element, all repeatables can be updated at once with a single click, by editing the master repeatable.
Speaker blocks, schedule blocks and list blocks are the three main block types that are built around repeatable functionality.
An event card is like a postcard used to promote your event page via shareable social media channels and email. The event card replaces the auto-generated image preview when sharing a link to your Facebook timeline or through a Tweet. It’s designed like a mini poster that contains essential event information, like the title, venue and date.
A hub is a curated listing of events. It is used to organize and arrange multiple events so that they can be searched and accessed from within a single page, much like a dynamic calendar. Hubs, like event pages, are customizable with brand-specific fonts, images and colors. Hubs are comprised of hub cards.
A hub card is a type of repeatable that links out to an event page. Each hub card represents a single event. Hub cards generally contain the same elements found in cover blocks and event cards, like the title, description, date and venue. Hub cards leading to past, private or featured events can be individually styled. Additionally, because hub cards are repeatables that utilize only dynamic elements, once an event is added to a hub, the hub card should automatically populate with all necessary information.
The Splash workspace is the main tool used for building and managing event pages and hubs. Sections relevant to the construction of your event page are grouped at the top of the toolbar, including: design, layout and social. Sections relevant to managing your event “behind the scenes” are grouped at the bottom of the toolbar, including: form, email, event settings, analytics and more. Event cards and the master versions of repeatables and hub cards can also be accessed from the workspace through special modals.
Stages are a dynamic version of our backups feature that allow you to schedule different versions of your page to appear before during and after your event. For example, you can add an image gallery to the post-event stage that displays event photos for returning visitors.