This is a documentation for Board Game Arena: play board games online !

Logos for printing: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
Board Game Arena logos for printing purposes.
= Board Game Arena Logo & QR Code Usage Guidelines =
''For Game Boxes, Rulebooks, and Printed Materials''
[[File:Logo examples displayed.png|left|thumb|923x923px]]


For partnerships and events, you can find there the files and rules on how to use the BGA logo and it's assets.


For online logos and other assets, find them on this page : [[Logos]]


== Logo and lines ==


==== Presentation of the full vertical version ====
[[File:BGA logos.jpg|left|thumb|300x300px]]


For full-color prints/supports, the Board Game Arena logo is reproduced in four-color positive (BGA gradient) only.


For plain background colors matching any parts of the original gradient, the all-white version should be used.


For color composition, please refer to the corresponding page.


<div style="clear: both;"></div>
== 2. Why These Guidelines Exist ==
These guidelines ensure Board Game Arena branding is:


==== Protected Areas ====
* Clear
[[File:Save space.jpg|left|thumb]]The Board Game Arena logo may be used within the protection zone.
* Consistent
* Friendly
* Easy to recognize


The minimum space is represented by the height and width (shaft) of the bottom-left graphic element.
They also help build confidence for customers by highlighting the availability of '''online tutorials and digital versions''' of physical games.


== 4. Our Brand at a Glance ==


Exceptions: if the height/width of the protection zone is restricted, the minimum space can be reduced to half the height/width of the graphic element.
=== 4.1 Board Game Arena TAG Logo ===
The TAG logo is the official visual signature of Board Game Arena.
[[File:Tag example.png|left|thumb|802x802px]]


The full vertical version of the logo is the prefered one to be used for all needs (Print/Web/etc...).


<div style="clear: both;"></div>


==== Logo variations: ====
[[File:Exemple of both logos.jpg|left|thumb|Logo with a written baseline / Logo with a QR code included.]]
We offer 2 variations for simple logo display on boxes and rulebooks, the all-use logo print.


The horizontal one offers a text only version which you can change the baseline text, while the vertical one offers a QRcode space to display and to be scanned by users.


The choice is your, but you shouldn't display both of them in the same page/display space (different box sides or pages are ok)


<div style="clear: both;"></div>
'''Rules'''


== The different BGA logos ==
* Use '''only official logo files'''
Depending on your display goals, there's different sizes and version of the logo you can use. Please refer to these informations whenever you want to promote your BGA version on your games, whether it's on the box, or in the rules (or anywhere else).
* Do not recreate or modify the logo


'''Asset Location'''


Having a BGA logo or QR code on your box, rules or anywhere helps players find informations about it online.
Official files are available here:


