Creating a reusable style

Styles let you define and re-use the visual design of your QR codes across the RoQR platform.

Creating a style

To create a new style, navigate to the "Styles" page and click the New style button. Give the style a new name, customize the color and shape of the QR code components, and optionally add a logo. For a full reference of what the various settings do, see the style reference.

By default, any change to the dots settings will also apply to the corner squares and corner dots settings. To override the styling for the corners, just update the relevant fields directly.

Example: Facebook QR code

As an example, lets create a style that you can use to link to a Facebook page.

In the name field of the new style form, enter Facebook. In the background settings, set the background color to Facebook Blue (#1877F2) and the dots color to white (#ffffff).

Change the dots shape field to extra-rounded to reflect Facebook's rounded design.

Finally, fill the image URL field with the URL https://upload.wikimedia.org/wikipedia/en/thumb/0/04/Facebook_f_logo_%282021%29.svg/1920px-Facebook_f_logo_%282021%29.svg.png to add the Facebook logo to the center of the QR code.

Edit this page on GitHub