This is a documentation for Board Game Arena: play board games online !
Logos for printing: Difference between revisions
(9 intermediate revisions by 2 users not shown) | |||
Line 3: | Line 3: | ||
For partnerships and events, you can find there the files and rules on how to use the BGA logo and it's assets. | 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 | For online logos and other assets, find them on this page : [[Logos]] | ||
== Logo and lines == | == Logo and lines == | ||
Line 9: | Line 9: | ||
==== Presentation of the full vertical version ==== | ==== Presentation of the full vertical version ==== | ||
[[File:BGA logos.jpg|left|thumb|300x300px]] | [[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 full-color prints/supports, the Board Game Arena logo is reproduced in four-color positive (BGA gradient) only. | ||
Line 19: | Line 16: | ||
For color composition, please refer to the corresponding page. | For color composition, please refer to the corresponding page. | ||
<div style="clear: both;"></div> | |||
==== Protected Areas ==== | ==== Protected Areas ==== | ||
Line 30: | Line 26: | ||
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. | 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. | ||
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> | |||
== The different BGA logos == | == The different BGA logos == | ||
Line 50: | Line 53: | ||
Don't hesitate to ask us if there's any issues. | Don't hesitate to ask us if there's any issues. | ||
== Printing a BGA logo on board game boxes == | == Printing a BGA logo on board game boxes == | ||
Line 58: | Line 62: | ||
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. | 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. | ||
=== | === 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. | 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 ==== | ==== The vertical box ==== | ||
[[File:Verticalbox example.jpg|left|thumb]] | [[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. | 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. | ||
Line 81: | Line 81: | ||
Note that for boxes having a side of less than 3cm width, we don't recommend using the box sides but the box back. | Note that for boxes having a side of less than 3cm width, we don't recommend using the box sides but the box back. | ||
<div style="clear: both;"></div> | |||
==== The horizontal box ==== | ==== The horizontal box ==== | ||
[[File:Horizontalboxexample.jpg|left|thumb]]Placement on horizontal-shaped boxes should be on right and bottom preferably, using our files. | [[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> | |||
== Generate a QR code for your game page on BGA: == | == Generate a QR code for your game page on BGA: == | ||
In order to generate the right logo file and QR code, here is a few guidelines to help you do it effortlessly: | 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. | *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/ ( | *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. | *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 | *'''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. | *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. | ||
*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 | *[[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!]] | ||
Line 122: | Line 109: | ||
NOTE that on a white background, you don't need to import the white rounded frame we provide. | NOTE that on a white background, you don't need to import the white rounded frame we provide. | ||
<div style="clear: both;"></div> | |||
== Printing a BGA logo on rulebooks == | == Printing a BGA logo on rulebooks == | ||
Line 127: | Line 116: | ||
They're the exact same files that you can fit. | 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. | |||
So we recommend to keep the QR code between 2cm height (QR Code zone only) up to 8cm height maximum. | |||
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.]] | 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.]] |
Latest revision as of 17:19, 1 March 2024
Board Game Arena logos for printing purposes.
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
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.
Protected Areas
The Board Game Arena logo may be used within the protection zone.
The minimum space is represented by the height and width (shaft) of the bottom-left graphic element.
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.
The full vertical version of the logo is the prefered one to be used for all needs (Print/Web/etc...).
Logo variations:
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)
The different BGA logos
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).
Having a BGA logo or QR code on your box, rules or anywhere helps players find informations about it online.
- 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.
- 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.
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.
Don't hesitate to ask us if there's any issues.
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).
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.
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
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.
The horizontal box
Placement on horizontal-shaped boxes should be on right and bottom preferably, using our files.
Generate a QR code for your game page on BGA:
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=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)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.
- 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.
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) :
https://drive.google.com/file/d/1u-NDvzoK27UIxTomlZxZpvNMBBO8bI9e/view?usp=sharing
You can customize the bottom line using your own link details, and change the color contrast accordingly.
NOTE that on a white background, you don't need to import the white rounded frame we provide.
Printing a BGA logo on rulebooks
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.
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.
So we recommend to keep the QR code between 2cm height (QR Code zone only) up to 8cm height maximum.
Here is an example of what can be done: