Everything You Need To Make Zephiq Yours

Base collection holds font sizes, line heights and weights. Its Tablet and Mobile modes resize type automatically per breakpoint.

Spacing collection holds section gaps, container padding and radius, with a mode for each breakpoint.

Colors collection holds backgrounds, heading and paragraph colors, the lime primary and the blue secondary.

Add or swap a Google Font in Site Settings, under Fonts.

Update the Font Family variable in the Base collection and the whole site follows.

Base has dark text in normal flow, made for light inner pages.

Light has white text and sits over the blue home heroes.

Select the navbar instance and switch the Variant in the right panel.

Double-click the footer instance to open the component.

Update links, social icons and copyright text in one place.

Open the CMS panel and choose a collection.

Edit an item or add a new one, then fill in the fields and images.

Publish the site and every list and template page updates automatically.

Select an image, open its Settings and choose Replace Image.

For CMS images, upload the new file inside the CMS item.

Use WebP files around 2000px wide for sharp, fast pages, and always add alt text.

Open the Interactions panel to adjust timing or remove an effect.

Hover states are simple CSS on each class, so they stay light and fast.