[ { "id": "fc-block-8-8qd4u7ba5", "layout": { "id": "103", "description": "배경이미지가 있는 1단 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextLeft", "type": "checkbox", "description": "use text left" }, { "name": "backgroundColorOpacity", "type": "number", "description": "1~100" }, { "name": "backgroundImageUrl", "type": "image", "description": "1920 x auto" }, { "name": "mobileBackgroundImageUrl", "type": "image", "description": "mobile background image url" }, { "name": "textColor", "type": "text", "description": "font color" }, { "name": "textSize1", "type": "select", "description": "text size1", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text1", "type": "textarea", "description": "text1" }, { "name": "textSize2", "type": "select", "description": "text size2", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "text2", "type": "textarea", "description": "text2" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextLeft": false, "backgroundColorOpacity": 50, "backgroundImageUrl": "", "mobileBackgroundImageUrl": "", "textColor": "#000000", "textSize1": "fc-h1-text", "text1": "", "textSize2": "fc-content-text", "text2": "" }, "template": "

rem; padding-bottom: <%=paddingBottom/10%>rem;\">\n

\n <% if (text1) { %>\n

\" style=\"<% if(textColor) { %>color: <%= textColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= text1 %>

\n <% } %>\n <% if (text2) { %>\n

\" style=\"<% if(textColor) { %>color: <%= textColor %>;<% } %>; <% if (useTextLeft) { %> text-align: left;<% } %>\"><%= text2 %>

\n <% } %>\n

background: <%= backgroundColor %>; <% } %>opacity: <%= backgroundColorOpacity/100 %>\">

\n" }, "values": { "paddingTop": "80", "paddingBottom": "80", "backgroundColor": "", "useTextLeft": true, "backgroundColorOpacity": 50, "backgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202406/143252-539/insight-header-img.webp", "mobileBackgroundImageUrl": "https://cdn.day1company.io/prod/uploads/202407/190350-539/insight-main-img-mo.webp", "textColor": "#fff", "textSize1": "fc-h6-text", "text1": "\nSHARE X INSIGHT\n

\n\n국내 최정상 디자인 기업을 이끄는
\n전문 디자이너들의 경험과 생각 공유\n

\n\n업계를 리딩하는 크리에이티브 디렉터들의 경험과 생각,
\n그리고 그들의 이야기를 쉐어엑스 인사이트에서 만나보세요.", "textSize2": "fc-content-text", "text2": "" }, "uniqueId": "fc-block-1-p8hp8yrpe", "isChecked": false }, { "id": "fc-block-1-78cr5qc1z", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "160", "backgroundColor": "#000" }, "uniqueId": "fc-block-2-6wnqcut1d", "isChecked": false }, { "id": "fc-block-3-x3r3d1f4x", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "

\">\n

rem; padding-bottom: <%= paddingBottom/10 %>rem;\">\n

\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n

\n" }, "values": { "backgroundColor": "#000", "paddingTop": "0", "paddingBottom": "10", "labelText": "STORY", "layoutType": "fc-label-type1", "labelColor": "#fff" }, "uniqueId": "fc-block-3-vxr6wmdis", "isChecked": false }, { "id": "fc-block-4-toxrjrna6", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

fc-text-align-center<% } %>\">\n

