625 lines
29 KiB
Plaintext
625 lines
29 KiB
Plaintext
# 07-components.json (canvas 12:92 'Components')
|
|
|
|
## title_left (COMPONENT, id=40:119)
|
|
COMPONENT 'title_left' [pad=T24.0,B24.0, gap=10.0]
|
|
TEXT 'ABOUT US' [bg=#77a5ff, "ABOUT US" 18.0px/w700/#77a5ff]
|
|
|
|
## title_right (COMPONENT, id=92:368)
|
|
COMPONENT 'title_right' [pad=T24.0,B24.0, gap=10.0]
|
|
TEXT 'ABOUT US' [bg=#ffffff, "ABOUT US" 16.0px/w700/#ffffff]
|
|
|
|
## GNB (COMPONENT, id=42:176)
|
|
COMPONENT 'GNB' [bg=#0d0d0d]
|
|
FRAME 'logo'
|
|
GROUP 'logo'
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
INSTANCE 'menu' [gap=10.0]
|
|
FRAME 'menu' [gap=12.0]
|
|
INSTANCE 'GNB' [bg=#ffffff]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
|
|
## icon/pluse (INSTANCE, id=2309:2289)
|
|
INSTANCE 'icon/pluse'
|
|
VECTOR 'Vector 1' [border=#ffffff/1.0px]
|
|
VECTOR 'Vector 2' [border=#ffffff/1.0px]
|
|
|
|
## menu (COMPONENT_SET, id=43:207)
|
|
COMPONENT_SET 'menu' [border=#9747ff/1.0px, radius=5.0, pad=L20.0,R20.0, gap=45.0]
|
|
COMPONENT 'Style=pc' [gap=10.0]
|
|
FRAME 'menu' [gap=12.0]
|
|
INSTANCE 'GNB' [bg=#ffffff]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
COMPONENT 'Style=mobile' [gap=24.0]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
TEXT 'HOME' [bg=#77a5ff, "HOME" 32.0px/w400/#77a5ff]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
TEXT 'HOME' [bg=#ffffff, "ABOUT" 32.0px/w400/#ffffff]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
TEXT 'HOME' [bg=#ffffff, "ABOUT" 32.0px/w400/#ffffff]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
TEXT 'HOME' [bg=#ffffff, "ABOUT" 32.0px/w400/#ffffff]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
TEXT 'HOME' [bg=#ffffff, "PROJECTS" 32.0px/w400/#ffffff]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
TEXT 'HOME' [bg=#ffffff, "CONTACT" 32.0px/w400/#ffffff]
|
|
|
|
## scroll/down (COMPONENT, id=109:1117)
|
|
COMPONENT 'scroll/down'
|
|
ELLIPSE 'Ellipse 6' [border=#ffffff/1.0px]
|
|
VECTOR 'Vector 1' [border=#ffffff/1.0px]
|
|
|
|
## chip (COMPONENT, id=166:870)
|
|
COMPONENT 'chip' [bg=#2d2d2d, border=#ffffff/0.5px, radius=20.0, pad=L14.0,R14.0,T4.0,B6.0, gap=10.0]
|
|
TEXT 'typescript' [bg=#ffffff, "typescript" 12.0px/w300/#ffffff]
|
|
|
|
## chips (COMPONENT_SET, id=11:358)
|
|
COMPONENT_SET 'chips' [border=#9747ff/1.0px, radius=5.0]
|
|
COMPONENT 'number=1' [gap=4.0]
|
|
INSTANCE 'chip' [bg=#2d2d2d, border=#ffffff/0.5px, radius=20.0, pad=L14.0,R14.0,T4.0,B6.0, gap=10.0]
|
|
TEXT 'typescript' [bg=#ffffff, "text" 12.0px/w300/#ffffff]
|
|
COMPONENT 'number=2' [gap=4.0]
|
|
INSTANCE 'chip' [bg=#2d2d2d, border=#ffffff/0.5px, radius=20.0, pad=L14.0,R14.0,T4.0,B6.0, gap=10.0]
|
|
TEXT 'typescript' [bg=#ffffff, "text" 12.0px/w300/#ffffff]
|
|
INSTANCE 'chip' [bg=#2d2d2d, border=#ffffff/0.5px, radius=20.0, pad=L14.0,R14.0,T4.0,B6.0, gap=10.0]
|
|
TEXT 'typescript' [bg=#ffffff, "text" 12.0px/w300/#ffffff]
|
|
COMPONENT 'number=3' [gap=4.0]
|
|
INSTANCE 'chip' [bg=#2d2d2d, border=#ffffff/0.5px, radius=20.0, pad=L14.0,R14.0,T4.0,B6.0, gap=10.0]
|
|
TEXT 'typescript' [bg=#ffffff, "text" 12.0px/w300/#ffffff]
|
|
INSTANCE 'chip' [bg=#2d2d2d, border=#ffffff/0.5px, radius=20.0, pad=L14.0,R14.0,T4.0,B6.0, gap=10.0]
|
|
TEXT 'typescript' [bg=#ffffff, "text" 12.0px/w300/#ffffff]
|
|
INSTANCE 'chip' [bg=#2d2d2d, border=#ffffff/0.5px, radius=20.0, pad=L14.0,R14.0,T4.0,B6.0, gap=10.0]
|
|
TEXT 'typescript' [bg=#ffffff, "text" 12.0px/w300/#ffffff]
|
|
COMPONENT 'number=4' [gap=4.0]
|
|
INSTANCE 'chip' [bg=#2d2d2d, border=#ffffff/0.5px, radius=20.0, pad=L14.0,R14.0,T4.0,B6.0, gap=10.0]
|
|
TEXT 'typescript' [bg=#ffffff, "text" 12.0px/w300/#ffffff]
|
|
INSTANCE 'chip' [bg=#2d2d2d, border=#ffffff/0.5px, radius=20.0, pad=L14.0,R14.0,T4.0,B6.0, gap=10.0]
|
|
TEXT 'typescript' [bg=#ffffff, "text" 12.0px/w300/#ffffff]
|
|
INSTANCE 'chip' [bg=#2d2d2d, border=#ffffff/0.5px, radius=20.0, pad=L14.0,R14.0,T4.0,B6.0, gap=10.0]
|
|
TEXT 'typescript' [bg=#ffffff, "text" 12.0px/w300/#ffffff]
|
|
INSTANCE 'chip' [bg=#2d2d2d, border=#ffffff/0.5px, radius=20.0, pad=L14.0,R14.0,T4.0,B6.0, gap=10.0]
|
|
TEXT 'typescript' [bg=#ffffff, "text" 12.0px/w300/#ffffff]
|
|
COMPONENT 'number=5' [gap=4.0]
|
|
INSTANCE 'chip' [bg=#2d2d2d, border=#ffffff/0.5px, radius=20.0, pad=L14.0,R14.0,T4.0,B6.0, gap=10.0]
|
|
TEXT 'typescript' [bg=#ffffff, "text" 12.0px/w300/#ffffff]
|
|
INSTANCE 'chip' [bg=#2d2d2d, border=#ffffff/0.5px, radius=20.0, pad=L14.0,R14.0,T4.0,B6.0, gap=10.0]
|
|
TEXT 'typescript' [bg=#ffffff, "text" 12.0px/w300/#ffffff]
|
|
INSTANCE 'chip' [bg=#2d2d2d, border=#ffffff/0.5px, radius=20.0, pad=L14.0,R14.0,T4.0,B6.0, gap=10.0]
|
|
TEXT 'typescript' [bg=#ffffff, "text" 12.0px/w300/#ffffff]
|
|
INSTANCE 'chip' [bg=#2d2d2d, border=#ffffff/0.5px, radius=20.0, pad=L14.0,R14.0,T4.0,B6.0, gap=10.0]
|
|
TEXT 'typescript' [bg=#ffffff, "text" 12.0px/w300/#ffffff]
|
|
INSTANCE 'chip' [bg=#2d2d2d, border=#ffffff/0.5px, radius=20.0, pad=L14.0,R14.0,T4.0,B6.0, gap=10.0]
|
|
TEXT 'typescript' [bg=#ffffff, "text" 12.0px/w300/#ffffff]
|
|
|
|
## Project card (COMPONENT_SET, id=11:410)
|
|
COMPONENT_SET 'Project card' [border=#9747ff/1.0px, radius=5.0, pad=L20.0,R20.0,T20.0,B20.0, gap=36.0]
|
|
COMPONENT 'size=XL' [gap=24.0]
|
|
INSTANCE 'Thumbnails' [radius=8.0]
|
|
RECTANGLE 'markus-winkler-tUEnyweZjEU-unsplash 2'
|
|
GROUP 'Mask group'
|
|
FRAME 'title_wrap' [gap=24.0]
|
|
FRAME 'text' [gap=18.0]
|
|
INSTANCE 'chips' [gap=4.0]
|
|
COMPONENT 'size=L' [gap=24.0]
|
|
INSTANCE 'Thumbnails' [radius=8.0]
|
|
RECTANGLE 'markus-winkler-tUEnyweZjEU-unsplash 2'
|
|
GROUP 'Mask group'
|
|
FRAME 'title_wrap' [gap=24.0]
|
|
FRAME 'text' [gap=18.0]
|
|
INSTANCE 'chips' [gap=4.0]
|
|
COMPONENT 'size=M' [gap=24.0]
|
|
INSTANCE 'Thumbnails' [radius=8.0]
|
|
RECTANGLE 'markus-winkler-tUEnyweZjEU-unsplash 2'
|
|
GROUP 'Mask group'
|
|
FRAME 'title_wrap' [gap=24.0]
|
|
FRAME 'text' [gap=18.0]
|
|
INSTANCE 'chips' [gap=4.0]
|
|
COMPONENT 'size=S' [gap=24.0]
|
|
INSTANCE 'Thumbnails' [radius=8.0]
|
|
RECTANGLE 'markus-winkler-tUEnyweZjEU-unsplash 2'
|
|
GROUP 'Mask group'
|
|
FRAME 'title_wrap' [gap=24.0]
|
|
FRAME 'text' [gap=18.0]
|
|
INSTANCE 'chips' [gap=4.0]
|
|
|
|
## Input (COMPONENT_SET, id=74:2556)
|
|
COMPONENT_SET 'Input' [border=#9747ff/1.0px, radius=5.0]
|
|
COMPONENT 'type=enabled' [bg=#ffffff, border=#0d0d0d/1.0px, radius=8.0, pad=L16.0,R16.0,T16.0,B16.0, gap=10.0]
|
|
TEXT '회사명' [bg=#0d0d0d, "회사명" 14.0px/w400/#0d0d0d]
|
|
COMPONENT 'type=focus' [bg=#ffffff, border=#8f00ff/1.0px, radius=8.0, pad=L16.0,R16.0,T16.0,B16.0, gap=10.0]
|
|
TEXT '회사명' [bg=#0d0d0d, "회사명" 14.0px/w400/#0d0d0d]
|
|
COMPONENT 'type=disabled' [bg=#ffffff, border=#0d0d0d/1.0px, radius=8.0, pad=L16.0,R16.0,T16.0,B16.0, gap=10.0]
|
|
TEXT '회사명' [bg=#737373, "회사명" 14.0px/w400/#737373]
|
|
|
|
## btn/large (COMPONENT_SET, id=74:2574)
|
|
COMPONENT_SET 'btn/large' [border=#9747ff/1.0px, radius=5.0, pad=L20.0,R20.0,T20.0,B20.0, gap=20.0]
|
|
COMPONENT 'style=large' [bg=#d9d9d9, border=#ffffff/1.0px, radius=36.0, pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
FRAME 'Frame 37' [gap=12.0]
|
|
INSTANCE 'icon/pluse'
|
|
TEXT 'view more' [bg=#ffffff, "view more" 24.0px/w400/#ffffff]
|
|
COMPONENT 'style=medium' [bg=#d9d9d9, border=#ffffff/1.0px, radius=24.0, pad=L32.0,R32.0,T16.0,B16.0, gap=10.0]
|
|
FRAME 'Frame 37' [gap=12.0]
|
|
INSTANCE 'icon/pluse'
|
|
TEXT 'view more' [bg=#ffffff, "view more" 16.0px/w400/#ffffff]
|
|
COMPONENT 'style=small' [bg=#77a5ff, radius=24.0, pad=L32.0,R32.0,T16.0,B16.0, gap=10.0]
|
|
FRAME 'Frame 37' [gap=12.0]
|
|
TEXT 'view more' [bg=#000000, "view more" 16.0px/w400/#000000]
|
|
|
|
## Check box (COMPONENT_SET, id=74:2630)
|
|
COMPONENT_SET 'Check box' [border=#9747ff/1.0px, radius=5.0]
|
|
COMPONENT 'state=off' [border=#0d0d0d/1.0px, radius=4.0, pad=L7.0,R7.0,T9.0,B9.0, gap=10.0]
|
|
VECTOR 'Vector' [bg=#00f0ff]
|
|
COMPONENT 'state=on' [bg=#77a5ff, radius=4.0, pad=L7.0,R7.0,T9.0,B9.0, gap=10.0]
|
|
VECTOR 'Vector' [bg=#0d0d0d]
|
|
|
|
## Checked/on (COMPONENT, id=74:2636)
|
|
COMPONENT 'Checked/on' [bg=#ffffff, pad=T3.0,B3.0, gap=14.0]
|
|
INSTANCE 'Check box' [bg=#77a5ff, radius=4.0, pad=L7.0,R7.0,T9.0,B9.0, gap=10.0]
|
|
VECTOR 'Vector' [bg=#0d0d0d]
|
|
TEXT 'Text' [bg=#ffffff, "Text" 16.0px/w400/#ffffff]
|
|
|
|
## btn/small (COMPONENT_SET, id=91:3384)
|
|
COMPONENT_SET 'btn/small' [border=#9747ff/1.0px, radius=5.0]
|
|
COMPONENT 'state=Default' [bg=#d9d9d9, border=#0d0d0d/1.0px, radius=40.0, pad=L24.0,R24.0,T8.0,B8.0, gap=10.0]
|
|
FRAME 'Frame 37' [gap=8.0]
|
|
TEXT 'text' [bg=#0d0d0d, "text" 16.0px/w400/#0d0d0d]
|
|
INSTANCE 'icon' [bg=#ffffff]
|
|
COMPONENT 'state=disabled' [bg=#dadada, border=#686868/1.0px, radius=40.0, pad=L24.0,R24.0,T8.0,B8.0, gap=10.0]
|
|
FRAME 'Frame 37' [gap=8.0]
|
|
TEXT 'text' [bg=#606060, "text" 16.0px/w400/#606060]
|
|
INSTANCE 'icon' [bg=#ffffff]
|
|
COMPONENT 'state=hover' [bg=#d9d9d9, border=#77a5ff/1.0px, radius=40.0, pad=L24.0,R24.0,T8.0,B8.0, gap=10.0]
|
|
FRAME 'Frame 37' [gap=8.0]
|
|
TEXT 'text' [bg=#77a5ff, "text" 16.0px/w400/#77a5ff]
|
|
INSTANCE 'icon' [bg=#ffffff]
|
|
|
|
## icon (COMPONENT_SET, id=91:3399)
|
|
COMPONENT_SET 'icon' [border=#9747ff/1.0px, radius=5.0]
|
|
COMPONENT 'state=Default' [bg=#ffffff]
|
|
GROUP 'Group'
|
|
VECTOR 'Vector'
|
|
GROUP 'Group'
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
COMPONENT 'state=hover' [bg=#ffffff]
|
|
GROUP 'Group'
|
|
VECTOR 'Vector'
|
|
GROUP 'Group'
|
|
VECTOR 'Vector' [bg=#77a5ff]
|
|
|
|
## logo (COMPONENT_SET, id=147:1118)
|
|
COMPONENT_SET 'logo' [border=#9747ff/1.0px, radius=5.0, pad=L10.0,R10.0,T10.0,B10.0, gap=20.0]
|
|
COMPONENT 'Style=PC-1'
|
|
GROUP 'logo'
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
COMPONENT 'Style=PC-2'
|
|
FRAME 'Frame 82' [gap=-1.0]
|
|
FRAME 'Frame 78' [border=#ffffff/1.0px]
|
|
FRAME 'Frame 79' [border=#ffffff/1.0px]
|
|
FRAME 'Frame 80' [border=#ffffff/1.0px]
|
|
FRAME 'Frame 81' [border=#ffffff/1.0px]
|
|
FRAME 'Frame 83' [gap=-1.0]
|
|
FRAME 'Frame 78' [border=#ffffff/1.0px]
|
|
FRAME 'Frame 79' [border=#ffffff/1.0px]
|
|
FRAME 'Frame 80' [border=#ffffff/1.0px]
|
|
COMPONENT 'Style=MO'
|
|
GROUP 'logo'
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
|
|
## logo (FRAME, id=152:1265)
|
|
FRAME 'logo'
|
|
GROUP 'logo'
|
|
VECTOR 'Vector 3' [border=#ffffff/1.0px]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
VECTOR 'Vector' [bg=#ffffff]
|
|
|
|
## icon (COMPONENT_SET, id=152:1386)
|
|
COMPONENT_SET 'icon' [border=#9747ff/1.0px, radius=5.0]
|
|
COMPONENT 'Style=white, Type=open'
|
|
VECTOR 'Vector 2' [border=#ffffff/1.0px]
|
|
COMPONENT 'Style=white, Type=close'
|
|
VECTOR 'Vector 2' [border=#ffffff/1.0px]
|
|
COMPONENT 'Style=black, Type=close'
|
|
VECTOR 'Vector 2' [border=#0d0d0d/1.0px]
|
|
COMPONENT 'Style=black, Type=open'
|
|
VECTOR 'Vector 2' [border=#0d0d0d/1.0px]
|
|
|
|
## Navigation icon (COMPONENT_SET, id=152:1689)
|
|
COMPONENT_SET 'Navigation icon' [border=#9747ff/1.0px, radius=5.0]
|
|
COMPONENT 'Style=menu-open'
|
|
RECTANGLE 'Rectangle 6' [bg=#ffffff, radius=2.0]
|
|
RECTANGLE 'Rectangle 7' [bg=#ffffff, radius=2.0]
|
|
RECTANGLE 'Rectangle 8' [bg=#ffffff, radius=2.0]
|
|
COMPONENT 'Style=menu-close'
|
|
RECTANGLE 'Rectangle 7' [bg=#ffffff, radius=2.0]
|
|
RECTANGLE 'Rectangle 8' [bg=#ffffff, radius=2.0]
|
|
|
|
## GNB (COMPONENT_SET, id=152:1737)
|
|
COMPONENT_SET 'GNB' [border=#9747ff/1.0px, radius=5.0, pad=L11.0,R11.0,T20.0,B20.0, gap=10.0]
|
|
COMPONENT 'Style=pc, Type=Inative' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
TEXT 'HOME' [bg=#ffffff, "HOME" 16.0px/w400/#ffffff]
|
|
COMPONENT 'Style=pc, Type=Active' [bg=#ffffff]
|
|
INSTANCE 'GNB' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
TEXT 'HOME' [bg=#77a5ff, "HOME" 16.0px/w400/#77a5ff]
|
|
COMPONENT 'Style=mobile, Type=Inative' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
TEXT 'HOME' [bg=#ffffff, "HOME" 32.0px/w400/#ffffff]
|
|
COMPONENT 'Style=mobile, Type=Active' [pad=L32.0,R32.0,T24.0,B24.0, gap=10.0]
|
|
TEXT 'HOME' [bg=#77a5ff, "HOME" 32.0px/w400/#77a5ff]
|
|
|
|
## footer (COMPONENT_SET, id=154:1945)
|
|
COMPONENT_SET 'footer' [border=#9747ff/1.0px, radius=5.0]
|
|
COMPONENT 'Style=pc' [bg=#0d0d0d, pad=L120.0,R120.0,T60.0,B60.0, gap=325.0]
|
|
TEXT 'THE BODA LAB' [bg=#ffffff, "THE\nBODA LAB" 32.0px/w600/#ffffff]
|
|
FRAME 'Frame 39' [gap=20.0]
|
|
FRAME 'Frame 40' [gap=8.0]
|
|
FRAME 'Frame 41' [gap=8.0]
|
|
TEXT '© 2026 BODA LAB' [bg=#ffffff, "© 2026 BODA LAB" 14.0px/w400/#ffffff]
|
|
COMPONENT 'Style=mobile' [bg=#0d0d0d]
|
|
FRAME 'Frame 42' [pad=L40.0,R40.0,T40.0,B40.0, gap=46.0]
|
|
TEXT 'THE BODA LAB' [bg=#ffffff, "THE\nBODA LAB" 32.0px/w600/#ffffff]
|
|
FRAME 'Frame 39' [gap=20.0]
|
|
TEXT '© 2026 BODA LAB' [bg=#ffffff, "© 2026 BODA LAB" 14.0px/w400/#ffffff]
|
|
|
|
## List (COMPONENT, id=168:719)
|
|
COMPONENT 'List' [gap=24.0]
|
|
FRAME 'Frame 31' [gap=912.0]
|
|
TEXT 'Front-end developer' [bg=#ffffff, "프로젝트 문의" 32.0px/w400/#ffffff]
|
|
INSTANCE 'icon'
|
|
VECTOR 'Vector 2' [border=#ffffff/1.0px]
|
|
LINE 'Line 4' [border=#ffffff/1.0px]
|
|
|
|
## icon/pluse (COMPONENT_SET, id=154:2118)
|
|
COMPONENT_SET 'icon/pluse' [border=#9747ff/1.0px, radius=5.0, pad=L20.0,R20.0,T20.0,B20.0, gap=18.0]
|
|
COMPONENT 'Style=large, Name=Plus'
|
|
VECTOR 'Vector 1' [border=#ffffff/2.0px]
|
|
VECTOR 'Vector 2' [border=#ffffff/2.0px]
|
|
COMPONENT 'Style=medium, Name=Plus'
|
|
VECTOR 'Vector 1' [border=#ffffff/1.0px]
|
|
VECTOR 'Vector 2' [border=#ffffff/1.0px]
|
|
COMPONENT 'Style=small, Name=Plus'
|
|
VECTOR 'Vector 1' [border=#ffffff/1.399999976158142px]
|
|
VECTOR 'Vector 2' [border=#ffffff/1.399999976158142px]
|
|
COMPONENT 'Style=large, Name=Minus'
|
|
VECTOR 'Vector 2' [border=#ffffff/2.0px]
|
|
COMPONENT 'Style=medium, Name=Minus'
|
|
VECTOR 'Vector 2' [border=#ffffff/1.0px]
|
|
COMPONENT 'Style=small, Name=Minus'
|
|
VECTOR 'Vector 2' [border=#ffffff/1.399999976158142px]
|
|
|
|
## Map (COMPONENT_SET, id=168:598)
|
|
COMPONENT_SET 'Map' [border=#9747ff/1.0px, radius=5.0, pad=L20.0,R20.0,T20.0,B20.0, gap=20.0]
|
|
COMPONENT 'Style=pc' [bg=#0d0d0d]
|
|
GROUP 'map'
|
|
GROUP 'Group 33'
|
|
FRAME 'Location pin' [bg=#ffffff]
|
|
TEXT 'Gasan Digital Complex Station' [bg=#4c64c6, "Gasan \nDigital Complex \nStatio" 12.0px/w400/#4c64c6]
|
|
TEXT 'BODA Lab' [bg=#ffffff, "BODA Lab" 14.0px/w600/#ffffff]
|
|
TEXT 'Gasan Digital Complex Station' [bg=#697215, "Gasan \nDigital Complex \nStatio" 12.0px/w400/#697215]
|
|
RECTANGLE 'Rectangle 1'
|
|
RECTANGLE 'Rectangle 2'
|
|
RECTANGLE 'Rectangle 3'
|
|
COMPONENT 'Style=mobile' [bg=#0d0d0d]
|
|
GROUP 'map'
|
|
GROUP 'Group 33'
|
|
FRAME 'Location pin' [bg=#ffffff]
|
|
TEXT 'Gasan Digital Complex Station' [bg=#4c64c6, "Gasan \nDigital Complex \nStatio" 12.0px/w400/#4c64c6]
|
|
TEXT 'BODA Lab' [bg=#ffffff, "BODA Lab" 14.0px/w600/#ffffff]
|
|
TEXT 'Gasan Digital Complex Station' [bg=#697215, "Gasan \nDigital Complex \nStatio" 12.0px/w400/#697215]
|
|
RECTANGLE 'Rectangle 1'
|
|
RECTANGLE 'Rectangle 2'
|
|
|
|
## Indicator (COMPONENT, id=168:816)
|
|
COMPONENT 'Indicator' [gap=8.0]
|
|
ELLIPSE 'Ellipse 8' [bg=#77a5ff]
|
|
ELLIPSE 'Ellipse 9' [bg=#ffffff]
|
|
ELLIPSE 'Ellipse 10' [bg=#ffffff]
|
|
|
|
## markus-winkler-tUEnyweZjEU-unsplash 1 (RECTANGLE, id=284:672)
|
|
RECTANGLE 'markus-winkler-tUEnyweZjEU-unsplash 1'
|
|
|
|
## sarah-dorweiler-gIx3YO42hpM-unsplash 1 (RECTANGLE, id=284:676)
|
|
RECTANGLE 'sarah-dorweiler-gIx3YO42hpM-unsplash 1'
|
|
|
|
## Thumbnails (COMPONENT_SET, id=293:685)
|
|
COMPONENT_SET 'Thumbnails' [border=#9747ff/1.0px, radius=5.0, pad=L20.0,R20.0,T20.0,B20.0, gap=70.0]
|
|
COMPONENT '프로젝트=신한은행, 사이즈=XL' [radius=8.0]
|
|
RECTANGLE 'markus-winkler-tUEnyweZjEU-unsplash 2'
|
|
GROUP 'Mask group'
|
|
VECTOR 'Vector 4' [bg=#d9d9d9]
|
|
RECTANGLE 'IMG_6977 1'
|
|
COMPONENT '프로젝트=신한은행, 사이즈=L' [radius=8.0]
|
|
RECTANGLE 'markus-winkler-tUEnyweZjEU-unsplash 2'
|
|
GROUP 'Mask group'
|
|
VECTOR 'Vector 4' [bg=#d9d9d9]
|
|
RECTANGLE 'IMG_6977 1'
|
|
COMPONENT '프로젝트=신한은행, 사이즈=M' [radius=8.0]
|
|
RECTANGLE 'markus-winkler-tUEnyweZjEU-unsplash 2'
|
|
GROUP 'Mask group'
|
|
VECTOR 'Vector 4' [bg=#d9d9d9]
|
|
RECTANGLE 'IMG_6977 1'
|
|
COMPONENT '프로젝트=신한은행, 사이즈=S' [radius=8.0]
|
|
RECTANGLE 'markus-winkler-tUEnyweZjEU-unsplash 2'
|
|
GROUP 'Mask group'
|
|
VECTOR 'Vector 4' [bg=#d9d9d9]
|
|
RECTANGLE 'IMG_6977 1'
|
|
COMPONENT '프로젝트=SK그룹, 사이즈=XL' [radius=8.0]
|
|
RECTANGLE 'unsplash:LqBCBH7b1k8'
|
|
FRAME 'Frame 44' [radius=11.53125]
|
|
RECTANGLE 'image 1'
|
|
COMPONENT '프로젝트=SK그룹, 사이즈=L' [radius=8.0]
|
|
RECTANGLE 'unsplash:LqBCBH7b1k8'
|
|
FRAME 'Frame 44' [radius=9.75]
|
|
RECTANGLE 'image 1'
|
|
COMPONENT '프로젝트=SK그룹, 사이즈=M' [radius=8.0]
|
|
RECTANGLE 'unsplash:LqBCBH7b1k8'
|
|
FRAME 'Frame 44' [radius=7.96875]
|
|
RECTANGLE 'image 1'
|
|
COMPONENT '프로젝트=SK그룹, 사이즈=S' [radius=8.0]
|
|
RECTANGLE 'unsplash:LqBCBH7b1k8'
|
|
FRAME 'Frame 44' [radius=5.234375]
|
|
RECTANGLE 'image 1'
|
|
COMPONENT '프로젝트=PNS네트웍스, 사이즈=XL' [radius=8.0]
|
|
RECTANGLE 'unsplash:iABDznUDy6c'
|
|
FRAME 'Frame 52'
|
|
RECTANGLE 'image 2'
|
|
COMPONENT '프로젝트=PNS네트웍스, 사이즈=L' [radius=8.0]
|
|
RECTANGLE 'unsplash:iABDznUDy6c'
|
|
FRAME 'Frame 52'
|
|
RECTANGLE 'image 2'
|
|
COMPONENT '프로젝트=PNS네트웍스, 사이즈=M' [radius=8.0]
|
|
RECTANGLE 'unsplash:iABDznUDy6c'
|
|
FRAME 'Frame 52'
|
|
RECTANGLE 'image 2'
|
|
COMPONENT '프로젝트=PNS네트웍스, 사이즈=S' [radius=8.0]
|
|
RECTANGLE 'unsplash:iABDznUDy6c'
|
|
FRAME 'Frame 52'
|
|
RECTANGLE 'image 2'
|
|
COMPONENT '프로젝트=롯데렌터카1, 사이즈=XL' [radius=8.0]
|
|
RECTANGLE 'brian-mcgowan-WJ0WWNdmJ3Y-unsplash 1'
|
|
FRAME 'Frame 54'
|
|
RECTANGLE 'image 4'
|
|
COMPONENT '프로젝트=롯데렌터카1, 사이즈=L' [radius=8.0]
|
|
RECTANGLE 'brian-mcgowan-WJ0WWNdmJ3Y-unsplash 1'
|
|
FRAME 'Frame 54'
|
|
RECTANGLE 'image 4'
|
|
COMPONENT '프로젝트=롯데렌터카1, 사이즈=M' [radius=8.0]
|
|
RECTANGLE 'brian-mcgowan-WJ0WWNdmJ3Y-unsplash 1'
|
|
FRAME 'Frame 54'
|
|
RECTANGLE 'image 4'
|
|
COMPONENT '프로젝트=롯데렌터카1, 사이즈=S' [radius=8.0]
|
|
RECTANGLE 'brian-mcgowan-WJ0WWNdmJ3Y-unsplash 1'
|
|
FRAME 'Frame 54'
|
|
RECTANGLE 'image 4'
|
|
COMPONENT '프로젝트=오뚜기, 사이즈=XL' [radius=8.0]
|
|
RECTANGLE 'unsplash:zFOm6KzA-7g'
|
|
FRAME 'Frame 56'
|
|
RECTANGLE 'image 5'
|
|
FRAME 'Frame 76' [bg=#ebecee]
|
|
COMPONENT '프로젝트=오뚜기, 사이즈=L' [radius=8.0]
|
|
RECTANGLE 'unsplash:zFOm6KzA-7g'
|
|
FRAME 'Frame 76' [bg=#ebecee]
|
|
FRAME 'Frame 56'
|
|
RECTANGLE 'image 5'
|
|
COMPONENT '프로젝트=오뚜기, 사이즈=M' [radius=8.0]
|
|
RECTANGLE 'unsplash:zFOm6KzA-7g'
|
|
FRAME 'Frame 76' [bg=#ebecee]
|
|
FRAME 'Frame 56'
|
|
RECTANGLE 'image 5'
|
|
COMPONENT '프로젝트=오뚜기, 사이즈=S' [radius=8.0]
|
|
RECTANGLE 'unsplash:zFOm6KzA-7g'
|
|
FRAME 'Frame 76' [bg=#ebecee]
|
|
FRAME 'Frame 56'
|
|
RECTANGLE 'image 5'
|
|
COMPONENT '프로젝트=구스다운, 사이즈=XL' [radius=8.0]
|
|
RECTANGLE 'tech-daily-dr9Dp1RVYgQ-unsplash 1'
|
|
FRAME 'Frame 60'
|
|
RECTANGLE 'image 7'
|
|
COMPONENT '프로젝트=구스다운, 사이즈=L' [radius=8.0]
|
|
RECTANGLE 'tech-daily-dr9Dp1RVYgQ-unsplash 1'
|
|
FRAME 'Frame 60'
|
|
RECTANGLE 'image 7'
|
|
COMPONENT '프로젝트=구스다운, 사이즈=M' [radius=8.0]
|
|
RECTANGLE 'tech-daily-dr9Dp1RVYgQ-unsplash 1'
|
|
FRAME 'Frame 60'
|
|
RECTANGLE 'image 7'
|
|
COMPONENT '프로젝트=구스다운, 사이즈=S' [radius=8.0]
|
|
RECTANGLE 'tech-daily-dr9Dp1RVYgQ-unsplash 1'
|
|
FRAME 'Frame 60'
|
|
RECTANGLE 'image 7'
|
|
COMPONENT '프로젝트=더한옥헤리티지하우스, 사이즈=XL' [radius=8.0]
|
|
RECTANGLE 'daniel-korpai-oWiEeTIxYvk-unsplash 1'
|
|
FRAME 'Frame 58' [bg=#e5cdcd, radius=32.0]
|
|
RECTANGLE 'image 6'
|
|
COMPONENT '프로젝트=더한옥헤리티지하우스, 사이즈=L' [radius=8.0]
|
|
RECTANGLE 'daniel-korpai-oWiEeTIxYvk-unsplash 1'
|
|
FRAME 'Frame 58' [bg=#e5cdcd, radius=27.05691146850586]
|
|
RECTANGLE 'image 6'
|
|
COMPONENT '프로젝트=더한옥헤리티지하우스, 사이즈=M' [radius=8.0]
|
|
RECTANGLE 'daniel-korpai-oWiEeTIxYvk-unsplash 1'
|
|
FRAME 'Frame 58' [bg=#e5cdcd, radius=22.11382293701172]
|
|
RECTANGLE 'image 6'
|
|
COMPONENT '프로젝트=더한옥헤리티지하우스, 사이즈=S' [radius=8.0]
|
|
RECTANGLE 'daniel-korpai-oWiEeTIxYvk-unsplash 1'
|
|
FRAME 'Frame 58' [bg=#e5cdcd, radius=14.52574634552002]
|
|
RECTANGLE 'image 6'
|
|
COMPONENT '프로젝트=그린카, 사이즈=XL' [radius=8.0]
|
|
RECTANGLE 'unsplash:mO-uPVwGVI0'
|
|
FRAME 'Frame 63' [radius=20.0]
|
|
RECTANGLE 'image 10'
|
|
COMPONENT '프로젝트=그린카, 사이즈=L' [radius=8.0]
|
|
RECTANGLE 'unsplash:mO-uPVwGVI0'
|
|
FRAME 'Frame 63' [radius=16.91057014465332]
|
|
RECTANGLE 'image 10'
|
|
COMPONENT '프로젝트=그린카, 사이즈=M' [radius=8.0]
|
|
RECTANGLE 'unsplash:mO-uPVwGVI0'
|
|
FRAME 'Frame 63' [radius=13.821139335632324]
|
|
RECTANGLE 'image 10'
|
|
COMPONENT '프로젝트=그린카, 사이즈=S' [radius=8.0]
|
|
RECTANGLE 'unsplash:mO-uPVwGVI0'
|
|
FRAME 'Frame 63' [radius=9.078591346740723]
|
|
RECTANGLE 'image 10'
|
|
COMPONENT '프로젝트=프로스펙스, 사이즈=XL' [radius=8.0]
|
|
RECTANGLE 'unsplash:QeJ943yEd1E'
|
|
FRAME 'Frame 68' [bg=#000000]
|
|
RECTANGLE 'image 11'
|
|
COMPONENT '프로젝트=프로스펙스, 사이즈=L' [radius=8.0]
|
|
RECTANGLE 'unsplash:QeJ943yEd1E'
|
|
FRAME 'Frame 68' [bg=#000000]
|
|
RECTANGLE 'image 11'
|
|
COMPONENT '프로젝트=프로스펙스, 사이즈=M' [radius=8.0]
|
|
RECTANGLE 'unsplash:QeJ943yEd1E'
|
|
FRAME 'Frame 68' [bg=#000000]
|
|
RECTANGLE 'image 11'
|
|
COMPONENT '프로젝트=프로스펙스, 사이즈=S' [radius=8.0]
|
|
RECTANGLE 'unsplash:QeJ943yEd1E'
|
|
FRAME 'Frame 68' [bg=#000000]
|
|
RECTANGLE 'image 11'
|
|
COMPONENT '프로젝트=중소기업창업, 사이즈=XL' [bg=#7893c6, radius=8.0]
|
|
FRAME 'Frame 69' [bg=#000000, radius=16.0]
|
|
FRAME 'Frame 70' [bg=#ffffff, radius=12.0]
|
|
COMPONENT '프로젝트=중소기업창업, 사이즈=L' [bg=#7893c6, radius=8.0]
|
|
FRAME 'Frame 69' [bg=#000000, radius=13.52845573425293]
|
|
FRAME 'Frame 70' [bg=#ffffff, radius=10.146341323852539]
|
|
COMPONENT '프로젝트=중소기업창업, 사이즈=M' [bg=#7893c6, radius=8.0]
|
|
FRAME 'Frame 69' [bg=#000000, radius=11.056910514831543]
|
|
FRAME 'Frame 70' [bg=#ffffff, radius=8.292682647705078]
|
|
COMPONENT '프로젝트=중소기업창업, 사이즈=S' [bg=#7893c6, radius=8.0]
|
|
FRAME 'Frame 69' [bg=#000000, radius=7.26287317276001]
|
|
FRAME 'Frame 70' [bg=#ffffff, radius=5.447154521942139]
|
|
COMPONENT '프로젝트=롯데렌터카2, 사이즈=XL' [radius=8.0]
|
|
RECTANGLE 'unsplash:15LQr2QttqU'
|
|
FRAME 'Frame 72' [bg=#ffffff, radius=8.0]
|
|
RECTANGLE 'image 13'
|
|
COMPONENT '프로젝트=롯데렌터카2, 사이즈=L' [radius=8.0]
|
|
RECTANGLE 'unsplash:15LQr2QttqU'
|
|
FRAME 'Frame 72' [bg=#ffffff, radius=6.857142925262451]
|
|
RECTANGLE 'image 13'
|
|
COMPONENT '프로젝트=롯데렌터카2, 사이즈=M' [radius=8.0]
|
|
RECTANGLE 'unsplash:15LQr2QttqU'
|
|
FRAME 'Frame 72' [bg=#ffffff, radius=5.604395866394043]
|
|
RECTANGLE 'image 13'
|
|
COMPONENT '프로젝트=롯데렌터카2, 사이즈=S' [radius=8.0]
|
|
RECTANGLE 'unsplash:15LQr2QttqU'
|
|
FRAME 'Frame 72' [bg=#ffffff, radius=3.681318759918213]
|
|
RECTANGLE 'image 13'
|
|
COMPONENT '프로젝트=KB국민은행, 사이즈=XL' [radius=8.0]
|
|
RECTANGLE 'unsplash:A1V4vwaYJoU'
|
|
FRAME 'Frame 74' [bg=#ffffff, radius=10.0]
|
|
RECTANGLE 'image 14'
|
|
COMPONENT '프로젝트=KB국민은행, 사이즈=L' [radius=8.0]
|
|
RECTANGLE 'unsplash:A1V4vwaYJoU'
|
|
FRAME 'Frame 74' [bg=#ffffff, radius=8.45528507232666]
|
|
RECTANGLE 'image 14'
|
|
COMPONENT '프로젝트=KB국민은행, 사이즈=M' [radius=8.0]
|
|
RECTANGLE 'unsplash:A1V4vwaYJoU'
|
|
FRAME 'Frame 74' [bg=#ffffff, radius=6.910569667816162]
|
|
RECTANGLE 'image 14'
|
|
COMPONENT '프로젝트=KB국민은행, 사이즈=S' [radius=8.0]
|
|
RECTANGLE 'unsplash:A1V4vwaYJoU'
|
|
FRAME 'Frame 74' [bg=#ffffff, radius=4.539295673370361]
|
|
RECTANGLE 'image 14'
|
|
COMPONENT '프로젝트=코나아이, 사이즈=XL' [radius=8.0]
|
|
RECTANGLE 'unsplash:fj31I5HoOIQ'
|
|
FRAME 'Frame 75' [bg=#ffffff]
|
|
RECTANGLE 'image 15'
|
|
FRAME 'Frame 77' [bg=#b9babc]
|
|
COMPONENT '프로젝트=코나아이, 사이즈=L' [radius=8.0]
|
|
RECTANGLE 'unsplash:fj31I5HoOIQ'
|
|
FRAME 'Frame 75' [bg=#ffffff]
|
|
RECTANGLE 'image 15'
|
|
FRAME 'Frame 77' [bg=#b9babc]
|
|
COMPONENT '프로젝트=코나아이, 사이즈=M' [radius=8.0]
|
|
RECTANGLE 'unsplash:fj31I5HoOIQ'
|
|
FRAME 'Frame 75' [bg=#ffffff]
|
|
RECTANGLE 'image 15'
|
|
FRAME 'Frame 77' [bg=#b9babc]
|
|
COMPONENT '프로젝트=코나아이, 사이즈=S' [radius=8.0]
|
|
RECTANGLE 'unsplash:fj31I5HoOIQ'
|
|
FRAME 'Frame 75' [bg=#ffffff]
|
|
RECTANGLE 'image 15'
|
|
FRAME 'Frame 77' [bg=#b9babc]
|
|
|
|
## 썸네일 사이즈 (FRAME, id=294:1713)
|
|
FRAME '썸네일 사이즈' [gap=80.0]
|
|
FRAME 'Thumnail' [bg=#924f4f]
|
|
FRAME 'Frame 45' [gap=40.0]
|
|
TEXT 'XL' [bg=#ffffff, "XL" 100.0px/w400/#ffffff]
|
|
TEXT '738 x 489' [bg=#ffffff, "738 x 489" 100.0px/w400/#ffffff]
|
|
FRAME 'Thumnail' [bg=#924f4f]
|
|
FRAME 'Frame 46' [gap=34.0]
|
|
TEXT 'L' [bg=#ffffff, "L" 84.55284881591797px/w400/#ffffff]
|
|
TEXT '624 x 396' [bg=#ffffff, "624 x 396" 84.55284881591797px/w400/#ffffff]
|
|
FRAME 'Thumnail' [bg=#924f4f]
|
|
FRAME 'Frame 48' [gap=24.0]
|
|
TEXT 'M' [bg=#ffffff, "M" 69.10569763183594px/w400/#ffffff]
|
|
FRAME 'Frame 47' [pad=L10.0,R10.0,T10.0,B10.0, gap=10.0]
|
|
FRAME 'Thumnail' [bg=#924f4f]
|
|
FRAME 'Frame 50' [gap=13.0]
|
|
TEXT 'S' [bg=#ffffff, "S" 45.3929557800293px/w400/#ffffff]
|
|
FRAME 'Frame 49' [pad=L10.0,R10.0,T10.0,B10.0, gap=10.0]
|
|
|
|
## history (COMPONENT_SET, id=2065:989)
|
|
COMPONENT_SET 'history' [border=#8a38f5/1.0px, radius=5.0]
|
|
COMPONENT 'Style=horizontal-pc' [gap=16.0]
|
|
FRAME 'Frame 84' [gap=2.0]
|
|
FRAME 'Frame 87' [gap=8.0]
|
|
TEXT '12.01' [bg=#7b7b7b, "12.01" 14.0px/w400/#7b7b7b]
|
|
TEXT '12.01' [bg=#696969, "12.01" 14.0px/w400/#696969]
|
|
COMPONENT 'Style=horizontal-mo' [gap=16.0]
|
|
FRAME 'Frame 84' [gap=2.0]
|
|
FRAME 'Frame 87' [gap=8.0]
|
|
TEXT '12.01' [bg=#7b7b7b, "12.01" 12.0px/w400/#7b7b7b]
|
|
TEXT '12.01' [bg=#696969, "12.01" 12.0px/w400/#696969]
|
|
|
|
## Badge (COMPONENT, id=2128:1700)
|
|
COMPONENT 'Badge' [bg=#ffffff, border=#0071f2/1.0px, radius=4.0, pad=L6.0,R6.0,T4.0,B4.0, gap=10.0]
|
|
TEXT 'Finance' [bg=#0071f2, "Finance" 8.0px/w700/#0071f2]
|
|
|
|
## Icon_button (COMPONENT_SET, id=2076:1353)
|
|
COMPONENT_SET 'Icon_button' [border=#8a38f5/1.0px, radius=5.0]
|
|
COMPONENT 'Style=Default' [bg=#ffffff]
|
|
ELLIPSE 'Ellipse 11' [border=#0d0d0d/0.9375px]
|
|
INSTANCE 'icon/pluse'
|
|
VECTOR 'Vector 1' [border=#0d0d0d/1.399999976158142px]
|
|
VECTOR 'Vector 2' [border=#0d0d0d/1.399999976158142px]
|
|
COMPONENT 'Style=Hover' [bg=#ffffff]
|
|
ELLIPSE 'Ellipse 11' [bg=#0d0d0d]
|
|
INSTANCE 'icon/pluse'
|
|
VECTOR 'Vector 1' [border=#ffffff/1.399999976158142px]
|
|
VECTOR 'Vector 2' [border=#ffffff/1.399999976158142px]
|