증분 행
id: Group_11
type: Group
role: Role.Page.Content
children:
- id: Group_1
type: Group
role: Role.LayoutContainer.Background
children:
- {id: 1dd330ec-93fb-4c65-b2df-ff229110658d, type: Image, role: Role.Element.Decoration}
- {id: 15d6e842-126a-499c-a574-954b26b6bca2, type: Image, role: Role.Element.Background}
- {id: 86855b06-405b-4609-aeda-2888d582a7ed, type: Text, role: Role.Element.Title, text: How It Works}
- id: Group_2
type: Group
role: Role.LayoutContainer.Separator
children:
- {id: 6a336822-f4fb-4ce9-8280-e3db9c96dd59, type: SVG, role: Role.Element.Separator}
- {id: 4da9b528-64ea-4fe1-8ded-06fa05560b9a, type: SVG, role: Role.Element.Separator}
- id: HStack_1
type: HStack
role: Role.LayoutContainer.Description
children:
- id: VStack_2
type: VStack
role: Role.LayoutContainer.Description
children:
- id: VStack_1
type: VStack
role: Role.LayoutContainer.Description
children:
- {id: e9182b3b-7dff-4733-b48d-71e998f378d7, type: Text, role: Role.Element.Title, text: Notice a need}
- id: Group_3
type: Group
role: Role.LayoutContainer.Decoration
children:
- {id: 73edd261-8fcc-427e-80a1-88ae2c938e0c, type: SVG, role: Role.Element.Background}
- {id: b23a5709-bdc8-4a5f-83fd-b86c8c86f010, type: SVG, role: Role.Element.Decoration}
- id: Group_4
type: Group
role: Role.LayoutContainer.Decoration
children:
- {id: 3a9380ce-4f9b-4659-8f76-f410acb156a4, type: Image, role: Role.Element.Background}
- id: 1051d69c-1a78-4582-bc59-35a208c9873d
type: Frame
role: Role.LayoutContainer.Decoration
children:
- {id: 95c63b8d-0133-4348-87d6-738eb7e3ee0f, type: Image, role: Role.Element.Decoration}
- {id: ac5e1cc3-1843-4015-97a9-0b50170b40af, type: Text, role: Role.Element.Description, text: Please provide a detailed explanation.}
- id: VStack_4
type: VStack
role: Role.LayoutContainer.Description
children:
- id: VStack_3
type: VStack
role: Role.LayoutContainer.Description
children:
- {id: fd1a4da1-cae5-4517-8ccb-279a56a5437b, type: Text, role: Role.Element.Title, text: Talk it over}
- id: Group_5
type: Group
role: Role.LayoutContainer.Decoration
children:
- {id: f0bc9340-2363-4da7-82e2-1d0bc72fb256, type: SVG, role: Role.Element.Decoration}
- {id: fd5f7ba0-f74e-4cc6-8216-d44734c01d52, type: SVG, role: Role.Element.Background}
- id: Group_6
type: Group
role: Role.LayoutContainer.Decoration
children:
- {id: 1f3d9cbc-80d8-47c9-8e87-261af3a53fff, type: Image, role: Role.Element.Background}
- id: 05a15fa2-0f1d-437f-bb0e-c7a4a5657ebc
type: Frame
role: Role.LayoutContainer.Decoration
children:
- {id: 05a36f52-f3a5-47c5-8848-4c9f0915962b, type: Image, role: Role.Element.Decoration}
- {id: d0de082d-2f8f-46b7-815d-9a7db6c2254d, type: Text, role: Role.Element.Description, text: Please provide a detailed explanation.}
- id: VStack_6
type: VStack
role: Role.LayoutContainer.Description
children:
- id: VStack_5
type: VStack
role: Role.LayoutContainer.Description
children:
- {id: 4a619f1c-7030-4be4-8a02-dfafa78d9aa8, type: Text, role: Role.Element.Title, text: Make a plan}
- id: Group_7
type: Group
role: Role.LayoutContainer.Decoration
children:
- {id: c0862342-006b-4178-8ffb-9622725caf0f, type: SVG, role: Role.Element.Decoration}
- {id: bb90fff1-40d7-4440-92f8-ca1965b61fe0, type: SVG, role: Role.Element.Background}
- id: Group_8
type: Group
role: Role.LayoutContainer.Decoration
children:
- {id: 599ba6e9-42cd-4cf5-9486-8c5e7f3f4b53, type: Image, role: Role.Element.Background}
- id: 4bda3ec0-dc82-45a3-b000-dcdff0ad43ba
type: Frame
role: Role.LayoutContainer.Decoration
children:
- {id: d53c2e95-5857-433b-9e51-07f702551acb, type: Image, role: Role.Element.Decoration}
- {id: bd4a4359-c7a7-4f77-b530-1245a75ce9a3, type: Text, role: Role.Element.Description, text: Please provide a detailed explanation.}
- id: VStack_8
type: VStack
role: Role.LayoutContainer.Description
children:
- id: VStack_7
type: VStack
role: Role.LayoutContainer.Description
children:
- {id: 53954015-6881-47d6-bf38-8bf3309f01e6, type: Text, role: Role.Element.Title, text: Take action}
- id: Group_9
type: Group
role: Role.LayoutContainer.Decoration
children:
- {id: a6751031-427d-45e2-bed5-907a2a52ab86, type: SVG, role: Role.Element.Background}
- {id: 49c03986-903c-461d-be1d-eaebd9cc53c8, type: SVG, role: Role.Element.Decoration}
- id: Group_10
type: Group
role: Role.LayoutContainer.Decoration
children:
- {id: b3d0d541-5017-45e4-8c36-47899c1ed33a, type: Image, role: Role.Element.Background}
- id: acec490e-dfc1-4b44-a085-5b2541f996be
type: Frame
role: Role.LayoutContainer.Decoration
children:
- {id: 910eaa17-477a-4412-823b-7c83f39227b7, type: Image, role: Role.Element.Decoration}
- {id: b63c3b12-208b-432d-997f-6938e05e9de8, type: Text, role: Role.Element.Description, text: Please provide a detailed explanation.}
key: {linted_rlsc_id: 2350674, anchor_node_id: HStack_1}
layout_id: 1521198
semantic:
doc:
type: ProcessFlow.Steps
params: {marker: dot, sequence: false}
structure:
entities:
- {label: Notice a need, items: [Please provide a detailed explanation.]}
- {label: Talk it over, items: [Please provide a detailed explanation.]}
- {label: Make a plan, items: [Please provide a detailed explanation.]}
- {label: Take action, items: [Please provide a detailed explanation.]}
slots:
entities[0]: VStack_2
entities[0].label: e9182b3b-7dff-4733-b48d-71e998f378d7
entities[0].items[0]: ac5e1cc3-1843-4015-97a9-0b50170b40af
entities[1]: VStack_4
entities[1].label: fd1a4da1-cae5-4517-8ccb-279a56a5437b
entities[1].items[0]: d0de082d-2f8f-46b7-815d-9a7db6c2254d
entities[2]: VStack_6
entities[2].label: 4a619f1c-7030-4be4-8a02-dfafa78d9aa8
entities[2].items[0]: bd4a4359-c7a7-4f77-b530-1245a75ce9a3
entities[3]: VStack_8
entities[3].label: 53954015-6881-47d6-bf38-8bf3309f01e6
entities[3].items[0]: b63c3b12-208b-432d-997f-6938e05e9de8
supply:
boundary_kind: leaf
relation: null
satellites: {desc: [], deco: []}
version: {boundary: page-v1.6.1, property: v8, schema: v0.5}
페이지 satellite (경계 밖 딸림 · 저장 자리 미정)
page_satellites: {desc: [86855b06-405b-4609-aeda-2888d582a7ed], deco: [1dd330ec-93fb-4c65-b2df-ff229110658d, 15d6e842-126a-499c-a574-954b26b6bca2, 6a336822-f4fb-4ce9-8280-e3db9c96dd59, 4da9b528-64ea-4fe1-8ded-06fa05560b9a]}
key: {linted_rlsc_id: 2350674, anchor_node_id: HStack_1}
layout_id: 1521198
semantic:
doc:
type: ProcessFlow.Steps
params: {marker: dot, sequence: false}
structure:
entities:
- {label: Notice a need, items: [Please provide a detailed explanation.]}
- {label: Talk it over, items: [Please provide a detailed explanation.]}
- {label: Make a plan, items: [Please provide a detailed explanation.]}
- {label: Take action, items: [Please provide a detailed explanation.]}
slots:
entities[0]: VStack_2
entities[0].label: e9182b3b-7dff-4733-b48d-71e998f378d7
entities[0].items[0]: ac5e1cc3-1843-4015-97a9-0b50170b40af
entities[1]: VStack_4
entities[1].label: fd1a4da1-cae5-4517-8ccb-279a56a5437b
entities[1].items[0]: d0de082d-2f8f-46b7-815d-9a7db6c2254d
entities[2]: VStack_6
entities[2].label: 4a619f1c-7030-4be4-8a02-dfafa78d9aa8
entities[2].items[0]: bd4a4359-c7a7-4f77-b530-1245a75ce9a3
entities[3]: VStack_8
entities[3].label: 53954015-6881-47d6-bf38-8bf3309f01e6
entities[3].items[0]: b63c3b12-208b-432d-997f-6938e05e9de8
supply:
boundary_kind: leaf
relation: null
satellites: {desc: [], deco: []}
version: {boundary: page-v1.6.1, property: v8, schema: v0.5}
style:
component:
status: 잠정 예시 — 필드 확정 아님(MOR-2931 · 04 트랙 11/24)
tokens:
colors: {primary: '#ae3a1e', surface: '#f2f1ec'}
typography:
step_label: {font_key: f3983j6r9kkh4nnz, font_size: 42.6667, font_weight: '400'}
step_body: {font_key: fvjnrys0rb5vzper, font_size: 33.3334, font_weight: '400', align: left}
rounded: null
nodes:
VStack_2: null
VStack_1: null
e9182b3b-7dff-4733-b48d-71e998f378d7:
font_key: f3983j6r9kkh4nnz
font_size: 42.66673333333335
font_weight: '400'
color: '#ae3a1e'
align: null
line_spacing: null
opacity: 1
token: {typography: '{typography.step_label}', color: '{colors.primary}'}
Group_3: null
73edd261-8fcc-427e-80a1-88ae2c938e0c:
illust_key: kqyxrjtjovpp8o4w
color_map: {'#000000': '#f2f1ec'}
rotate: 330
token:
color_map: {'#000000': '{colors.surface}'}
b23a5709-bdc8-4a5f-83fd-b86c8c86f010:
shape_key: 32ivkGF97oGKOtyZI7cao
fill: '#ae3a1e'
opacity: 1
rounded: null
border: null
token: {fill: '{colors.primary}'}
Group_4: null
3a9380ce-4f9b-4659-8f76-f410acb156a4: {image_key: get_656962298_200120_st_jy_01, filter_preset: null, filter: null, flip_v: true, rotate: 180, token: null}
1051d69c-1a78-4582-bc59-35a208c9873d: {frame_preset: k3vp44ggz5d7n2p3, rounded: null, border: null, token: null}
95c63b8d-0133-4348-87d6-738eb7e3ee0f:
image_key: 137e1c0b-b6d0-4ee8-bfca-fc2b0de50932
filter_preset: '984'
filter: {brightness: 17, contrast: 6, saturation: -48, temperature: -5}
flip_v: null
rotate: 0
token: null
ac5e1cc3-1843-4015-97a9-0b50170b40af:
font_key: fvjnrys0rb5vzper
font_size: 33.3334
font_weight: '400'
color: null
align: left
line_spacing: null
opacity: 1
token: {typography: '{typography.step_body}', color: null}
VStack_4: null
VStack_3: null
fd1a4da1-cae5-4517-8ccb-279a56a5437b:
font_key: f3983j6r9kkh4nnz
font_size: 42.6667
font_weight: '400'
color: '#ae3a1e'
align: null
line_spacing: null
opacity: 1
token: {typography: '{typography.step_label}', color: '{colors.primary}'}
Group_5: null
f0bc9340-2363-4da7-82e2-1d0bc72fb256:
illust_key: kkzinv63555l2jjf
color_map: {'#000000': '#f2f1ec'}
rotate: null
token:
color_map: {'#000000': '{colors.surface}'}
fd5f7ba0-f74e-4cc6-8216-d44734c01d52:
shape_key: 32ivkGF97oGKOtyZI7cao
fill: '#ae3a1e'
opacity: 1
rounded: null
border: null
token: {fill: '{colors.primary}'}
Group_6: null
1f3d9cbc-80d8-47c9-8e87-261af3a53fff: {image_key: get_656962298_200120_st_jy_01, filter_preset: null, filter: null, flip_v: true, rotate: 180, token: null}
05a15fa2-0f1d-437f-bb0e-c7a4a5657ebc: {frame_preset: k3vp44ggz5d7n2p3, rounded: null, border: null, token: null}
05a36f52-f3a5-47c5-8848-4c9f0915962b:
image_key: 5726c943-a5b0-4cd5-bd69-c0ca83aae6a6
filter_preset: '984'
filter: {brightness: 17, contrast: 6, saturation: -48, temperature: -5}
flip_v: null
rotate: 0
token: null
d0de082d-2f8f-46b7-815d-9a7db6c2254d:
font_key: fvjnrys0rb5vzper
font_size: 33.3334
font_weight: '400'
color: null
align: left
line_spacing: null
opacity: 1
token: {typography: '{typography.step_body}', color: null}
VStack_6: null
VStack_5: null
4a619f1c-7030-4be4-8a02-dfafa78d9aa8:
font_key: f3983j6r9kkh4nnz
font_size: 42.6667
font_weight: '400'
color: '#ae3a1e'
align: null
line_spacing: null
opacity: 1
token: {typography: '{typography.step_label}', color: '{colors.primary}'}
Group_7: null
c0862342-006b-4178-8ffb-9622725caf0f:
illust_key: kavo5nogifpoc1r9
color_map: {'#000000': '#f2f1ec'}
rotate: null
token:
color_map: {'#000000': '{colors.surface}'}
bb90fff1-40d7-4440-92f8-ca1965b61fe0:
shape_key: 32ivkGF97oGKOtyZI7cao
fill: '#ae3a1e'
opacity: 1
rounded: null
border: null
token: {fill: '{colors.primary}'}
Group_8: null
599ba6e9-42cd-4cf5-9486-8c5e7f3f4b53: {image_key: get_656962298_200120_st_jy_01, filter_preset: null, filter: null, flip_v: true, rotate: 180, token: null}
4bda3ec0-dc82-45a3-b000-dcdff0ad43ba: {frame_preset: k3vp44ggz5d7n2p3, rounded: null, border: null, token: null}
d53c2e95-5857-433b-9e51-07f702551acb:
image_key: 111f98b1-2cd8-4ec6-95f6-322c572f6883
filter_preset: '984'
filter: {brightness: 17, contrast: 6, saturation: -48, temperature: -5}
flip_v: null
rotate: 0
token: null
bd4a4359-c7a7-4f77-b530-1245a75ce9a3:
font_key: fvjnrys0rb5vzper
font_size: 33.3334
font_weight: '400'
color: null
align: left
line_spacing: null
opacity: 1
token: {typography: '{typography.step_body}', color: null}
VStack_8: null
VStack_7: null
53954015-6881-47d6-bf38-8bf3309f01e6:
font_key: f3983j6r9kkh4nnz
font_size: 42.6667
font_weight: '400'
color: '#ae3a1e'
align: null
line_spacing: null
opacity: 1
token: {typography: '{typography.step_label}', color: '{colors.primary}'}
Group_9: null
a6751031-427d-45e2-bed5-907a2a52ab86:
illust_key: kkgjxqd8lh9546cf
color_map: {'#000000': '#f2f1ec'}
rotate: 45
token:
color_map: {'#000000': '{colors.surface}'}
49c03986-903c-461d-be1d-eaebd9cc53c8:
shape_key: 32ivkGF97oGKOtyZI7cao
fill: '#ae3a1e'
opacity: 1
rounded: null
border: null
token: {fill: '{colors.primary}'}
Group_10: null
b3d0d541-5017-45e4-8c36-47899c1ed33a: {image_key: get_656962298_200120_st_jy_01, filter_preset: null, filter: null, flip_v: true, rotate: 180, token: null}
acec490e-dfc1-4b44-a085-5b2541f996be: {frame_preset: k3vp44ggz5d7n2p3, rounded: null, border: null, token: null}
910eaa17-477a-4412-823b-7c83f39227b7:
image_key: 77c4c59a-8fb1-4f46-9e6c-b41da6b56dd1
filter_preset: '984'
filter: {brightness: 17, contrast: 6, saturation: -48, temperature: -5}
flip_v: null
rotate: 0
token: null
b63c3b12-208b-432d-997f-6938e05e9de8:
font_key: fvjnrys0rb5vzper
font_size: 33.3334
font_weight: '400'
color: null
align: left
line_spacing: null
opacity: 1
token: {typography: '{typography.step_body}', color: null}
페이지 행 (2350674, Group_11) — 경계 밖 노드와 레이아웃 색 (제안)
key: {linted_rlsc_id: 2350674, anchor_node_id: Group_11}
layout_id: 1521198
semantic: null
style:
layout:
status: 실측 값(layout_style_metadata v4.0) · 토큰 이름은 잠정
bg_color: '#ffffff'
extracted_colors: ['#CCAD84', '#D4BC99', '#BE966C']
representative_color: '#CCAD84'
theme_group: A
tokens:
colors: {background: '#ffffff', primary: '#ae3a1e', accent: '#745942'}
typography:
page_title: {font_key: fshwa3zrc1hiu79v, font_size: 93.3333, font_weight: '400', line_spacing: 1.2}
rounded: null
nodes:
Group_1: null
1dd330ec-93fb-4c65-b2df-ff229110658d: {image_key: get_648385072_200925_st_yh_01, filter_preset: null, filter: null, flip_v: null, rotate: 0, token: null}
15d6e842-126a-499c-a574-954b26b6bca2: {image_key: 32oey24vFy7eDxb1iv9Hm, opacity: 0.12, color_filter: '#000000', token: null}
86855b06-405b-4609-aeda-2888d582a7ed:
font_key: fshwa3zrc1hiu79v
font_size: 93.3333
font_weight: '400'
color: null
align: null
line_spacing: 1.2
opacity: 1
token: {typography: '{typography.page_title}', color: null}
Group_2: null
6a336822-f4fb-4ce9-8280-e3db9c96dd59:
stroke: '#ae3a1e'
thickness: 2
dash: none
token: {stroke: '{colors.primary}'}
4da9b528-64ea-4fe1-8ded-06fa05560b9a:
illust_key: cc54d83d-e0dd-4514-9c5c-6c8724d03df9
color_map: {'#745942': '#745942'}
rotate: null
token:
color_map: {'#745942': '{colors.accent}'}