\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "backgroundColor": "#000", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#fff", "text": "디자인 철학과 가치가 담긴
\n기업들의 생각을 공유합니다\n" }, "uniqueId": "fc-block-4-sf02yxigb", "isChecked": false }, { "id": "fc-block-5-u6sartfrf", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "40", "backgroundColor": "#000" }, "uniqueId": "fc-block-5-rkpd8zsac", "isChecked": false }, { "id": "fc-block-6-wc3r6gvvk", "layout": { "id": "511", "description": "블로그형 리스트", "icon": "\n", "params": [ { "name": "columnCount", "type": "select", "description": "1~4단까지 설정가능합니다.", "options": [ "1", "2", "3", "4" ] }, { "name": "isFlexible", "type": "checkbox", "description": "콘텐츠를 풀사이즈로 채우고 싶다면 ON을 선택해주세요." }, { "name": "useLoadMoreBtn", "type": "checkbox", "description": "더보기 기능을 사용하려면 ON을 선택해주세요." }, { "name": "loadMoreBtnText", "type": "text", "description": "공백 포함 최대 14자까지 입력가능 그 이상 입력되는 텍스트는 ...으로 보여집니다." }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "textColor", "type": "text", "description": "글자 색상" }, { "name": "buttonColor", "type": "text", "description": "더보기 버튼의 선 색상과 글자 색상을 변경할 수 있습니다." }, { "name": "titleSize", "type": "select", "description": "", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "서브타이틀도 동일한 사이즈로 적용됩니다.", "options": [ "text--h6", "text--content1" ] }, { "name": "useNewTab", "type": "checkbox", "description": "use new tab" }, { "name": "reverseOrder", "type": "checkbox", "description": "체크하면 목록이 역순으로 나열됩니다.\n페이지 > 미리보기에서 확인해주세요" }, { "name": "cards", "type": "list", "description": "링크 / 이미지 / 타이틀은 필수 입력값입니다.", "maxLength": 48, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요.", "isRequired": true }, { "name": "imageUrl", "type": "image", "description": "모바일에서는 가운데 중앙에 맞춰져서 정사각형으로 이미지가 잘려서 보여집니다.", "isRequired": true }, { "name": "title", "type": "text", "description": "두 줄까지 노출되며, 그 이상 입력되는 텍스트는 ...으로 보여집니다.", "isRequired": true }, { "name": "subtitle", "type": "text", "description": "#태그나 서브타이틀을 입력해주세요. PC에서는 두 줄, 모바일에서는 한 줄이 노출되며, 그 이상 입력되는 텍스트는 ...으로 보여집니다." }, { "name": "content", "type": "text", "description": "PC에서는 세 줄 노출되며, 모바일에서는 보여지지않습니다.(서브타이틀이 없는 경우 한줄만 보여집니다) 그 이상 입력되는 텍스트는 ...으로 보여집니다." } ] } ], "values": { "columnCount": 3, "isFlexible": false, "useLoadMoreBtn": false, "loadMoreBtnText": "게시글 더보기", "backgroundColor": "#ffffff", "textColor": "#222222", "buttonColor": "#466eff", "titleSize": "text--h5", "contentSize": "text--h6", "useNewTab": true, "reverseOrder": false, "cards": [] }, "template": "

\">\n

\n dataset\"\n data-column-count=\"<%= columnCount %>\"\n data-reverse-order=\"<%= reverseOrder %>\"\n >\n <% cards.forEach((card, idx) => { %>\n \"\n data-id=\"<%= (card.id ) ? card.id : ( reverseOrder ? (card.id = cards.length-idx) : (card.id = idx+1) ) %>\"\n >\n \" target=\"<%= useNewTab ? '_blank' : '' %>\">\n

\n <% if (card.imageUrl) { %>\n

\" alt=\"\" loading=\"lazy\">\n

\n <% } else { %>\n

\n <% } %>\n

\">\n

\"><%= card.title || '' %>

\"><%= card.subtitle || '' %>

\"><%= card.content || '' %>

\n \n \n <% }); %>\n \n

\n \n

