[ { "id": "fc-block-1-27zi2cmnv", "layout": { "id": "207", "description": "풀사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "label": "배경 색", "type": "text", "description": "이미지 너비보다 화면이 넓을 때 사용할 배경" }, { "name": "imageUrl", "label": "이미지 URL", "type": "image", "description": "-" }, { "name": "mobileImageUrl", "label": "모바일 이미지 URL", "type": "image", "description": "-" }, { "name": "imageHeight", "label": "이미지 높이", "type": "number", "placeholder": "PC 전용, 300~600 권장" }, { "name": "alt", "label": "대체 텍스트", "type": "text", "description": "-" } ], "values": { "backgroundColor": "", "imageUrl": "", "alt": "", "mobileImageUrl": "", "imageHeight": "" }, "template": "

\">\n <% if (imageUrl || mobileImageUrl) { %>\n \n <% } %>\n

\n" }, "values": { "backgroundColor": "#141414", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/175017-539/img-banner-cosmicray.webp", "alt": "", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202406/175021-539/img-banner-cosmicray-m.webp", "imageHeight": "420" }, "uniqueId": "fc-block-1-u7iy80u8c", "isChecked": false }, { "id": "fc-block-4-ruudwm45b", "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": "160", "paddingBottom": 10, "labelText": "ABOUT", "layoutType": "fc-label-type1", "labelColor": "#fff" }, "uniqueId": "fc-block-2-xri2wueon", "isChecked": false }, { "id": "fc-block-2-rprh48003", "layout": { "id": "102", "description": "2단 자유 텍스트", "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": "textSize1", "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": "textColor1", "type": "text", "description": "text color" }, { "name": "text1", "type": "textarea", "description": "text" }, { "name": "textSize2", "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": "textColor2", "type": "text", "description": "text color" }, { "name": "text2", "type": "textarea", "description": "text" } ], "values": { "paddingTop": 10, "paddingBottom": 10, "backgroundColor": "", "useTextCenter": false, "textSize1": "fc-h1-text", "textColor1": "#000000", "text1": "", "textSize2": "fc-h1-text", "textColor2": "#000000", "text2": "" }, "template": "

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

fc-text-align-center<% } %>\">\n <% if(text1) { %>\n

\" style=\"<% if(textColor1) { %>color: <%= textColor1 %><% } %>\">\n <%= text1 %>\n

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

\" style=\"<% if(textColor2) { %>color: <%= textColor2 %><% } %>\">\n <%= text2 %>\n

\n <% } %>\n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "80", "backgroundColor": "#000", "useTextCenter": false, "textSize1": "fc-h1-text", "textColor1": "#fff", "text1": "Cosmic Ray\n
\n\n\n\nHomepage →\n\n\n\n\n\nBehance →\n\n\n", "textSize2": "fc-content-text", "textColor2": "#fff", "text2": "코스믹레이는 고객이 원하는 영상을 제공하는 모션그래픽 기반의 디자인 스튜디오 입니다.\n

\n시각적인 경험과 브랜드 메세지 전달의 조화를 중요하게 생각하고, 보다 흥미롭고 가치 있는 영상으로 시각적 아이디어를 완성합니다. 다양한 모션 디자인 전문가들의 협업으로 완성된 결과물은, 당신의 브랜드 가치를 오래 기억되도록 만들 것입니다." }, "uniqueId": "fc-block-3-wsxodaax0", "isChecked": false }, { "id": "fc-block-8-7iff4yluy", "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": "80", "paddingBottom": 10, "labelText": "Cosmic Ray", "layoutType": "fc-label-type1", "labelColor": "#fff" }, "uniqueId": "fc-block-4-dyml77hgv", "isChecked": false }, { "id": "fc-block-9-wqgxyec9g", "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": 10, "backgroundColor": "#000", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#fff", "text": "네이버, 카카오, 넥슨 등 최고의 IT 기업들과 작업했던
\n코스믹레이 브랜드 필름 메이킹 과정의 FULL 프로세스를 담았습니다." }, "uniqueId": "fc-block-5-9shezx6aj", "isChecked": false }, { "id": "fc-block-5-mfpdp4lq8", "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-content-text", "textColor": "#B3B3B3", "text": "업계에서 인정받는 모션그래픽 디자인 회사는 브랜드 필름은 어떤 프로세스로 제작할까?
\n무형의 브랜드 아이덴티티를 시청각적 경험으로 만드는 모션그래픽 연출 방법을 모두 공유합니다." }, "uniqueId": "fc-block-6-uxts3x6s6", "isChecked": false }, { "id": "fc-block-7-3zbfemgij", "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": "4-GhhLAIHok" }, "uniqueId": "fc-block-7-5gya1fw18", "isChecked": false }, { "id": "fc-block-11-x6luflulk", "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": "#000000" }, "uniqueId": "fc-block-1-1g9denv0f", "isChecked": false }, { "id": "fc-block-2-j5mfht6kw", "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": "#121212", "paddingTop": "80", "paddingBottom": 10, "labelText": "CLASS", "layoutType": "fc-label-type1", "labelColor": "#fff" }, "uniqueId": "fc-block-1-xtb4bk7m9", "isChecked": false }, { "id": "fc-block-3-2szaipdb7", "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": "#121212", "useTextCenter": false, "textSize": "fc-h4-text", "textColor": "#fff", "text": "네이버, 카카오, 넥슨 등 최고의 IT 기업들과 작업했던
\n코스믹레이 브랜드 필름 메이킹 과정의 FULL 프로세스" }, "uniqueId": "fc-block-2-9j7fa6tog", "isChecked": false }, { "id": "fc-block-11-tydis5oxk", "layout": { "id": "513", "description": "블로그형 코스 카드", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "colorTheme", "type": "select", "description": "컬러 테마를 설정할 수 있습니다.
-라이트 모드 (default)
-다크 모드", "options": [ "theme--light", "theme--dark" ] }, { "name": "useLoadMoreBtn", "type": "checkbox", "description": "더보기 기능을 사용하려면 ON을 선택해주세요." }, { "name": "loadMoreBtnText", "type": "text", "description": "공백 포함 최대 14자까지 입력가능 그 이상 입력되는 텍스트는 ...으로 보여집니다." }, { "name": "buttonColor", "type": "text", "description": "더보기 버튼의 선 색상과 글자 색상을 변경할 수 있습니다." }, { "name": "useNewTab", "type": "checkbox", "description": "use new tab" }, { "name": "title", "type": "text", "description": "레이아웃 제목" }, { "name": "reverseOrder", "type": "checkbox", "description": "체크하면 목록이 역순으로 나열됩니다.\n페이지 > 미리보기에서 확인해주세요" }, { "name": "courseList", "type": "list", "description": "이 레이아웃은 컴포저의 실시간 미리보기 지원이 불가합니다.\n페이지의 미리보기 기능을 활용해주세요.", "maxLength": 100, "params": [ { "name": "courseId", "type": "text", "description": "course id", "isRequired": true }, { "name": "imageBadge", "type": "text", "description": "공백 없이 최대 4글자까지 입력이 가능합니다.", "isRequired": true }, { "name": "imageBadgeBackgroundColor", "type": "text", "description": "기본 값은 #ff7450입니다.", "isRequired": true, "defaultValue": "#ff7450" }, { "name": "imageBadgeTextColor", "type": "text", "description": "기본 값은 #ffffff입니다.", "defaultValue": "#ffffff" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "colorTheme": "theme--light", "useLoadMoreBtn": false, "loadMoreBtnText": "더 보기", "buttonColor": "#466eff", "useNewTab": false, "title": "", "reverseOrder": false, "courseList": [ { "courseId": "", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff" } ] }, "template": "

\"\n data-color-theme=\"<%= colorTheme %>\"\n data-use-load-more-btn=\"<%= useLoadMoreBtn %>\"\n data-use-new-tab=\"<%= useNewTab %>\"\n data-load-more-btn-text=\"<%= loadMoreBtnText %>\"\n data-button-color=\"<%= buttonColor || '#466eff' %>\"\n data-title=\"<%= title %>\"\n data-padding-top=\"<%= paddingTop %>\"\n data-padding-bottom=\"<%= paddingBottom %>\"\n data-reverse-order=\"<%= reverseOrder %>\"\n style=\"padding-top: <%= paddingTop / 10 %>rem; padding-bottom: <%= paddingBottom / 10 %>rem;\"\n>\n

\">\n

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

<%= title %>

\n <% } %>\n

