Style Guide

This is the current default Style Guide for Enterprise Lens. You will see that it simply uses some of the Lens Attributes

1 - Default Enterprise Lens Style Guide

{
  "[EL STYLE GUIDE BLUE]": "EL Style Guide Blue",
  "Front Cover": {
    "name": "Front Cover",
    "order": 11,
    "properties": {
      "backgroundImage": "linear-gradient(to left, #DDF1FF, #BFE9FE, #99c9fe, #4ba0fd)",
      "borderColor": "#e64a19",
      "borderSizeInPixels": 0,
      "borderRadius": 0,
      "borderStyle": "",
      "fontFamily": "Calibri",
      "textSizeInPixels": 17
    }
  },
  "Top Background": {
    "name": "Top Background",
    "order": 50,
    "properties": {
      "backgroundColor": "#74b1f7",
      "borderColor": "#3774cb",
      "textColor": "#315379",
      "borderSizeInPixels": 1,
      "borderRadius": 15,
      "borderStyle": "solid",
      "fontFamily": "arial",
      "fontWeight": "bold",
      "textSizeInPixels": 17
    }
  },
  "Middle Background": {
    "name": "Middle Background",
    "order": 51,
    "properties": {
      "backgroundColor": "#a1ccff",
      "borderColor": "#759FDB",
      "textColor": "#375c87",
      "borderSizeInPixels": 1,
      "borderRadius": 15,
      "borderStyle": "solid",
      "fontFamily": "arial",
      "fontWeight": "bold",
      "textSizeInPixels": 17
    }
  },
  "Main Background": {
    "name": "Main Background",
    "order": 52,
    "properties": {
      "backgroundColor": "#e0f2ff",
      "borderColor": "#a1ccff",
      "textColor": "#6189b8",
      "borderSizeInPixels": 1,
      "borderRadius": 15,
      "borderStyle": "solid",
      "fontFamily": "arial",
      "fontWeight": "bold",
      "textSizeInPixels": 17
    }
  },
  "Left Background": {
    "name": "Left Background",
    "order": 53,
    "properties": {
      "backgroundColor": "#c6eaff",
      "borderColor": "#B8DBFF",
      "textColor": "#4e7aad",
      "borderSizeInPixels": 1,
      "borderRadius": 15,
      "borderStyle": "solid",
      "fontFamily": "arial",
      "fontWeight": "bold",
      "textSizeInPixels": 17
    }
  },
  "Right Background": {
    "name": "Right Background",
    "order": 54,
    "properties": {
      "backgroundColor": "#B8DBFF",
      "borderColor": "#a1ccff",
      "textColor": "#375c87",
      "borderSizeInPixels": 1,
      "borderRadius": 15,
      "borderStyle": "solid",
      "fontFamily": "arial",
      "fontWeight": "bold",
      "textSizeInPixels": 17
    }
  },
  "Bottom Background": {
    "name": "Bottom Background",
    "order": 55,
    "properties": {
      "backgroundColor": "#c6eaff",
      "borderColor": "#B8DBFF",
      "textColor": "#4e7aad",
      "borderSizeInPixels": 1,
      "borderRadius": 15,
      "borderStyle": "solid",
      "fontFamily": "arial",
      "fontWeight": "bold",
      "textSizeInPixels": 17
    }
  },
  "Child Box": {
    "name": "Child Box",
    "order": 58,
    "properties": {
      "backgroundColor": "#FFFFFF",
      "borderColor": "#a1ccff",
      "borderSizeInPixels": 1,
      "borderRadius": 12,
      "textColor": "#000000",
      "borderStyle": "Solid",
      "fontFamily": "Arial",
      "fontWeight": "normal",
      "textSizeInPixels": 16
    }
  },
  "DefaultAssociation": {
    "name": "Association Default",
    "order": 500,
    "properties": {
      "backgroundImage": "repeating-linear-gradient(-45deg,#FFFFFF00 8px,#a8e063 12px)",
      "borderStyle": "solid",
      "borderColor": "#8dd632",
      "borderSizeInPixels": 2,
      "borderRadius": 12
    }
  },
  "Association Orange Slats": {
    "name": "Association Orange Slats",
    "order": 500,
    "properties": {
      "backgroundImage": "repeating-linear-gradient(-45deg,#FFFFFF00 8px, #fdcb59 12px)",
      "textColor": "#000000",
      "borderRadius": 12,
      "borderStyle": "soild",
      "borderColor": "#ffa800",
      "borderSizeInPixels": 2
    }
  },
  "Association Blue Slats": {
    "name": "Association Blue Slats",
    "order": 501,
    "properties": {
      "backgroundImage": "repeating-linear-gradient(-45deg,#FFFFFF00 12px, #99e5ff 16px)",
      "textColor": "#000000",
      "borderRadius": 12,
      "borderStyle": "soild",
      "borderColor": "#51cada",
      "borderSizeInPixels": 2
    }
  },
  "Association Pink Gradient": {
    "name": "Association Pink Gradient",
    "order": 509,
    "properties": {
      "backgroundImage": "linear-gradient(#ff72d3,#ff0ab2 100%)",
      "textColor": "#FFFFFF",
      "borderRadius": 12,
      "borderStyle": "soild",
      "borderColor": "#ff0ab2",
      "borderSizeInPixels": 2
    }
  },
  "Association Green Gradient": {
    "name": "Association Green Gradient",
    "order": 509,
    "properties": {
      "backgroundImage": "linear-gradient(#e7f9b7,#85d633 100%)",
      "textColor": "#202a45",
      "borderRadius": 12,
      "borderStyle": "soild",
      "borderColor": "#85D633",
      "borderSizeInPixels": 2
    }
  },
  "Style 1 Header": {
    "name": "Header 1",
    "order": 400,
    "properties": {
      "backgroundImage": "linear-gradient(to bottom, #00337c 30px, #FFFFFF 30px, #FFFFFF00 10%)",
      "fontFamily": "Calibri",
      "textSizeInPixels": 17,
      "textColor": "#FFFFFF"
    }
  },
  "Style 2 Header": {
    "order": 401,
    "name": "Header 2",
    "properties": {
      "backgroundImage": "linear-gradient(to bottom, #0089c4 30px, #FFFFFF 30px, #f2fbfd 10%)",
      "fontFamily": "Calibri",
      "textSizeInPixels": 17,
      "textColor": "#FFFFFF"
    }
  },
  "Style 3 Header": {
    "name": "Header 3",
    "order": 402,
    "properties": {
      "backgroundImage": "linear-gradient(to bottom, #90caf9 30px, #FFFFFF 30px, #d7f2fa 10%)",
      "fontFamily": "Calibri",
      "textSizeInPixels": 17,
      "textColor": "#FFFFFF"
    }
  },
  "Style 4 - Header": {
    "name": "Header 4",
    "order": 403,
    "properties": {
      "backgroundImage": "linear-gradient(to bottom, #bbdefb 30px, #FFFFFF 30px, #97def1 10%)",
      "fontFamily": "Calibri",
      "textSizeInPixels": 16,
      "textColor": "#757575"
    }
  },
  "Left Aligned": {
    "name": "Left Aligned",
    "order": 606,
    "properties": {
      "textAlignment": "start"
    }
  },
  "Right Aligned": {
    "name": "Right Aligned",
    "order": 606,
    "properties": {
      "textAlignment": "end"
    }
  },
  "Centered": {
    "name": "Centered",
    "order": 606,
    "properties": {
      "textAlignment": "center"
    }
  },
  "Text Colour White": {
    "name": "Text is White",
    "order": 607,
    "properties": {
      "textColor": "#FFFFFF"
    }
  },
  "Text Colour Black": {
    "name": "Text is Black",
    "order": 608,
    "properties": {
      "textColor": "#000000"
    }
  },
  "Text is Bold": {
    "name": "Text is Bold",
    "order": 609,
    "properties": {
      "fontWeight": "bold"
    }
  },
  "Text is Vertical": {
    "name": "Text Is Vertical",
    "order": 610,
    "properties": {
      "textIsVertical": true
    }
  },
  "Transparent Box": {
    "name": "Transparent Box",
    "order": 611,
    "properties": {
      "backgroundColor": "#FFFFFF00",
      "borderColor": "#FFFFFF00"
    }
  }
}