\n" }, "values": { "columnCount": "2", "isFlexible": false, "useLoadMoreBtn": false, "loadMoreBtnText": "", "backgroundColor": "#000", "textColor": "#fff", "buttonColor": "#fff", "titleSize": "text--h5", "contentSize": "text--content1", "useNewTab": true, "reverseOrder": false, "cards": [ { "link": "https://www.instagram.com/p/C2hA3ior2rn/", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/142511-347/insight-thumbnail-instagram.png", "title": "혹시 팀 프로젝트에서
\n천재 포지션을 맡고 계신가요?", "subtitle": "", "content": "플러스엑스 이재훈 공동대표는 A급 레벨에 자신의 색깔만 주장하는 디자이너보다 레벨이 높지 않아도 다른 사람의 말에 귀를 기울이는 디자이너가 더 뛰어나다고 이야기 합니다.", "id": 1 }, { "link": "https://www.instagram.com/p/C2PK5L0LnLB/", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/142727-347/insight-thumbnail-instagram-2.png", "title": "브랜드 디자이너가 특정 분야만
\n 파고들면 절대 안되는 이유", "subtitle": "", "content": "브랜드 디자인 전문 에이전시 허스키폭스의 이두희 대표는 브랜드 디자이너가 관심을 가지면 좋은 분야에 대해 묻자, 오히려 하나에 매몰된 관심은 위험할 수 있다며  자신의 생각을 공유했습니다.", "id": 2 }, { "link": "https://www.youtube.com/shorts/wsNRb5neBCE", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/143859-347/insight-thumbnail-youtube-5.png", "title": "S전자 디자이너가
\n창업을 결심한 이유", "subtitle": "", "content": "“아이폰이 등장한 후로 모든 게 바뀌었어요.”\n천개의 제품이 천개의 앱이 된 시대, S전자 디자이너는 창업을 결심했다", "id": 3 }, { "link": "https://www.youtube.com/shorts/GOtqSJyQm_s", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/144101-347/insight-thumbnail-youtube-7.png", "title": "디자인 사대주의는 그만,
\n세계가 주목하는 한국 산업 디자인", "subtitle": "", "content": "“우리는 왜 우리를 낮게 평가할까요?”\n한국 산업 디자인을 바라보는 시선, 지금이라도 바꿔야 하는 이유", "id": 4 } ] }, "uniqueId": "fc-block-6-rofva8fmd", "isChecked": false }, { "id": "fc-block-7-d33cxwuqy", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "80", "backgroundColor": "#000" }, "uniqueId": "fc-block-7-cud048z3v", "isChecked": false }, { "id": "fc-block-20-6e9u11cxz", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "

\">\n

rem; padding-bottom: <%= paddingBottom/10 %>rem;\">\n

\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n

\n" }, "values": { "backgroundColor": "#000", "paddingTop": "0", "paddingBottom": "10", "labelText": "NOW", "layoutType": "fc-label-type1", "labelColor": "#fff" }, "uniqueId": "fc-block-8-s2gxpa1ek", "isChecked": false }, { "id": "fc-block-11-yaolje0e8", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

fc-text-align-center<% } %>\">\n

\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "40", "backgroundColor": "#000", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#fff", "text": "가장 빠르게 만나보는
\n쉐어엑스의 새로운 소식\n" }, "uniqueId": "fc-block-9-6fh1oubkz", "isChecked": false }, { "id": "fc-block-2-3hj5epjvh", "layout": { "id": "301", "description": "풀사이즈 동영상", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useVideoLeft", "type": "checkbox", "description": "use video center" }, { "name": "videoPlatformType", "type": "select", "description": "videoPlatformType", "options": [ "Youtube", "Vimeo" ] }, { "name": "videoWidth", "type": "number", "description": "video width" }, { "name": "video", "type": "video", "description": "video" } ], "values": { "backgroundColor": "", "useVideoLeft": false, "videoPlatformType": "Youtube", "videoWidth": 980, "video": "" }, "template": "

background-color: <%= backgroundColor %><% } %>\">\n

\">\n

;\">\n

\n <% if (video) { %>\n <% if (videoPlatformType === 'Youtube') { %>\n \n <% } else { %>\n \n <% } %>\n <% } %>\n