\"\n data-image-badge=\"<%= course.imageBadge %>\"\n data-badge-background-color=\"<%= course.imageBadgeBackgroundColor || '#ff7450' %>\"\n data-badge-text-color=\"<%= course.imageBadgeTextColor || '#ffffff' %>\"\n data-id=\"<%= (course.id ) ? course.id : ( reverseOrder ? (course.id = course.length-idx) : (course.id = idx+1) ) %>\"\n >\n \">\n
\n <% if (course.courseId) { %>\n <% if (course.imageBadge) { %>\n
; color: <%= course.imageBadgeTextColor || '#ffffff' %>;\">\n
);\">\n <%= course.imageBadge %>\n
\n
\n <% } %>\n
\n
\n
\n
\n <% } %>\n
\n \n

\n \n

\n" }, "values": { "paddingTop": "0", "paddingBottom": "80", "colorTheme": "theme--dark", "useLoadMoreBtn": false, "loadMoreBtnText": "더 보기", "buttonColor": "#fff", "useNewTab": false, "title": "", "reverseOrder": false, "courseList": [ { "courseId": "235524", "imageBadge": "", "imageBadgeBackgroundColor": "#ff7450", "imageBadgeTextColor": "#ffffff", "id": 1 } ] }, "uniqueId": "fc-block-10-sj6ds0rl2", "isChecked": false }, { "id": "fc-block-6-xhvjt0udk", "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": "#000000", "paddingTop": "80", "paddingBottom": 10, "labelText": "PROJECT", "layoutType": "fc-label-type1", "labelColor": "#fff" }, "uniqueId": "fc-block-3-bgsa5nphq", "isChecked": false }, { "id": "fc-block-7-u9c5lrigm", "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-h4-text", "textColor": "#fff", "text": "모션그래픽 디자이너라면 한번쯤 봤을
\n코스믹레이의 브랜드 영상 포트폴리오" }, "uniqueId": "fc-block-4-nypw7dwhi", "isChecked": false }, { "id": "fc-block-1-5a4w0x79u", "layout": { "id": "212", "description": "자동재생 캐러셀 (인피니티루프, 셔플)", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "autoPlay", "type": "checkbox", "description": "default - on", "options": [ "3", "2" ] }, { "name": "shuffleOption", "type": "checkbox", "description": "컨텐츠의 순서를 셔플해서 보여주는 기능입니다.", "options": [ "3", "2" ] }, { "name": "autoPlayDelay", "type": "number", "description": "숫자를 입력하여 자동 재생되는 타이밍을 조절할 수 있습니다.
단위는 ms(밀리세컨드)로 조절됩니다.
1초 = 1000ms" }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) content1(14px)", "options": [ "text--h5", "text--h6", "text--content1" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) content1(14px)", "options": [ "text--h5", "text--h6", "text--content1" ] }, { "name": "cards", "type": "list", "description": "카드는 반드시 규칙을 맞춰서 작성해주세요.
- 2단 설정 : 3개 이상 작성할 것
- 3단 설정 : 4개 이상 작성할 것", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "파일 업로드" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "autoPlay": true, "shuffleOption": false, "autoPlayDelay": 2500, "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "text--h5", "text2Size": "text--h6", "cards": [ { "imageUrl": "", "text1": "", "text2": "", "link": "" }, { "imageUrl": "", "text1": "", "text2": "", "link": "" }, { "imageUrl": "", "text1": "", "text2": "", "link": "" } ] }, "template": "rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>;\n \"\n>\n

