Royal Canin Logo

Working together for the ultimate brand experience

Royal Canin Design Language

Quicktips

Quick tips have been designed for stand out copy when you want to highlight a point, or draw attention to additional information. They can also be used in a stacked or list format by adding them to columns within a layout container.

Usage

Quick tips can accommodate either a 32px (default) icon or a delta heading and body copy. The body copy can also be used on it’s own. A CTA within a quick tip would be a text link, never a button as this distracts from the copy which we are trying to draw attention to. For a single quick tip, we recommend a medium or large utility block. The blocks should be able to house up to 245 characters. For two column quick tips, we recommend a medium or large utility block to accommodate both sets.

components/quicktips/quicktips.js.twig

Copied!

components/quicktips/quicktips.js.twig

Copied!