\n" }, "values": { "backgroundColor": "#000", "useVideoLeft": false, "videoPlatformType": "Youtube", "videoWidth": 980, "video": "nSE3u-r0eJA?si=sXZPe9ipOE_p8k0Z" }, "uniqueId": "fc-block-10-3166s24n7", "isChecked": false }, { "id": "fc-block-2-h87mfy012", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "20", "backgroundColor": "#000" }, "uniqueId": "fc-block-11-iou1nd1kn", "isChecked": false }, { "id": "fc-block-1-5d3faocjb", "layout": { "id": "302", "description": "1~3단 동영상과 텍스트", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "fontColor", "type": "text", "description": "font color" }, { "name": "titleSize", "type": "select", "description": "title size", "options": [ "fc-h5-text", "fc-h6-text" ] }, { "name": "contentSize", "type": "select", "description": "content size", "options": [ "fc-h6-text", "fc-content-text" ] }, { "name": "videoPlatformType1", "type": "select", "description": "videoPlatformType1", "options": [ "Youtube", "Vimeo" ] }, { "name": "video1", "type": "video", "description": "video1" }, { "name": "title1", "type": "textarea", "description": "title1 text" }, { "name": "content1", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType2", "type": "select", "description": "videoPlatformType2", "options": [ "Youtube", "Vimeo" ] }, { "name": "video2", "type": "video", "description": "video2" }, { "name": "title2", "type": "textarea", "description": "title2 text" }, { "name": "content2", "type": "textarea", "description": "content text" }, { "name": "videoPlatformType3", "type": "select", "description": "videoPlatformType3", "options": [ "Youtube", "Vimeo" ] }, { "name": "video3", "type": "video", "description": "video3" }, { "name": "title3", "type": "textarea", "description": "title3 text" }, { "name": "content3", "type": "textarea", "description": "content text" } ], "values": { "backgroundColor": "", "fontColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "", "title1": "", "content1": "", "videoPlatformType2": "Youtube", "video2": "", "title2": "", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "template": "

background-color: <%=backgroundColor%><% } %>\">\n

\">\n

\n <% if (video1 || title1 || content1) { %>\n

\n <% if (video1) { %>\n

\n <% if (videoPlatformType1 === 'Youtube') { %>\n \n <% } else { %>\n \n <% } %>\n

\n <% } %>\n <% if (title1) { %>\n

\"><%= title1 %>

\n <% } %>\n <% if(content1) { %>\n

\"><%= content1 %>

\n <% } %>\n

\n <% } %>\n <% if (video2 || title2 || content2) { %>\n

\n <% if (video2) { %>\n

\n <% if (videoPlatformType2 === 'Youtube') { %>\n \n <% } else { %>\n \n <% } %>\n

\n <% } %>\n <% if (title2) { %>\n

\"><%= title2 %>

\n <% } %>\n <% if(content2) { %>\n

\"><%= content2 %>

\n <% } %>\n

\n <% } %>\n <% if (video3 || title3 || content3) { %>\n

\n <% if (video3) { %>\n

\n <% if (videoPlatformType3 === 'Youtube') { %>\n \n <% } else { %>\n \n <% } %>\n

\n <% } %>\n <% if (title3) { %>\n

\"><%= title3 %>

\n <% } %>\n <% if(content3) { %>\n

\"><%= content3 %>

\n <% } %>\n

\n" }, "values": { "backgroundColor": "#000", "fontColor": "#000000", "titleSize": "fc-h5-text", "contentSize": "fc-h6-text", "videoPlatformType1": "Youtube", "video1": "mUD1fniTqG0?si=PVDn6Yh5irpdvSvX", "title1": "", "content1": "", "videoPlatformType2": "Youtube", "video2": "Gfk2MjXDwFU?si=kddoZAWvcPbsofvJ", "title2": "", "content2": "", "videoPlatformType3": "Youtube", "video3": "", "title3": "", "content3": "" }, "uniqueId": "fc-block-12-4oqgs690c", "isChecked": false }, { "id": "fc-block-10-7ayvnsayk", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "80", "backgroundColor": "#000" }, "uniqueId": "fc-block-13-tr520b9uj", "isChecked": false }, { "id": "fc-block-9-g4d4t71xu", "layout": { "id": "002", "description": "컴포넌트 라벨", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "labelText", "type": "text", "description": "label text" }, { "name": "layoutType", "type": "select", "description": "type", "options": [ "fc-label-type1", "fc-label-type2" ] }, { "name": "labelColor", "type": "text", "description": "label color" } ], "values": { "backgroundColor": "#ffffff", "paddingTop": 10, "paddingBottom": 10, "labelText": "", "layoutType": "fc-label-type1", "labelColor": "#000000" }, "template": "

\">\n

rem; padding-bottom: <%= paddingBottom/10 %>rem;\">\n

\" style=\"border: 2px solid <%= labelColor || '#000000' %>; color: <%= labelColor || '#000000' %>\">\n <%= labelText %>\n

\n" }, "values": { "backgroundColor": "#000", "paddingTop": "0", "paddingBottom": "10", "labelText": "MEET", "layoutType": "fc-label-type1", "labelColor": "#fff" }, "uniqueId": "fc-block-14-3nv1btqb1", "isChecked": false }, { "id": "fc-block-10-dqy75klah", "layout": { "id": "101", "description": "1단 자유 텍스트", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "padding top" }, { "name": "paddingBottom", "type": "number", "description": "padding bottom" }, { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useTextCenter", "type": "checkbox", "description": "use text center" }, { "name": "textSize", "type": "select", "description": "text size", "options": [ "fc-h1-text", "fc-h2-text", "fc-h3-text", "fc-h4-text", "fc-h5-text", "fc-h6-text", "fc-content-text" ] }, { "name": "textColor", "type": "text", "description": "text color" }, { "name": "text", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize": "fc-h1-text", "textColor": "#000000", "text": "" }, "template": "

background: <%= backgroundColor %>;<% } %> padding-top: <%= paddingTop/10 %>rem; padding-bottom: <%= paddingBottom/10 %>rem\">\n