\">\n

\n \"\n data-column-count=\"<%= columnCount %>\"\n data-shuffle=\"<%= shuffleOption %>\"\n data-autoplay=\"<%= autoPlay %>\"\n data-delay=\"<%= autoPlayDelay %>\"\n >\n <% cards.forEach(({ imageUrl, text1, text2, link }) => { %>\n

\n <% if (link) { %> \"> <% } %> \n

\">\n <% if (imageUrl) { %>\n

\" alt=\"\" loading=\"lazy\" />\n <% } %>\n

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

\"><%= text1 %>

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

\"><%= text2 %>

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

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

\n\n" }, "values": { "paddingTop": "0", "paddingBottom": "160", "columnCount": "3", "autoPlay": true, "shuffleOption": true, "autoPlayDelay": 2500, "backgroundColor": "#000", "colorTheme": "theme-dark-mono", "text1Size": "text--h6", "text2Size": "text--content1", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/175552-539/img-project-cosmicray-01.webp", "text1": "COLOSO Planet Movie Package 2024", "text2": "", "link": "https://cosmic-ray.tv/Coloso-Planet-Movie-Package-2024" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/175557-539/img-project-cosmicray-02.webp", "text1": "Interactive Art - Bezier Space 2024", "text2": "", "link": "https://cosmic-ray.tv/Coloso-Planet-Movie-Package-2024" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/175601-539/img-project-cosmicray-03.webp", "text1": "NAVER Dan23 Conference Movie Package 2023", "text2": "", "link": "https://cosmic-ray.tv/NAVER-Dan23-Conference-Movie-Package-2023" }, { "link": "https://cosmic-ray.tv/KOCIS-Vietnam-Immersive-Media-Art-2023", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/175605-539/img-project-cosmicray-04.webp", "text1": "Iskra Visual Identity Development", "text2": "" }, { "link": "https://cosmic-ray.tv/Naver-Cue-Brand-Movie-2023", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/175610-539/img-project-cosmicray-05.webp", "text1": "Naver Cue: Brand Movie 2023", "text2": "" }, { "link": "https://cosmic-ray.tv/K-Culture-Square-Immersive-Media-Art-2023", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/175616-539/img-project-cosmicray-06.webp", "text1": "The Adventure of Black Rabbit 2023", "text2": "" } ] }, "uniqueId": "fc-block-1-9psuiwv4s", "isChecked": false }, { "id": "fc-block-5-a88s4qmc8", "layout": { "id": "201", "description": "중앙정렬 고정 사이즈 이미지", "icon": "\n", "params": [ { "name": "backgroundColor", "type": "text", "description": "background color" }, { "name": "useImageLeft", "type": "checkbox", "description": "use image center" }, { "name": "imageUrl", "type": "image", "description": "image url" }, { "name": "mobileImageUrl", "type": "image", "description": "mobile image url" }, { "name": "imageWidth", "type": "number", "description": "image width" }, { "name": "alt", "type": "text", "description": "이미지를 설명(대체)하는 대표 문구" }, { "name": "useNewTab", "type": "checkbox", "description": "" }, { "name": "link", "type": "text", "description": "link" } ], "values": { "backgroundColor": "#ffffff", "useImageLeft": false, "imageUrl": "", "mobileImageUrl": "", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "" }, "template": "

\">\n

\n <% if (imageUrl || mobileImageUrl) { %>\n <% if(link) { %>\n \" class=\"container__link\" <% if(useNewTab) { %> target=\"_blank\" rel=\"noopener noreferrer\" <% } %>>\n \n \n <% } else { %>\n \n <% } %>\n <% } %>\n

\n" }, "values": { "backgroundColor": "#000", "useImageLeft": false, "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/135448-539/banner.webp", "mobileImageUrl": "https://cdn.day1company.io/prod/uploads/202406/135451-539/banner-m.webp", "imageWidth": 980, "alt": "", "useNewTab": true, "link": "https://sharex.fastcampus.co.kr/class/219" }, "uniqueId": "fc-block-6-szqgnewxy", "isChecked": false }, { "id": "fc-block-3-3sngid6rd", "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": "#000000", "paddingTop": "160", "paddingBottom": 10, "labelText": "COMPANY", "layoutType": "fc-label-type1", "labelColor": "#fff" }, "uniqueId": "fc-block-8-9iztb5ody", "isChecked": false }, { "id": "fc-block-6-2bndbv0be", "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-h4-text", "textColor": "#fff", "text": "최정상 디자인 기업들이
\n한 곳에" }, "uniqueId": "fc-block-9-3citv0spq", "isChecked": false }, { "id": "fc-block-4-2dd6ovhsa", "layout": { "id": "212", "description": "자동재생 캐러셀 (인피니티루프, 셔플)", "icon": "\n", "params": [ { "name": "paddingTop", "type": "number", "description": "숫자 입력" }, { "name": "paddingBottom", "type": "number", "description": "숫자 입력" }, { "name": "columnCount", "type": "select", "description": "default - 3columns", "options": [ "3", "2" ] }, { "name": "autoPlay", "type": "checkbox", "description": "default - on", "options": [ "3", "2" ] }, { "name": "shuffleOption", "type": "checkbox", "description": "컨텐츠의 순서를 셔플해서 보여주는 기능입니다.", "options": [ "3", "2" ] }, { "name": "autoPlayDelay", "type": "number", "description": "숫자를 입력하여 자동 재생되는 타이밍을 조절할 수 있습니다.
단위는 ms(밀리세컨드)로 조절됩니다.
1초 = 1000ms" }, { "name": "backgroundColor", "type": "text", "description": "배경 색상" }, { "name": "colorTheme", "type": "select", "description": "네가지 테마중 하나를 선택할 수 있습니다.
light theme_red - 밝은 배경에 사용합니다 (버튼포인트)
dark theme_red - 어두운 배경에 사용합니다 (버튼포인트)
light theme_mono - 밝은 배경에 사용합니다
dark theme_mono - 어두운 배경에 사용합니다", "options": [ "theme-light-red", "theme-dark-red", "theme-light-mono", "theme-dark-mono" ] }, { "name": "text1Size", "type": "select", "description": "h5(20px), h6(16px) content1(14px)", "options": [ "text--h5", "text--h6", "text--content1" ] }, { "name": "text2Size", "type": "select", "description": "h5(20px), h6(16px) content1(14px)", "options": [ "text--h5", "text--h6", "text--content1" ] }, { "name": "cards", "type": "list", "description": "카드는 반드시 규칙을 맞춰서 작성해주세요.
- 2단 설정 : 3개 이상 작성할 것
- 3단 설정 : 4개 이상 작성할 것", "maxLength": 20, "params": [ { "name": "link", "type": "text", "description": "클릭시 열릴 페이지의 URL을 입력하세요." }, { "name": "imageUrl", "type": "image", "description": "파일 업로드" }, { "name": "text1", "type": "text", "description": "자유 입력" }, { "name": "text2", "type": "text", "description": "자유 입력" } ] } ], "values": { "paddingTop": 40, "paddingBottom": 40, "columnCount": "3", "autoPlay": true, "shuffleOption": false, "autoPlayDelay": 2500, "backgroundColor": "#ffffff", "colorTheme": "theme-light-red", "text1Size": "text--h5", "text2Size": "text--h6", "cards": [ { "imageUrl": "", "text1": "", "text2": "", "link": "" }, { "imageUrl": "", "text1": "", "text2": "", "link": "" }, { "imageUrl": "", "text1": "", "text2": "", "link": "" } ] }, "template": "rem;\n padding-bottom: <%= paddingBottom/10 %>rem;\n background-color: <%= backgroundColor || '#ffffff' %>;\n \"\n>\n

\">\n

\n <% if (link) { %> \"> <% } %> \n

\">\n <% if (imageUrl) { %>\n

\" alt=\"\" loading=\"lazy\" />\n <% } %>\n

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

\"><%= text1 %>

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

\"><%= text2 %>

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

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

\n\n" }, "values": { "paddingTop": "0", "paddingBottom": "160", "columnCount": "3", "autoPlay": true, "shuffleOption": true, "autoPlayDelay": 2500, "backgroundColor": "#000", "colorTheme": "theme-dark-mono", "text1Size": "text--h6", "text2Size": "text--content1", "cards": [ { "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/142458-539/img-company-huskyfox-h.webp", "text1": "허스키폭스", "text2": "브랜드 전략과 아이덴티티 디자인을 통해 올곧은 가치와 경험을 이야기합니다.", "link": "https://sharex.fastcampus.co.kr/huskyfox" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/142504-539/img-company-cosmicray-h.webp", "text1": "코스믹레이", "text2": "생동감있고 오래 기억에 남는 모션 그래픽 영상을 디자인합니다.", "link": "https://sharex.fastcampus.co.kr/cosmicray" }, { "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/142510-539/img-company-bkid-h.webp", "text1": "비케이아이디", "text2": "우리의 '삶'과 '업'에 관한 모든 것을 디자인합니다.", "link": "https://sharex.fastcampus.co.kr/bkid" }, { "link": "https://sharex.fastcampus.co.kr/compoundc", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/142516-539/img-company-compoundcollective-h.webp", "text1": "컴파운드 컬렉티브", "text2": "정교하고 감도높은 오디오 비주얼 콘텐츠를 구현합니다." }, { "link": "https://sharex.fastcampus.co.kr/heaz", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/142521-539/img-company-heaz-h.webp", "text1": "헤즈", "text2": "소비자와 공감하는 브랜드를 위해 디자인합니다." }, { "link": "https://sharex.fastcampus.co.kr/atelierdongha", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/142528-539/img-company-atelierdongha-h.webp", "text1": "아뜰리에 동가", "text2": "공간을 창의적으로 디자인합니다." }, { "link": "https://sharex.fastcampus.co.kr/fontrix", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/142537-539/img-company-fontrix-h.webp", "text1": "폰트릭스", "text2": "브랜드 가치를 높이는 서체를 디자인합니다." }, { "link": "https://sharex.fastcampus.co.kr/plusx", "imageUrl": "https://cdn.day1company.io/prod/uploads/202406/142544-539/img-company-plusx-h.webp", "text1": "플러스엑스", "text2": "브랜드와 소비자가 만나는 모든 접점에서 통합적인 솔루션을 제안하고 디자인합니다." } ] }, "uniqueId": "fc-block-5-kofg8gwci", "isChecked": false } ]

[쉐어엑스] 컴퍼니 소개 - 코스믹레이 (company - cosmicray) Details