- Have it on your box sides to lead to your online version of the game directly, helping people try the game or play the tutorial to learn more about the game.
[[/content.asmodee.com/share/E6F49F19-85B6-4F20-9E9BA958ED614124/|https://content.asmodee.com/share/E6F49F19-85B6-4F20-9E9BA958ED614124/]]


- Have it displayed on your rulebook so once users played it they can find more players to play online or to learn the game in another way.
'''Available Formats'''


Note that we provide a lot of informations on our pages about games, and that it's best for you to check if all languages / informations / packshots are up to date, so users would also find the latest informations about the game.
* Vector: PSD
* Raster: PSD, PNG (transparent background)


Don't hesitate to ask us if there's any issues.
'''Translations'''


* For unsupported languages, send requests or proposals to:  '''publishing@boardgamearena.com'''


== Printing a BGA logo on board game boxes ==
----
If your game is available (or soon to be) on Board Game Arena, you can use these files to add awareness and promotion about your game being playable on our plaform right from the shelves.


If your game is NOT already available on Board Game Arena, you can check this page or send us a message about how to make the best of both worlds (printed games and virtual ones).
=== 4.2 QR Code Usage ===
'''Purpose'''


Note that now that QR codes are quite common, it's better for you to use this specific version so users don't have to type anything to find your game online.
QR codes link directly to the game’s public page on Board Game Arena.[[File:TAG and QR code logo example.png|left|thumb]]


=== Box examples ===
Depending on your box size/ratio, there's a few options you can use to display the BGA logo as well as the QR codes which would lead directly to your game page.




==== The vertical box ====
[[File:Verticalbox example.jpg|left|thumb]]


Depending on the orientation of the box art and way it should be displayed on shelves, we recommend not to display the BGA logos/QR codes on the front face.


For the sides, you can use different display versions to fit your needs. We strongly recommend to use as little space as possible, and to have the long horizontal one on the tallest sides, while using the tallest ones on the horizontally-oriented spaces.


Bottom position/Right positions are prefered.


White background should be used on most cases, but you can use the variation to fit your box artwork.






Note that for boxes having a side of less than 3cm width, we don't recommend using the box sides but the box back.
'''Example URL'''


<div style="clear: both;"></div>
<nowiki>https://boardgamearena.com/gamepanel?game=tickettoride</nowiki>


==== The horizontal box ====
'''Generation Rules'''
[[File:Horizontalboxexample.jpg|left|thumb]]Placement on horizontal-shaped boxes should be on right and bottom preferably, using our files.


<div style="clear: both;"></div>
* QR code must be:
** Readable
** Static (no expiration)
** Free of ads or third-party tracking


== Generate a QR code for your game page on BGA: ==
'''Recommended Generator'''
In order to generate the right logo file and QR code, here is a few guidelines to help you do it effortlessly:
*Check twice your game page URL (Which should look like [https://boardgamearena.com/gamepanel?game=bunnykingdom https://boardgamearena.com/gamepanel?game=GAMENAME]) OR you can also ask for a tracked short url by contacting us.
*We use preferably QR codes generated from online websites (note that ADOBE offer this tool there https://express.adobe.com/fr-FR/tools/qr-code-generator, or this one https://www.the-qrcode-generator.com/ (entirely free if you don't select any tracking option) with the SIMPLE GRID eyes or rounded ones (eyes being the rounded shapes on the corners, see below for the screenshot example)[[File:QR code eyes.jpg|thumb|GRID EYES are styling option we would love to prefer, but you can use any QR code generator with regular rectangular shapes.]]Check twice about the offer you're using : some are paid and don't allow more than a few scan.
*Once generated, download an SVG version and remove the white parts so you can apply our gradient on your QR code, using Photoshop.
*'''You can download the QR code sample file for Photoshop (PSD) right here:''' https://drive.google.com/file/d/1TDkdqUVtAjsZqJ45LuTp0-zqytk5vPXp/view?usp=sharing
*Check with a phone that the code can be scanner (open camera app and point it to the QR code. If any links appears, click to check if it works properly.
*[[File:Alternative.jpg|thumb|Visuel de QR code carré utilisé comme alternative.]]Import to your printing files.  File is provided as an example if you want to have an immediate recognition by users, but you can do any derivatives that would be a better fit for your brand if you feel the need to.  WHITE Background is mandatory as it allows better scanning results.  An height of a minimum of 2cms (for the QR code only) is mandatory to offer the best scanning results. Don't hesitate to print a sample to check the size before production.[[File:Effect.jpg|thumb|On our PSD file, you'll be able to find layers to apply effects or change the text depending on the language you'll be using.Take care to use the same gradients and sizings!]]


[[/www.adobe.com/express/feature/image/qr-code-generator|https://www.adobe.com/express/feature/image/qr-code-generator]]


If you don't have enough vertical space for the QR code display, or for some horizontal placement, you can use the horizontal BGA banner that you can download directly here (Photoshop PSD) :
'''If No Game Page Exists Yet'''


https://drive.google.com/file/d/1u-NDvzoK27UIxTomlZxZpvNMBBO8bI9e/view?usp=sharing
* Use a '''shortlink''' that can be updated later
* Temporarily redirect to the main BGA page


'''Tracking & Editable Links'''


* Contact '''publishers@boardgamearena.com''' to request:
** Trackable links
** Editable shortlinks


You can customize the bottom line using your own link details, and change the color contrast accordingly.
----


== 5. When to Use the TAG ==


=== 5.1 TAG Logo Only ===
Recommended when:


NOTE that on a white background, you don't need to import the white rounded frame we provide.
* Space is limited
* The BGA website URL is already visible
* Context is informational rather than promotional


<div style="clear: both;"></div>
'''Typical Placements'''


== Printing a BGA logo on rulebooks ==
* Rulebook cover or credits page
Next to the mandatory logos you can have on the last page of your rules, you can add on the bottom right the same icons we have displayed here.
* Box side or bottom
* Legal or publisher information sections


They're the exact same files that you can fit.
----


Note that a bigger QR code also implies a user scanning from a farther distance than a smaller one, and that a code being too small will not be scanned properly.
=== 5.2 TAG + QR Code ===
Recommended when:


So we recommend to keep the QR code between 2cm height (QR Code zone only) up to 8cm height maximum.
* Inviting players to discover more content
* Targeting new players
* Supporting onboarding or promotion


Here is an example of what can be done:[[File:Last rule page.jpg|left|thumb|Last page display example. Note that the code can be as big as needed.]]
'''Ideal Placements'''
 
* Back of the game box
* Last page of the rulebook
* Flyers, inserts, or bonus materials
 
----
 
== 6. Placement Best Practices ==
 
=== 6.1 Recommended Placement ===
'''General Principles'''
[[File:TAG and QR CODE placement.png|left|thumb|479x479px]]
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
* Keep branding visible but secondary
* The BGA logo should act as a '''helpful signpost''', not a headline
* Use both TAG and QR code where possible for awareness + action
 
'''Box Placement (Maximum 2 options)'''
 
* '''Front''': TAG only, bottom-left or bottom-right
* '''Sides''':
** Bottom for vertical sides
** Right side for horizontal sides
* '''Back''': TAG or TAG + QR code, preferably bottom-left near the barcode
* '''Post-print stickers''': Lower areas only
 
'''Rulebook Placement (Maximum 2 options)'''
 
* '''Front page''': Lower-right corner
* '''Inside pages''': Near components list or before setup (TAG only + explanation)
* '''Last page''': TAG or TAG + QR code
 
----
 
=== 6.2 Breathing Room (Clear Space) ===
 
* Maintain at least '''5% of the logo width''' as clear space
* No text, images, folds, or edges in this area
* Background continuity is allowed if QR readability is preserved
 
== 7. Size & Readability ==
 
=== 7.1 Minimum Sizes ===
 
* '''Logo minimum width''': 30 mm / 500 px at 300 dpi
* '''QR code minimum size''': 30 × 30 mm
* '''Screen usage''': Minimum 200 px width at 72 dpi
 
'''Testing Recommendation'''
 
* Test QR codes at final print scale using a basic printer and smartphone
 
=== 7.2 Scaling Rules ===
 
* Always scale proportionally
* No stretching, squashing, or distortion
* QR code width must match TAG width
 
== 8. Colors & Backgrounds ==
 
=== 8.1 Approved Versions ===
 
* Three TAG versions per language
* Three standard color schemes available
* Text must not be altered
* New translations require validation
 
'''QR Code Exception'''
 
* QR code colors may be inverted '''only''' to improve contrast
 
=== 8.2 Background Guidelines ===
 
* Use clean, high-contrast backgrounds
* Avoid busy textures or patterns
* QR code must be placed on:
** Solid black '''or''' solid white background
* Avoid glossy or varnished finishes
 
== 9. Supporting Text (Optional) ==
Optional friendly copy may be added '''before''' the logo or QR code:
 
Examples:
 
* “Discover more games, content, and updates!”
* “Scan the QR code to discover our tutorial!”
 
Guidelines:
 
* Keep text secondary
* Let the logo and QR code remain the focus
 
== 10. What to Avoid ==
Do '''not''':
 
* Change logo colors outside approved versions
* Add shadows, outlines, gradients, or effects
* Rotate or skew logos or QR codes
* Place on cluttered or low-contrast backgrounds
* Use multiple localized QR codes for language purposes
 
<blockquote>Note: Multiple QR codes may be used '''only for sales tracking''', not localization.</blockquote>
 
== 11. Promotional Uses (Advert) ==
The BGA TAG and QR code may also be used:
 
* As buttons on websites or product pages
* On banners or printed materials at events
* In videos showcasing final packaging
* Alongside other platform tags (Apple Store, Google Play, etc.)
 
== 12. Need Help? ==
If you are unsure about placement, sizing, or new use cases, contact us.
 
'''Contact'''
 
publishers@boardgamearena.com

Latest revision as of 14:12, 9 January 2026

Board Game Arena Logo & QR Code Usage Guidelines

For Game Boxes, Rulebooks, and Printed Materials

Logo examples displayed.png





2. Why These Guidelines Exist

These guidelines ensure Board Game Arena branding is:

  • Clear
  • Consistent
  • Friendly
  • Easy to recognize

They also help build confidence for customers by highlighting the availability of online tutorials and digital versions of physical games.

4. Our Brand at a Glance

The TAG logo is the official visual signature of Board Game Arena.

Tag example.png




Rules

  • Use only official logo files
  • Do not recreate or modify the logo

Asset Location

Official files are available here:

https://content.asmodee.com/share/E6F49F19-85B6-4F20-9E9BA958ED614124/

Available Formats

  • Vector: PSD
  • Raster: PSD, PNG (transparent background)

Translations

  • For unsupported languages, send requests or proposals to: publishing@boardgamearena.com

4.2 QR Code Usage

Purpose

QR codes link directly to the game’s public page on Board Game Arena.

TAG and QR code logo example.png






Example URL

https://boardgamearena.com/gamepanel?game=tickettoride

Generation Rules

  • QR code must be:
    • Readable
    • Static (no expiration)
    • Free of ads or third-party tracking

Recommended Generator

https://www.adobe.com/express/feature/image/qr-code-generator

If No Game Page Exists Yet

  • Use a shortlink that can be updated later
  • Temporarily redirect to the main BGA page

Tracking & Editable Links

  • Contact publishers@boardgamearena.com to request:
    • Trackable links
    • Editable shortlinks

5. When to Use the TAG

5.1 TAG Logo Only

Recommended when:

  • Space is limited
  • The BGA website URL is already visible
  • Context is informational rather than promotional

Typical Placements

  • Rulebook cover or credits page
  • Box side or bottom
  • Legal or publisher information sections

5.2 TAG + QR Code

Recommended when:

  • Inviting players to discover more content
  • Targeting new players
  • Supporting onboarding or promotion

Ideal Placements

  • Back of the game box
  • Last page of the rulebook
  • Flyers, inserts, or bonus materials

6. Placement Best Practices

6.1 Recommended Placement

General Principles

TAG and QR CODE placement.png











  • Keep branding visible but secondary
  • The BGA logo should act as a helpful signpost, not a headline
  • Use both TAG and QR code where possible for awareness + action

Box Placement (Maximum 2 options)

  • Front: TAG only, bottom-left or bottom-right
  • Sides:
    • Bottom for vertical sides
    • Right side for horizontal sides
  • Back: TAG or TAG + QR code, preferably bottom-left near the barcode
  • Post-print stickers: Lower areas only

Rulebook Placement (Maximum 2 options)

  • Front page: Lower-right corner
  • Inside pages: Near components list or before setup (TAG only + explanation)
  • Last page: TAG or TAG + QR code

6.2 Breathing Room (Clear Space)

  • Maintain at least 5% of the logo width as clear space
  • No text, images, folds, or edges in this area
  • Background continuity is allowed if QR readability is preserved

7. Size & Readability

7.1 Minimum Sizes

  • Logo minimum width: 30 mm / 500 px at 300 dpi
  • QR code minimum size: 30 × 30 mm
  • Screen usage: Minimum 200 px width at 72 dpi

Testing Recommendation

  • Test QR codes at final print scale using a basic printer and smartphone

7.2 Scaling Rules

  • Always scale proportionally
  • No stretching, squashing, or distortion
  • QR code width must match TAG width

8. Colors & Backgrounds

8.1 Approved Versions

  • Three TAG versions per language
  • Three standard color schemes available
  • Text must not be altered
  • New translations require validation

QR Code Exception

  • QR code colors may be inverted only to improve contrast

8.2 Background Guidelines

  • Use clean, high-contrast backgrounds
  • Avoid busy textures or patterns
  • QR code must be placed on:
    • Solid black or solid white background
  • Avoid glossy or varnished finishes

9. Supporting Text (Optional)

Optional friendly copy may be added before the logo or QR code:

Examples:

  • “Discover more games, content, and updates!”
  • “Scan the QR code to discover our tutorial!”

Guidelines:

  • Keep text secondary
  • Let the logo and QR code remain the focus

10. What to Avoid

Do not:

  • Change logo colors outside approved versions
  • Add shadows, outlines, gradients, or effects
  • Rotate or skew logos or QR codes
  • Place on cluttered or low-contrast backgrounds
  • Use multiple localized QR codes for language purposes

Note: Multiple QR codes may be used only for sales tracking, not localization.

11. Promotional Uses (Advert)

The BGA TAG and QR code may also be used:

  • As buttons on websites or product pages
  • On banners or printed materials at events
  • In videos showcasing final packaging
  • Alongside other platform tags (Apple Store, Google Play, etc.)

12. Need Help?

If you are unsure about placement, sizing, or new use cases, contact us.

Contact

publishers@boardgamearena.com