fc-text-align-center<% } %>\">\n

\" style=\"<% if(textColor) { %>color: <%= textColor %><% } %>\">\n <%= text %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "0", "backgroundColor": "#000", "useTextCenter": false, "textSize": "fc-h5-text", "textColor": "#fff", "text": "최정상 기업들에게
\n직접 듣는 디자인 인사이트" }, "uniqueId": "fc-block-15-zxrrdtz0f", "isChecked": false }, { "id": "fc-block-13-17p1abi2g", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "40", "backgroundColor": "#000" }, "uniqueId": "fc-block-16-odpl8ccvl", "isChecked": false }, { "id": "fc-block-1-mrpfyacjr", "layout": { "id": "511", "description": "블로그형 리스트", "icon": "\n", "params": [ { "name": "columnCount", "type": "select", "description": "1~4단까지 설정가능합니다.", "options": [ "1", "2", "3", "4" ] }, { "name": "isFlexible", "type": "checkbox", "description": "콘텐츠를 풀사이즈로 채우고 싶다면 ON을 선택해주세요." }, { "name": "useLoadMoreBtn", "type": "checkbox", "description": "더보기 기능을 사용하려면 ON을 선택해주세요." }, { "name": "loadMoreBtnText", "type": "text", "description": "공백 포함 최대 14자까지 입력가능 그 이상 입력되는 텍스트는 ...으로 보여집니다." }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "textColor", "type": "text", "description": "글자 색상" }, { "name": "buttonColor", "type": "text", "description": "더보기 버튼의 선 색상과 글자 색상을 변경할 수 있습니다." }, { "name": "titleSize", "type": "select", "description": "", "options": [ "text--h5", "text--h6" ] }, { "name": "contentSize", "type": "select", "description": "서브타이틀도 동일한 사이즈로 적용됩니다.", "options": [ "text--h6", "text--content1" ] }, { "name": "useNewTab", "type": "checkbox", "description": "use new tab" }, { "name": "reverseOrder", "type": "checkbox", "description": "체크하면 목록이 역순으로 나열됩니다.\n페이지 > 미리보기에서 확인해주세요" }, { "name": "cards", "type": "list", "description": "링크 / 이미지 / 타이틀은 필수 입력값입니다.", "maxLength": 48, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요.", "isRequired": true }, { "name": "imageUrl", "type": "image", "description": "모바일에서는 가운데 중앙에 맞춰져서 정사각형으로 이미지가 잘려서 보여집니다.", "isRequired": true }, { "name": "title", "type": "text", "description": "두 줄까지 노출되며, 그 이상 입력되는 텍스트는 ...으로 보여집니다.", "isRequired": true }, { "name": "subtitle", "type": "text", "description": "#태그나 서브타이틀을 입력해주세요. PC에서는 두 줄, 모바일에서는 한 줄이 노출되며, 그 이상 입력되는 텍스트는 ...으로 보여집니다." }, { "name": "content", "type": "text", "description": "PC에서는 세 줄 노출되며, 모바일에서는 보여지지않습니다.(서브타이틀이 없는 경우 한줄만 보여집니다) 그 이상 입력되는 텍스트는 ...으로 보여집니다." } ] } ], "values": { "columnCount": 3, "isFlexible": false, "useLoadMoreBtn": false, "loadMoreBtnText": "게시글 더보기", "backgroundColor": "#ffffff", "textColor": "#222222", "buttonColor": "#466eff", "titleSize": "text--h5", "contentSize": "text--h6", "useNewTab": true, "reverseOrder": false, "cards": [] }, "template": "

