Skip to content

Instantly share code, notes, and snippets.

@andrewfritz86

andrewfritz86/off_white.json

Last active July 21, 2017 17:09
Show Gist options
  • Save andrewfritz86/065efc18b864b30ee0089478dcd238f6 to your computer and use it in GitHub Desktop.
Save andrewfritz86/065efc18b864b30ee0089478dcd238f6 to your computer and use it in GitHub Desktop.
Download ZIP
hp_off_white
Raw
off_white.json
{
"callouts": [
{
"picture": {
"images": [
{
"url": "{{ asset:home-06-07-17/image/mobile-quiz-a/0 }}",
"quality": 80,
"size": "mobile"
},
{
"url": "{{ asset:home-06-07-17/image/tablet-quiz-a/0 }}",
"quality": 80,
"size": "tablet"
},
{
"url": "{{ asset:home-06-07-17/image/desktop-quiz-a/0 }}",
"quality": 80,
"size": "desktop-sd"
}
],
"alt": "A home try on box with 5 glasses around it"
},
"elements": [
{
"picture": {
"images": [],
"css_utilities_margin_bottom": "",
"alt": ""
},
"text": {
"color": "",
"css_utilities_size": "",
"css_utilities_margin_bottom": "",
"value": "Find your perfect frames"
},
"css_utilities": "u-ma u-ma u-fs30 u-fs40--1200 u-fws u-ffs u-mt12 u-mt0--600 u-mb18 u-mb24--900",
"link": {
"href": "",
"value": ""
},
"type": "text",
"constraints": [
{
"width": 302,
"size": "desktop-hd"
}
]
},
{
"picture": {
"images": [],
"css_utilities_margin_bottom": "",
"alt": ""
},
"text": {
"color": "",
"css_utilities_size": "",
"css_utilities_margin_bottom": "",
"value": "Answer a few quick questions and we'll suggest some great-looking frames to try on at home—for free!"
},
"css_utilities": "u-ma u-fs16 u-fs18--600 u-fs16--900 u-fs18--1200 u-ffss u-mb18 u-mb24--900",
"link": {
"href": "",
"value": ""
},
"type": "text",
"constraints": [
{
"width": 260,
"size": "mobile"
},
{
"width": 375,
"size": "tablet"
},
{
"width": 275,
"size": "desktop-sd"
}
]
},
{
"picture": {
"images": [],
"css_utilities_margin_bottom": "u-mb24",
"alt": ""
},
"text": {
"color": "",
"css_utilities_size": "u-heading-xs",
"css_utilities_margin_bottom": "u-mb24",
"value": ""
},
"css_utilities": "u-button -button-white -button-modular u-fs16 u-fs16--600 u-ffss u-fws u-pt2",
"link": {
"href": "/quiz?active=true",
"value": "Take the quiz"
},
"type": "link",
"constraints": []
}
],
"name": "htoquiz",
"videos": [
{
"url": "",
"poster": "",
"size": "mobile"
}
],
"css_utilities_content": "u-pt24 u-pt48--600 u-pt0--900 ",
"border_color": "",
"labels": {
"show_labels": false,
"css_utilities": "u-pa u-ma u-w100p u-b0 u-pb8 u-pb18--600 u-dib",
"labels": {
"mobile": [],
"desktop-sd": []
},
"css_modifiers": {
"orientation": "llr"
}
},
"flip": false,
"center_copy": false,
"css_utilities_callout": "u-pb48 u-pb0--900 u-mb12 u-mb84--900 -separator",
"analytics": {
"position": "homepage1",
"creative": "",
"id": "promo-click-quizPromo",
"name": "QuizPromo"
},
"template": "overlap",
"css_utilities_copy": ""
},
{
"picture": {
"images": [
{
"url": "{{ asset:home-off-white/image/hero-mobile/0 }}",
"quality": 80,
"size": "mobile"
},
{
"url": "{{ asset:home-off-white/image/hero-tablet/0 }}",
"quality": 80,
"size": "tablet"
},
{
"url": "{{ asset:home-off-white/image/hero-desktop/0 }}",
"quality": 80,
"size": "desktop-sd"
},
{
"url": "{{ asset:home-off-white/image/hero-desktop/0 }}",
"quality": 80,
"size": "desktop-hd"
}
]
},
"elements": [
{
"picture": {
"images": [
{
"url": "{{ asset:home-off-white/image/logo/0 }}",
"quality": 80,
"size": "mobile"
},
{
"url": "{{ asset:home-off-white/image/logo-tablet/0 }}",
"quality": 80,
"size": "tablet"
},
{
"url": "{{ asset:home-off-white/image/logo/0 }}",
"quality": 80,
"size": "desktop-sd"
}
],
"css_utilities_margin_bottom": "u-mb18",
"alt": "Text: Warby Parker and Off White",
"css_utilities": "u-mb18"
},
"text": {
"color": "",
"css_utilities_size": "",
"css_utilities_margin_bottom": "",
"value": ""
},
"css_utilities": "u-mb18 u-mb36--600",
"link": {
"href": "",
"value": ""
},
"type": "picture",
"constraints": [
{
"width": 300,
"size": "mobile"
},
{
"width": 650,
"size": "tablet"
},
{
"width": 400,
"size": "desktop-sd"
}
]
},
{
"picture": {
"images": [],
"css_utilities_margin_bottom": "u-mb24",
"alt": ""
},
"text": {
"color": "",
"css_utilities_size": "",
"css_utilities_margin_bottom": "",
"value": "A kaleidoscope of colors, each starting at $95"
},
"css_utilities": "u-button -button-white -button-modular -off-white u-fs16 u-fs16--600 u-pt24 u-pt0--600 u-ffss u-fws u-mt18 u-mt36--600",
"link": {
"href": "/off-white",
"value": "Shop now"
},
"type": "link",
"constraints": [
{
"width": 200,
"size": "desktop-sd"
}
]
}
],
"name": "offWhite",
"videos": [
{
"url": "",
"poster": "",
"size": "mobile"
}
],
"css_utilities_content": "u-pt48 u-pb48 u-pt72--600 u-pb72--600 u-pt60--900 u-pb60--900 u-color-bg--black u-tal u-tac--600 u-tal--900 u-mln36--900 u-mrn36--900 u-pl18 u-pr18 u-pl0--600 u-pr0--600 u-pl48--900 u-pr48--900",
"border_color": "#ffffff",
"labels": {
"show_labels": false,
"css_utilities": "u-pa u-w100p u-b0 u-pb8 u-pb18--600 u-dib",
"labels": {
"mobile": [],
"desktop-sd": [
{
"frame_color": "in Whiskey Tortoise",
"css_utility": "",
"frame_name": "Durand "
},
{
"frame_color": "in Petal Tortoise",
"css_utility": "",
"frame_name": "Tilley "
}
]
},
"css_modifiers": {
"orientation": "llr"
}
},
"flip": false,
"center_copy": true,
"css_utilities_callout": "u-pb0--900 u-mb60 u-mb72--600 u-mb84--900 u-color-bg--black u-color-bg--white--1200",
"analytics": {
"position": "homepage2",
"creative": "",
"id": "promo-click-offWhite",
"name": "offWhite"
},
"template": "overlap",
"css_utilities_copy": ""
},
{
"picture": {
"images": [
{
"url": "{{ asset:home-modular/image/retail-3x2/0 }}",
"quality": 70,
"size": "mobile"
}
],
"alt": "A photo of a Warby Parker retail store"
},
"elements": [
{
"picture": {
"images": [],
"css_utilities_margin_bottom": "u-mb24",
"alt": ""
},
"text": {
"color": "",
"css_utilities_size": "u-heading-md",
"value": "Visit a store"
},
"css_utilities": "u-mb10",
"link": {
"href": "",
"css_utilities_button": "-button-white",
"value": ""
},
"type": "text",
"constraints": []
},
{
"picture": {
"images": [],
"css_utilities_margin_bottom": "u-mb12",
"alt": ""
},
"text": {
"color": "",
"css_utilities_size": "u-body-standard",
"css_utilities_margin_bottom": "u-mb18",
"value": "Our stores feature glasses, books and other treats"
},
"css_utilities": "",
"link": {
"href": "",
"css_utilities_button": "-button-white",
"value": ""
},
"type": "text",
"constraints": [
{
"width": 217,
"size": "mobile"
},
{
"width": 217,
"size": "desktop-sd"
},
{
"width": 217,
"size": "desktop-hd"
}
]
},
{
"picture": {
"images": [],
"css_utilities_margin_bottom": "u-mb24",
"alt": ""
},
"text": {
"color": "",
"css_utilities_size": "u-heading-xs",
"css_utilities_margin_bottom": "u-mb24",
"value": ""
},
"css_utilities": "u-button -button-modular u-fs16 u-fs16--600 u-ffss u-fws u-pt2",
"link": {
"href": "/retail",
"css_utilities_button": "-button-white",
"value": "Find a location"
},
"type": "link",
"constraints": []
},
{
"picture": {
"images": [],
"css_utilities_margin_bottom": "",
"alt": ""
},
"text": {
"color": "",
"css_utilities_size": "",
"css_utilities_margin_bottom": "",
"value": ""
},
"css_utilities": "u-button -button-modular u-fs16 u-fs16--600 u-ffss u-fws u-pt2",
"link": {
"border_color": "",
"href": "/appointments/eye-exams",
"css_utilities_button": "-button-white",
"value": "Book an eye exam"
},
"type": "link",
"constraints": []
}
],
"name": "Retail",
"css_utilities_content": "u-pt24 u-pt0--900",
"flip": false,
"css_utilities_callout": "u-pb48 u-pb60--600 u-pb72--900 u-pb84--1200",
"analytics": {
"position": "homepage3",
"creative": "",
"id": "promo-Retail",
"name": "Retail"
},
"template": "parallel"
},
{
"picture": {
"images": [
{
"url": "{{ asset:home-hto-1-30/image/hto-desktop/0 }}",
"quality": 80,
"size": "desktop-sd"
},
{
"url": "{{ asset:home-hto-1-30/image/hto-tablet/0 }}",
"quality": 80,
"size": "tablet"
},
{
"url": "{{ asset:home-hto-1-30/image/hto-mobile/0 }}",
"quality": 80,
"size": "mobile"
}
],
"alt": "A man and woman trying on glasses"
},
"elements": [
{
"picture": {
"images": [],
"css_utilities_margin_bottom": "u-mb24",
"alt": ""
},
"text": {
"color": "",
"css_utilities_size": "",
"css_utilities_margin_bottom": "",
"value": "Home Try-On"
},
"css_utilities": "u-ma u-ma u-fs24 u-fs30--600 u-fs26--900 u-fs40--1200 u-fws u-ffs u-mb8 u-mb18--600 u-mb24--900",
"link": {
"href": "",
"value": ""
},
"type": "text",
"constraints": [
{
"width": 400,
"size": "tablet"
},
{
"width": 250,
"size": "desktop-sd"
},
{
"width": 355,
"size": "desktop-hd"
}
]
},
{
"picture": {
"images": [],
"css_utilities_margin_bottom": "u-mb24",
"alt": ""
},
"text": {
"color": "",
"css_utilities_size": "",
"css_utilities_margin_bottom": "",
"value": "Want to try before you buy? 5 pairs, 5 days, free trial"
},
"css_utilities": "u-ma u-fs16 u-fs18--900 u-ffss u-mb12 u-mb24--900",
"link": {
"href": "",
"value": ""
},
"type": "text",
"constraints": [
{
"width": 200,
"size": "mobile"
},
{
"width": 225,
"size": "desktop-sd"
}
]
},
{
"picture": {
"images": [],
"css_utilities_margin_bottom": "u-mb24",
"alt": ""
},
"text": {
"color": "",
"css_utilities_size": "u-heading-xs",
"css_utilities_margin_bottom": "u-mb24",
"value": ""
},
"css_utilities": "u-button -button-modular u-fs16 u-fs16--600 u-ffss u-fws u-pt2",
"link": {
"href": "/home-try-on",
"css_utilities_button": "-button-white",
"value": "Learn more"
},
"type": "link",
"constraints": []
}
],
"name": "homeTryOn",
"css_utilities_content": "u-pt24 u-pt0--900",
"border_color": "",
"labels": {
"show_labels": false,
"css_utilities": "u-pa u-ma u-w100p u-b0 u-pb24 u-pb18--600 u-dib",
"labels": {
"mobile": [
{
"frame_color": "in Glacier Grey; starting at $95 ",
"css_utility": "",
"frame_name": "Burke "
}
],
"desktop-sd": [
{
"frame_color": "in Glacier Grey; starting at $95 ",
"css_utility": "",
"frame_name": "Burke "
}
],
"tablet": [
{
"frame_color": "in Glacier Grey; starting at $95 ",
"css_utility": "",
"frame_name": "Burke "
}
]
},
"css_modifiers": {
"orientation": "lll"
}
},
"flip": true,
"css_utilities_callout": "u-pb0--900 u-mb48 u-mb60--600 u-mb84--900",
"analytics": {
"position": "homepage4",
"creative": "",
"id": "promo-hero-hto",
"name": "homeTryOn"
},
"template": "overlap"
},
{
"picture": {
"images": [
{
"url": "{{ asset:sculpted-series-HP/image/mobile-sculpted/0 }}",
"quality": 80,
"size": "mobile"
},
{
"url": "{{ asset:sculpted-series-HP/image/tablet-sculpted/0 }}",
"quality": 80,
"size": "tablet"
},
{
"url": "{{ asset:sculpted-series-HP/image/desktop/1 }}",
"quality": 80,
"size": "desktop-sd"
}
],
"alt": "A woman wearing sunglasses"
},
"elements": [
{
"picture": {
"images": [],
"css_utilities_margin_bottom": "",
"alt": ""
},
"text": {
"color": "",
"css_utilities_size": "",
"css_utilities_margin_bottom": "",
"value": "Sculpted Series"
},
"css_utilities": "u-ma u-ma u-fs30 u-fs40--1200 u-fws u-ffs u-mt12 u-mt0--600 u-mb18 u-mb24--900",
"link": {
"href": "",
"value": ""
},
"type": "text",
"constraints": [
{
"width": 300,
"size": "desktop-hd"
}
]
},
{
"picture": {
"images": [],
"css_utilities_margin_bottom": "",
"alt": ""
},
"text": {
"color": "",
"css_utilities_size": "",
"css_utilities_margin_bottom": "",
"value": "Italian-crafted, dual-layered, limited-edition"
},
"css_utilities": "u-ma u-fs16 u-fs18--600 u-fs16--900 u-fs18--1200 u-ffss u-mb18 u-mb24--900",
"link": {
"href": "",
"value": ""
},
"type": "text",
"constraints": [
{
"width": 260,
"size": "mobile"
},
{
"width": 375,
"size": "tablet"
},
{
"width": 275,
"size": "desktop-sd"
}
]
},
{
"picture": {
"images": [],
"css_utilities_margin_bottom": "u-mb24",
"alt": ""
},
"text": {
"color": "",
"css_utilities_size": "u-heading-xs",
"css_utilities_margin_bottom": "u-mb24",
"value": ""
},
"css_utilities": "u-button -button-white -button-modular u-fs16 u-fs16--600 u-ffss u-fws u-pt2",
"link": {
"href": "/sculpted-series",
"value": "Shop the collection"
},
"type": "link",
"constraints": []
}
],
"name": "sculptedseries",
"videos": [
{
"url": "",
"poster": "",
"size": "mobile"
}
],
"css_utilities_content": "u-pt24 u-pt48--600 u-pt0--900 ",
"copy_cols_1200": 5,
"border_color": "",
"labels": {
"show_labels": false,
"css_utilities": "u-pa u-ma u-w100p u-b0 u-pb8 u-pb18--600 u-dib",
"labels": {
"mobile": [],
"desktop-sd": []
},
"css_modifiers": {
"orientation": "llr"
}
},
"flip": false,
"center_copy": false,
"css_utilities_callout": "u-pb48 u-pb0--900 u-mb12 u-mb84--900 -separator",
"analytics": {
"position": "homepage5",
"creative": "",
"id": "promo-click-sculptedSeries",
"name": "SculptedSeries"
},
"template": "overlap",
"css_utilities_copy": ""
},
{
"picture": {
"images": [
{
"url": "",
"quality": 70,
"size": "mobile"
}
],
"alt": "Illustrations of glasses"
},
"elements": [
{
"picture": {
"images": [
{
"url": "{{ asset:home-modular/image/bapgap/1 }}",
"quality": 70,
"size": "mobile"
}
],
"css_utilities_margin_bottom": "u-mb24",
"alt": "Buy a pair Give a pair logo"
},
"text": {
"color": "",
"css_utilities_size": "u-heading-xs",
"css_utilities_margin_bottom": "u-mb24",
"value": ""
},
"css_utilities": "",
"link": {
"href": "",
"css_utilities_button": "-button-white",
"value": ""
},
"type": "picture",
"constraints": [
{
"width": 339,
"size": "mobile"
},
{
"width": 432,
"size": "tablet"
},
{
"width": 464,
"size": "desktop-sd"
},
{
"width": 605,
"size": "desktop-hd"
}
]
},
{
"picture": {
"images": [],
"css_utilities_margin_bottom": "u-mb24",
"alt": ""
},
"text": {
"color": "",
"css_utilities_size": "u-heading-md",
"css_utilities_margin_bottom": "u-mb24",
"value": "For every pair purchased, a pair is distributed to someone in need."
},
"css_utilities": "",
"link": {
"href": "",
"css_utilities_button": "-button-white",
"value": ""
},
"type": "text",
"constraints": [
{
"width": 498,
"size": "tablet"
},
{
"width": 628,
"size": "desktop-sd"
}
]
},
{
"picture": {
"images": [],
"css_utilities_margin_bottom": "u-mb24",
"alt": ""
},
"text": {
"color": "",
"css_utilities_size": "u-heading-xs",
"css_utilities_margin_bottom": "u-mb24",
"value": ""
},
"css_utilities": "",
"link": {
"href": "/buy-a-pair-give-a-pair",
"css_utilities_button": "-button-white",
"value": "Learn more"
},
"type": "link",
"constraints": []
}
],
"name": "BAPGAP",
"css_utilities_content": "u-mb48",
"flip": true,
"css_utilities_callout": "u-pt48 u-pt0--900",
"analytics": {
"position": "homepage6",
"creative": "",
"id": "promo-BAPGAP",
"name": "BAPGAP"
},
"template": "stacked"
}
],
"glasses": [
{
"pre": "Shop",
"title": "Eyeglasses",
"image": "{{ asset:navigation/image/drawer-optical/19 }}",
"genders": [
{
"width": 420,
"image": "//i.warbycdn.com/v/c/assets/site-navigation/image/glasses-nav-eyeglasses-men/0/b982c7c1f4.png",
"quality": 70,
"route": "/eyeglasses/men",
"title": "Men"
},
{
"width": 420,
"image": "//i.warbycdn.com/v/c/assets/site-navigation/image/glasses-nav-eyeglasses-women/0/4d9fe99ca8.png",
"quality": 70,
"route": "/eyeglasses/women",
"title": "Women"
}
]
},
{
"pre": "Shop",
"title": "Sunglasses",
"image": "{{ asset:navigation/image/drawer-sunwear/16 }}",
"genders": [
{
"width": 420,
"image": "//i.warbycdn.com/v/c/assets/site-navigation/image/glasses-nav-sunglasses-men/0/26eca04d15.png",
"quality": 70,
"route": "/sunglasses/men",
"title": "Men"
},
{
"width": 420,
"image": "//i.warbycdn.com/v/c/assets/site-navigation/image/glasses-nav-sunglasses-women/0/51f84a72e1.png",
"quality": 70,
"route": "/sunglasses/women",
"title": "Women"
}
]
}
]
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment