Creating a View from a Template

When you're building an exhibit kiosk, a gallery guide, or a digital sign, getting the layout right is one of the most time-consuming parts of the process. Zibit's view templates give you a head start by dropping you into a professionally structured canvas — complete with placeholder components — that you can customize to fit your content. Whether you're designing a welcome screen for a natural history museum or a wayfinding display for a cultural center, templates let you focus on your story instead of your spacing.

Open a Moment's Menu to Add a View

In the moments graph, each moment in your project appears as a node — you can see "Welcome" and "Content Moment" already in place. To add a view to a moment, find the moment you want to work with and click its "More options" button (the three-dot icon that appears on the moment node).

Opening this menu gives you actions specific to that moment, including the option to add a view from a template. A view defines how your moment looks on a particular display, so adding one from a template is a great way to get started quickly with a polished layout.

Choose a Starting Point for Your View

The "Create new view" modal gives you three ways to get started. You can build from scratch with a blank canvas, attach an existing view you've already designed, or pick a ready-made template — like a "Hero screen" — to hit the ground running. Templates are a great option for common museum use cases, such as a bold welcome screen or a content-heavy informational moment.

Browse the available options by scrolling through the panel, or use "Filter templates" to narrow things down. Don't worry about picking the perfect option right away — you can adjust the layout and swap out every component after the view is created.

Choose a Starting Template for Your View

In the "Create new view" dialog, you'll see a set of templates to jump-start your layout. Click the "Hero screen" template card to select it — you'll see a lime-colored ring appear around the card to confirm your choice.

Each template gives you a ready-made arrangement of components suited to common museum experience patterns, like a full-screen welcome display or a content-focused moment. Don't worry — you can rearrange, swap out, or remove any components after the view is created.

Explore Your Pre-Populated View

Your view editor is now open, and you'll notice the canvas is already populated with components from the template — including a Headline text component and a Body text component arranged on the grid. This is your starting point for customizing the experience. Everything you see here is editable, moveable, and replaceable, so there's no pressure to get it perfect right away.

Take a moment to look around the canvas. Each component on the grid represents a piece of content your visitors will see — for example, a museum exhibit title or a descriptive blurb. Click any component to select it and start exploring its settings. You can also adjust the grid layout at any time using the Grid settings control.

You've just created your first template-based view and have a canvas ready to make your own. From here, there's a lot you can do to bring your exhibit experience to life — and everything you've set up so far can be adjusted at any time.

• Swap out placeholder content — Replace the template's default text and images with your own by selecting each component and updating its properties in the panel on the right.
• Add or remove components — Drag new components from the component library onto the canvas, or delete any template elements that don't fit your design.
• Apply a style set — Give your view a consistent look and feel by linking a style set to your project, which controls typography, colors, and shadows across all your moments.
• Connect your view to a flow — Wire this view into your project's navigation by setting up a flow so visitors can move between moments naturally.
• Preview on your target display — Switch the display setting to match your actual screen resolution and preview how the view will look on the device in your space.