Design Rules is a weekly tutorial series where we show you basic tips that will take your designs to the next level. In this episode, learn how to find the right amount of spacing for your design so that your elements don’t look or feel cramped. ...

Today we are proud to announce the release of the release candidate for Oxygen 2.3. Login to the customer portal to download the release candidate. The 2.3 release candidate has been tested extensively and we believe it is stable enough for production environments. We will provide official support for sites running the release candidate. As always, please backup your ...

Design Rules is a weekly tutorial series where we show you basic tips that will take your designs to the next level. In this episode, learn how to make your sticky header mesh better with your site by reducing its use of vertical space. ...

In this tutorial, you’ll learn how to create an overlay header effect for specific pages using Oxygen’s Header Builder element. The Header Builder element allows you to create as many Header Rows as you’d like, and then display them conditionally depending on the state of the Header itself. This means we can choose which Header Rows should be shown ...

Design Rules is a weekly tutorial series where we show you basic tips that will take your designs to the next level. In this episode, learn how to make your long-form text more pleasant to read by tweaking font size, font family, line length, and line height. ...

In this tutorial, you’ll learn how to create custom animated buttons using the new CSS Transforms feature in Oxygen 2.2. With Oxygen’s fundamental components and visual CSS manipulation, you can create advanced custom elements without needing pre-built blocks or add-ons. You can visually style pseudo-elements like :before, :after, and states like :hover u...

Design Rules is a weekly tutorial series where we show you basic tips that will take your designs to the next level. In this episode, learn about the importance of having more space around a group of elements than between the elements themselves. Applying this principle will improve your designs instantly. ...

Today we’re proud to announce the release of Oxygen 2.3 Beta 1. 2.3 Beta 1 contains various bug fixes, as well as polish for the new Modals and User Design Library features. Notable changes include: Added a blank option to Animate On Scroll “disable below” dropdown. Reusable sub-menu now works in the latest version of Chrome. Fixed Asset Cleanup con...

In this tutorial, you’ll learn how to make a screen blend mode effect using the new CSS Blend Modes feature in Oxygen 2.2. With the blend mode feature of CSS, you can create Photoshop-like effects directly in the browser. You can apply blend modes to any element from Advanced > Effects > Opacity in the Oxygen builder. Blend modes can also be applied to ba...

Design Rules is a weekly tutorial series where we show you basic tips that will take your designs to the next level. In this episode, learn about the importance of visual consistency and how to achieve it with a couple of basic tweaks, like using more consistent colors and spacing. ...