Design Guidelines
Welcome to the project. We can do all the hard work to develop and maintain an e-commerce site, manufacture and ship your merchandise however we need your help to provide images, logos and product designs.
Below you will find an inventory of different elements needed. Once you have reviewed our services and signed up for a subscription we will be in contact to get the necessary collateral and review it to make sure we can manufacture the items and they will met our and your standards.
Sponsors
As a sponsor you need to provide the details for a tile on the sponsors page and an image to be displayed on the standard shopping page.
Note: Our gold membership includes a sponsorship.
For our sponsors and gold members we provide a tile on the sponsorship page which allows viewers of the crypto swag website an opportunity to learn more about your project.
- The sponsor tile contains an image, a title for your project a small text area and links to your site for viewers to learn more.
- The image needs to be 400 x 400 pixels at 72 dpi and in the webp or png format.
- The title should be no more than 48 characters and will be displayed below the image
- The freeform text can be up to 300 characters and include standard html formatting.
- Provide a URL where viewers can go to learn more about your project.
For our sponsors and gold members we deliver advertising on our standard e-commerce pages using the industry standard leader board format.
- Your image needs to be 728 pixels wide, 90 pixels high at 72 dpi in the webp or png format.
- Provide a URL where users can go to learn more about your project.
Banner
A banner is required for branding the e-commerce site with your project graphics. This is required only for the gold subscription.
For your banner our goal is to have a great high resolution graphic that can be displayed at the top of your e-commerce store. We support 3 different banner resolutions, one for desktops a second for tablets and third for mobile devices.
Details:
- Our preferred format is svg which is a vector graphics format. Vector graphics scale better while retaining high quality. If you are able to create vector graphics this is the best option, open source tools like inkscape can produce high quality vector images.
- We can’t handle svg images with embedded bitmaps. If your not sure about your image you can check your file by grep’ing it for the key word ‘image’. If you find an entry for image then it has an embedded bitmap which you’ll need to remove and convert to a vector format. (Inkscape can do the conversion if needed)
- For desktop and laptops with high resolution monitors we need a graphic that is 1920 pixels wide and 430 pixels tall.
- For tablets we need a graphic that is 1024 pixels wide at 430 pixels tall.
- For mobile devices we need a graphic that is 640 pixels side and 430 pixels wide.
- Your banner will be anchored at the top center, so when the browser is resized it can be possible for a portion of the graphic on the left, right and bottom to be truncated. As the browser is made narrower you’ll see it load the alternative images.
- Design your banner with 15% buffer on the left, right and bottom so that when a small portion is clip it will not impact the design.
- For example don’t include text that extends to the bottom of the graphic leave at least a 15% margin.
- Image size impacts performance so we recommend 72 dpi.
- If your design scales well to smaller devices such as a tablet or phone then only a single banner is needed.