design.js

var DESIGN = {
  panelNumber: 3, // how many panels total
  overallWidth: 198, // inches
  overallHeight: 72, // inches
  panelWidth: 42, // inches, 33 for zinc
  panelHeight: 138, // inches
  crop: false, // stretch
  gridSize: 2, // inches, [0.1 - 2.0]
  gridType: "staggered", // [staggered, square]
  perfShape: "circle", // [circle, diamond, square, hexagon]
  reductionType: "none", // [none, linear, random, radial]
  reductionPercent: 10,
  panelMaterial: "starBlueCopper", // [
  structureMaterial: "painted", // [painted, anodized, raw]
  city: "Chicago", // for distance calc
  system: "angleAnchor", // [singleScreen, doubleScreen, angleAnchor, pieAnchor, ceiling]
  mullionWidth: 1, // inches
  mullionDepth: 2, // inches
  anchorDepth: 3, // inches
  distance: 509, // miles, distance to KC
  
  // Used on for javascript app to render or calculate
  // system needed
  windDesignLoad: 100,
  minPerf: 0.20, // inches
  maxPerf: 0.80, // inches
  invert: false,
  reductionAngle: 5,
  searchBitmap: "",
  uploadBitmap: "",
  perfBitmap: "imagewall.imgix.com/map.jpg",
  environment: "outdoor", // [outdoor, indoor]
  application: "wall", // [wall, facade, screen, ceiling]
  panelsOnly: false,
  panelColor: "#000000",
  structureColor: "#000000",
}

Also I think mullionHeight might get confusing. Maybe mullionDepth?