\">\n

\n <% if (card.imageUrl) { %>\n

\" alt=\"\" loading=\"lazy\">\n

\n <% } else { %>\n

\n <% } %>\n

\">\n

\"><%= card.title || '' %>

\"><%= card.subtitle || '' %>

\"><%= card.content || '' %>

\n \n \n <% }); %>\n \n

\n \n

\n" }, "values": { "columnCount": "2", "isFlexible": false, "useLoadMoreBtn": false, "loadMoreBtnText": "게시글 더보기", "backgroundColor": "#000", "textColor": "#fff", "buttonColor": "#fff", "titleSize": "text--h5", "contentSize": "text--content1", "useNewTab": true, "reverseOrder": false, "cards": [ { "link": "https://blog.naver.com/sharex_official/223415229801", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/152127-347/insight-thumbnail-blog.png", "title": "당신의 마음을 빼앗는 디자인,
\n헤즈", "subtitle": "", "content": "인플루언서의 마음을 훔치는 브랜드 스페셜 패키지 디자인으로 잘 알려진 헤즈(HEAZ)가 지난해 설립 20주년을 맞았습니다.", "id": 1 }, { "link": "https://blog.naver.com/PostView.naver?blogId=sharex_official&logNo=223367802065", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/152338-347/insight-thumbnail-blog-4.png", "title": "'삶'과 '업'을 디자인하는
\n산업 디자인 스튜디오, BKID", "subtitle": "", "content": "세상에는 자신의 이름이 곧 브랜드가 되는 디자이너가 많습니다. 이는 패션 디자인계에서 특히 도드라지지만 산업 디자인계도 이에 못지 않죠.", "id": 2 }, { "link": "https://blog.naver.com/sharex_official/223300471205", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/152519-347/insight-thumbnail-blog-7.png", "title": "HuskyFox 1
\n허스키폭스를 공유합니다", "subtitle": "", "content": "플러스엑스와 패스트캠퍼스가 만나 전에 없던 새로운 디자인 실무 교육 플랫폼 ‘플러스엑스 쉐어엑스’ 를 선보인 지 1년이 지났습니다.", "id": 3 }, { "link": "https://blog.naver.com/PostView.naver?blogId=sharex_official&logNo=223342003105", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/152234-347/insight-thumbnail-blog-2.png", "title": "시선이 닿는 모든 것을 디자인합니다
\n코스믹레이", "subtitle": "", "content": "언택트 시대가 거치며 사람들은 너나 할 것 없이 자신의 이야기를 영상으로 ‘제대로’ 전하기 위해 노력했습니다.", "id": 4 } ] }, "uniqueId": "fc-block-17-ki1hyvmkc", "isChecked": false }, { "id": "fc-block-28-6cvmrl2r6", "layout": { "id": "001", "description": "레이아웃 간격", "icon": "\n", "params": [ { "name": "spacing", "type": "number", "description": "spacing" }, { "name": "backgroundColor", "type": "text", "description": "background color" } ], "values": { "spacing": 10, "backgroundColor": "#ffffff" }, "template": "

rem;\n padding-bottom: <%= spacing/10/2 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>\">\n

\n" }, "values": { "spacing": "160", "backgroundColor": "#000" }, "uniqueId": "fc-block-18-4gp6q5scj", "isChecked": false } ]

[쉐어엑스] 인사이트 MAIN Details