Token Images

Harvest Coins

The original Costaflores wine token was inspired by the Mendoza harvest coin (ficha de cosecha).

The first iteration of the Costaflores wine token:

These are physical tokens, made from aluminum, in the spirt of actual Mendocino harvest tokens.

Information on the token:

  1. Every drop of wine has your name on it:
    ????? ?? ?? ???? ?? ???? ?? ???? ???? ?? ???

Angoor ki har boond pe likha hai peene wale ka naamย 

Defining the vintage token design

Every vintage token, or wine token, needs to attend certain design constraints:

The token needs to scale to multiple sizes for different uses:

  • Etherscan

  • Wallet representations (like Trust wallet)

  • OpenVino.exchange presentations

The token should be scale effectively between 28x28 pixels and 256x256 pixels (in a raster format like PNG or JPEG).

Also, since these are tokens related to particular wines, and particular vintages, as well as identifying the winery, these token design should:

  • Distinguish the winery

  • Differentiate the wine

  • Differentiate the vintage

In the example of Costaflores vintage tokens, the winery (and wine) are distinguished by the use of the Costaflores โ€œasteriskโ€, and each vintage is distinguished by the number of the year of the vintage, and a distinct color. Also, the outside ring on the Costaflores tokens has a different pattern for each year.

Since Costaflores currently only has one wine, and the Costaflores vintage tokens are valid for a maximum period of ten years, the token colors can be recycled after ten years. So, the orange color of the original MTB18 token will be used again for the MTB28 and MTB98 tokens.

However, different wineries are free to adopt different schemes for differentiating vintages and wines through their tokens.

OpenVino.Exchange requirements

For OpenVino.Exchange, we need to present the token, both by itself, and juxtaposed in front of a wine bottle:

On top of this layer, other elements can be added (such as the green checkmark for purchases (you got wine!).

So, for every wine token, it is necessary to create an original vector drawing (SVG). This vectorized token should define and include any necessary fonts for text or numbering.

Fonts for the Costaflores token numbers:

PNG sizing and transparency

From this SVG file, PNG files of different sizes can be created. It is important that the background of the token be transparent.

tokens

MTB?0

MTB?1

MTB?2

MTB?3

MTB?4

MTB?5

MTB?6

MTB?7

MTB?8

MTB?9

tokens

MTB?0

MTB?1

MTB?2

MTB?3

MTB?4

MTB?5

MTB?6

MTB?7

MTB?8

MTB?9

SVG

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

512px x 512px

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

256px x 256px

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

32px x 32px

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

28px x 28px

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

bottle / token

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

ย 

the token files - ImageMagick

Any adequate tool can be used to prepare the token image files. One extraordinary command-line tool to process these files is ImageMagick.

Transparency

ImageMagic can be used to convert the white background of token raster image to transparent:

convert token.png -transparent "#ffffff" token_transparent.png

Sizing

To resize the PNG file called test_big.png to 32x32 pixels, into a file called test_32x32.png:

magick token_big.png -resize 32x32 token_32x32.png

Both commands (transparency and resizing) can be combined into one command:

magick convert -transparent "#ffffff" token_big.png -resize 32x32 token_32x32.png

Juxtaposing the token image on the bottle image

To combine the token image (at 512x512) with the bottle image (1024px high), and set a 1024x1024 transparent background:

Adding the token address as metadata to the token image

And finallyโ€ฆwhy not write the Ethereum contract address for the token into the image files as metadata!

Converting from SVG to PNG

To convert from SVG to PNG, using ImageMagick

Issue with Carrierwave, ImageMagick with processing svg files

ย