Introducing
Layout Dividers
Oncord's page editor now includes Layout Dividers, a powerful new feature that lets you add visual flair and style to your sections. Dividers create smooth transitions between content blocks using decorative SVG shapes like waves, curves, angles, and more.
Whether you're building a landing page, blog, or portfolio, dividers help you break up content in visually appealing ways that guide your visitors' eyes through your design. Best of all, they're incredibly easy to use and fully customizable.
Oncord includes a wide range of built-in divider styles, so you can easily mix and match to create your preferred look.
Easy Customization
Dividers are highly customizable with intuitive options:
All these options are available directly in the page editor, making it simple to experiment and find the perfect look for your site.
- Position: Place dividers at the top or bottom of any section.
- Height: Adjust the divider height using any CSS unit (px, rem, vmin, etc.).
- Color: Override the divider color to match your brand or preserve the original SVG colors.
- Repeat: Control how many times the pattern tiles horizontally for different visual effects.
- Flip: Mirror the divider horizontally to create variety and match your design flow.
Seamless Tiling
One of the technical challenges with SVG dividers is ensuring they tile perfectly without gaps or overlaps. Oncord's divider system uses advanced pattern-based rendering to guarantee seamless horizontal tiling at any screen width.
This means your dividers will look flawless on every device, from ultra-wide monitors to mobile phones.
Layering
You can add multiple dividers to both the top and bottom of a section, creating a layered effect.
Upload Custom SVG Dividers
While Oncord provides over 30 built-in divider styles, you're not limited to our library. You can upload your own custom SVG files to create completely unique dividers that match your brand identity.
The divider below is a tiling upload icon!
Start Creating Beautiful
Transitions Today
Transitions Today
Layout Dividers represent a significant enhancement to Oncord's design capabilities, giving you professional-grade tools to create visually stunning websites without any coding knowledge. Whether you're building a simple blog or a complex marketing site, dividers help you craft engaging, memorable experiences for your visitors.
Layout Dividers are now available in your Oncord page editor. Simply open any page, edit a section, and add a divider to get started. With over 30 built-in styles and support for custom SVGs, the creative possibilities are endless.
We're excited to see how you use Layout Dividers to elevate your web designs. As always, we welcome your feedback and suggestions for future enhancements. Happy designing!
.jpg)
Leave a Comment