Navigation\nThe user can step back through the navigation only once they have completed all required options on that stage. In reality, this is only limited to the options stage, where the user must select a length (and weight if appropriate) before being able to continue. This ensures that the engraving preview displays the correct bat specifications.\nImages\nBat images are cropped to a 10:1 aspect ratio. Image files are saved out at a HD resolution of 1920px × 192px from a 4K resolution master Illustrator file at 3840px × 384px as png with transparency. Bat masks are white png files with transparency, however svg files can be used if pixelation is an issue. These are added as assets using the following naming conventions:\nbat-handle__type--orientation.png\nAn example set of images for bat BM271:\nbm271__photo--horizontal.png\nbm271__mask--horizontal.png\nbm271__photo--vertical.png\nbm271__mask--vertical.png\nInfo modals\nThe information modals are individual pages in the back end, each requiring a H1 tag and a paragraph of descriptive text.\nColors, Dyes \u0026amp; Finishes\nColors are defined by variables so can be easily updated. Dyes have an opacity and blending mode applied to them. Gloss and matte finished work in the same way as colors, with the gloss finish being a gradient overlay with transparency.\n\n\n\nColor\nValue\n\n\nraw-no-finish\nrgba(255,255,244,0.25)\n\n\nwood\nrgba(212,190,141,1)\n\n\nnatural-clear-coat\nrgba(214,183,54,0.25)\n\n\nblack\nrgb(0,0,0)\n\n\nhoney-brown\nrgb(124,70,22)\n\n\nred\nrgb(255,0,0)\n\n\ncandy-apple-red\nrgb(214,50,21)\n\n\nblue\nrgb(44,87,166)\n\n\nroyal-blue\nrgb(33, 54,179)\n\n\nlight-blue\nrgb(2, 222,255)\n\n\nnavy-blue\nrgb(43,72,142)\n\n\ngreen\nrgb(89,122,56)\n\n\narmy-green\nrgb(37,58,47)\n\n\nmaroon\nrgb(76,25,22)\n\n\npurple\nrgb(89,58,90)\n\n\npink\nrgb(254,139,205)\n\n\nwhite\nrgb(245,245,245)\n\n\nwhitewash\nrgb(248,240,220)\n\n\nwine\nrgb(114,39,37)\n\n\norange\nrgb(210,121,35)\n\n\nsmoke\nrgb(83,87,86)\n\n\nyellow\nrgb(240,229,69)\n\n\ngold\nrgb(255,223,0)\n\n\nsilver\nrgb(192,192,192)\n\n\n\nLogo \u0026amp; Knob Sticker\nThe logo is required and defaults to the original Birdman logo. The knob sticker is optional. These are added as assets using the following naming conventions:\nlogo--filename.png\nknob__logo--filename.png\nOptions\nSpecies, cup, length and weight are all required. Rush order is optional. For Youth bats, there is no weight option, and the Fungo has limited lengths. Length, weight and rush order can change the price of the bat.\nEngraving\nText\nThe engraving text is dynamic in size, depending upon the character count, up to a maximum of 25. The breaks are:\n\n\n\nCharacter Count\nFont Size\n\n\n \u0026lt; 12\nMaximum\n\n\n12 \u0026lt; 15\nLarge\n\n\n15 \u0026lt; 20\nMedium\n\n\n20 \u0026lt; 26\nSmall\n\n\n\n\nFonts\nThese are added as truetype files in the assets folder. Each font has its own css to adjust the size of the text across the character count breakpoints.\nEngraving Color\nThis feature is disabled if the bat barrel has a "raw" finish. This is due to the paint physically bleeding into the bat material when no finish is chosen.