Search our shop

Bat Customizer

Navigation

The 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.

Images

Bat 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:

bat-handle__type--orientation.png

An example set of images for bat BM271:

bm271__photo--horizontal.png
bm271__mask--horizontal.png
bm271__photo--vertical.png
bm271__mask--vertical.png

Info modals

The information modals are individual pages in the back end, each requiring a H1 tag and a paragraph of descriptive text.

Colors, Dyes & Finishes

Colors 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.

Color Value
raw-no-finish rgba(255,255,244,0.25)
wood rgba(212,190,141,1)
natural-clear-coat rgba(214,183,54,0.25)
black rgb(0,0,0)
honey-brown rgb(124,70,22)
red rgb(255,0,0)
candy-apple-red rgb(214,50,21)
blue rgb(44,87,166)
royal-blue rgb(33, 54,179)
light-blue rgb(2, 222,255)
navy-blue rgb(43,72,142)
green rgb(89,122,56)
army-green rgb(37,58,47)
maroon rgb(76,25,22)
purple rgb(89,58,90)
pink rgb(254,139,205)
white rgb(245,245,245)
whitewash rgb(248,240,220)
wine rgb(114,39,37)
orange rgb(210,121,35)
smoke rgb(83,87,86)
yellow rgb(240,229,69)
gold rgb(255,223,0)
silver rgb(192,192,192)

Logo & Knob Sticker

The 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:

logo--filename.png
knob__logo--filename.png

Options

Species, 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.

Engraving

Text

The engraving text is dynamic in size, depending upon the character count, up to a maximum of 25. The breaks are:

Character Count Font Size
 < 12 Maximum
12 < 15 Large
15 < 20 Medium
20 < 26 Small


Fonts

These 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.

Engraving Color

This 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.

Phil Penny

Phil Penny