Example library

Create page home containing header, hero, feature_grid, pricing, footer with viewport fill, background white, text color #0f172a.
Create navigation header containing logo, header_action with direction horizontal, alignment center, distribution between, padding 22 pixels, border 1 pixels #e2e8f0.
Create heading logo displaying "Arc" with font size 22 pixels, font weight 800, text color #047857.
Create button header_action displaying "Start free" with background #047857, text color white, padding 11 pixels, border radius 9 pixels.
Create section hero containing hero_badge, hero_title, hero_copy, hero_action with alignment center, padding 64 pixels, gap 18 pixels, background #ecfdf5.
Create text hero_badge displaying "WORKFLOW 197" with text color #047857, font weight 700.
Create heading hero_title displaying "Move important work forward" with font size 52 pixels, font weight 800, text alignment center, maximum width 820 pixels.
Create text hero_copy displaying "Plan, review, and deliver from one focused workspace." with font size 18 pixels, text alignment center.
Create button hero_action displaying "Create workspace" with background #047857, text color white, padding 14 pixels, border radius 10 pixels.
Create container feature_grid containing feature_one, feature_two, feature_three with layout grid, grid columns 3, gap 18 pixels, padding 48 pixels.
Create card feature_one containing feature_one_title, feature_one_copy with padding 22 pixels, gap 8 pixels, background white, border 1 pixels #e2e8f0, border radius 12 pixels.
Create heading feature_one_title displaying "Clear ownership" with font size 19 pixels.
Create text feature_one_copy displaying "Know who is responsible and what happens next." with text color #64748b.
Create card feature_two containing feature_two_title, feature_two_copy with padding 22 pixels, gap 8 pixels, background white, border 1 pixels #e2e8f0, border radius 12 pixels.
Create heading feature_two_title displaying "Fast reviews" with font size 19 pixels.
Create text feature_two_copy displaying "Keep decisions close to the work." with text color #64748b.
Create card feature_three containing feature_three_title, feature_three_copy with padding 22 pixels, gap 8 pixels, background white, border 1 pixels #e2e8f0, border radius 12 pixels.
Create heading feature_three_title displaying "Reliable delivery" with font size 19 pixels.
Create text feature_three_copy displaying "Ship with a complete record of every change." with text color #64748b.
Create section pricing containing price_title, price_value, price_action with alignment center, padding 48 pixels, gap 12 pixels, background #0f172a, text color white.
Create heading price_title displaying "One plan, no surprises" with font size 30 pixels, text color white.
Create heading price_value displaying "$29 per month" with font size 42 pixels, text color white.
Create button price_action displaying "Choose plan" with background #047857, text color white, padding 13 pixels, border radius 9 pixels.
Create text footer displaying "Release 197 by Arc." with padding 24 pixels, text alignment center, text color #64748b.
On screens below 760 pixels, feature_grid grid columns is 1.

Create page home containing header, hero, feature_grid, pricing, footer with viewport fill, background white, text color #0f172a.
Create navigation header containing logo, header_action with direction horizontal, alignment center, distribution between, padding 22 pixels, border 1 pixels #e2e8f0.
Create heading logo displaying "Vesper" with font size 22 pixels, font weight 800, text color #c026d3.
Create button header_action displaying "Start free" with background #c026d3, text color white, padding 11 pixels, border radius 9 pixels.
Create section hero containing hero_badge, hero_title, hero_copy, hero_action with alignment center, padding 64 pixels, gap 18 pixels, background #fdf4ff.
Create text hero_badge displaying "WORKFLOW 198" with text color #c026d3, font weight 700.
Create heading hero_title displaying "Move important work forward" with font size 52 pixels, font weight 800, text alignment center, maximum width 820 pixels.
Create text hero_copy displaying "Plan, review, and deliver from one focused workspace." with font size 18 pixels, text alignment center.
Create button hero_action displaying "Create workspace" with background #c026d3, text color white, padding 14 pixels, border radius 10 pixels.
Create container feature_grid containing feature_one, feature_two, feature_three with layout grid, grid columns 3, gap 18 pixels, padding 48 pixels.
Create card feature_one containing feature_one_title, feature_one_copy with padding 22 pixels, gap 8 pixels, background white, border 1 pixels #e2e8f0, border radius 12 pixels.
Create heading feature_one_title displaying "Clear ownership" with font size 19 pixels.
Create text feature_one_copy displaying "Know who is responsible and what happens next." with text color #64748b.
Create card feature_two containing feature_two_title, feature_two_copy with padding 22 pixels, gap 8 pixels, background white, border 1 pixels #e2e8f0, border radius 12 pixels.
Create heading feature_two_title displaying "Fast reviews" with font size 19 pixels.
Create text feature_two_copy displaying "Keep decisions close to the work." with text color #64748b.
Create card feature_three containing feature_three_title, feature_three_copy with padding 22 pixels, gap 8 pixels, background white, border 1 pixels #e2e8f0, border radius 12 pixels.
Create heading feature_three_title displaying "Reliable delivery" with font size 19 pixels.
Create text feature_three_copy displaying "Ship with a complete record of every change." with text color #64748b.
Create section pricing containing price_title, price_value, price_action with alignment center, padding 48 pixels, gap 12 pixels, background #0f172a, text color white.
Create heading price_title displaying "One plan, no surprises" with font size 30 pixels, text color white.
Create heading price_value displaying "$39 per month" with font size 42 pixels, text color white.
Create button price_action displaying "Choose plan" with background #c026d3, text color white, padding 13 pixels, border radius 9 pixels.
Create text footer displaying "Release 198 by Vesper." with padding 24 pixels, text alignment center, text color #64748b.
On screens below 760 pixels, feature_grid grid columns is 1.

Create page home containing header, hero, feature_grid, pricing, footer with viewport fill, background white, text color #0f172a.
Create navigation header containing logo, header_action with direction horizontal, alignment center, distribution between, padding 22 pixels, border 1 pixels #e2e8f0.
Create heading logo displaying "Fieldwork" with font size 22 pixels, font weight 800, text color #0369a1.
Create button header_action displaying "Start free" with background #0369a1, text color white, padding 11 pixels, border radius 9 pixels.
Create section hero containing hero_badge, hero_title, hero_copy, hero_action with alignment center, padding 64 pixels, gap 18 pixels, background #f0f9ff.
Create text hero_badge displaying "WORKFLOW 199" with text color #0369a1, font weight 700.
Create heading hero_title displaying "Move important work forward" with font size 52 pixels, font weight 800, text alignment center, maximum width 820 pixels.
Create text hero_copy displaying "Plan, review, and deliver from one focused workspace." with font size 18 pixels, text alignment center.
Create button hero_action displaying "Create workspace" with background #0369a1, text color white, padding 14 pixels, border radius 10 pixels.
Create container feature_grid containing feature_one, feature_two, feature_three with layout grid, grid columns 3, gap 18 pixels, padding 48 pixels.
Create card feature_one containing feature_one_title, feature_one_copy with padding 22 pixels, gap 8 pixels, background white, border 1 pixels #e2e8f0, border radius 12 pixels.
Create heading feature_one_title displaying "Clear ownership" with font size 19 pixels.
Create text feature_one_copy displaying "Know who is responsible and what happens next." with text color #64748b.
Create card feature_two containing feature_two_title, feature_two_copy with padding 22 pixels, gap 8 pixels, background white, border 1 pixels #e2e8f0, border radius 12 pixels.
Create heading feature_two_title displaying "Fast reviews" with font size 19 pixels.
Create text feature_two_copy displaying "Keep decisions close to the work." with text color #64748b.
Create card feature_three containing feature_three_title, feature_three_copy with padding 22 pixels, gap 8 pixels, background white, border 1 pixels #e2e8f0, border radius 12 pixels.
Create heading feature_three_title displaying "Reliable delivery" with font size 19 pixels.
Create text feature_three_copy displaying "Ship with a complete record of every change." with text color #64748b.
Create section pricing containing price_title, price_value, price_action with alignment center, padding 48 pixels, gap 12 pixels, background #0f172a, text color white.
Create heading price_title displaying "One plan, no surprises" with font size 30 pixels, text color white.
Create heading price_value displaying "$49 per month" with font size 42 pixels, text color white.
Create button price_action displaying "Choose plan" with background #0369a1, text color white, padding 13 pixels, border radius 9 pixels.
Create text footer displaying "Release 199 by Fieldwork." with padding 24 pixels, text alignment center, text color #64748b.
On screens below 760 pixels, feature_grid grid columns is 1.

Create page home containing header, hero, feature_grid, pricing, footer with viewport fill, background white, text color #0f172a.
Create navigation header containing logo, header_action with direction horizontal, alignment center, distribution between, padding 22 pixels, border 1 pixels #e2e8f0.
Create heading logo displaying "Ember" with font size 22 pixels, font weight 800, text color #4f46e5.
Create button header_action displaying "Start free" with background #4f46e5, text color white, padding 11 pixels, border radius 9 pixels.
Create section hero containing hero_badge, hero_title, hero_copy, hero_action with alignment center, padding 64 pixels, gap 18 pixels, background #f5f3ff.
Create text hero_badge displaying "WORKFLOW 200" with text color #4f46e5, font weight 700.
Create heading hero_title displaying "Move important work forward" with font size 52 pixels, font weight 800, text alignment center, maximum width 820 pixels.
Create text hero_copy displaying "Plan, review, and deliver from one focused workspace." with font size 18 pixels, text alignment center.
Create button hero_action displaying "Create workspace" with background #4f46e5, text color white, padding 14 pixels, border radius 10 pixels.
Create container feature_grid containing feature_one, feature_two, feature_three with layout grid, grid columns 3, gap 18 pixels, padding 48 pixels.
Create card feature_one containing feature_one_title, feature_one_copy with padding 22 pixels, gap 8 pixels, background white, border 1 pixels #e2e8f0, border radius 12 pixels.
Create heading feature_one_title displaying "Clear ownership" with font size 19 pixels.
Create text feature_one_copy displaying "Know who is responsible and what happens next." with text color #64748b.
Create card feature_two containing feature_two_title, feature_two_copy with padding 22 pixels, gap 8 pixels, background white, border 1 pixels #e2e8f0, border radius 12 pixels.
Create heading feature_two_title displaying "Fast reviews" with font size 19 pixels.
Create text feature_two_copy displaying "Keep decisions close to the work." with text color #64748b.
Create card feature_three containing feature_three_title, feature_three_copy with padding 22 pixels, gap 8 pixels, background white, border 1 pixels #e2e8f0, border radius 12 pixels.
Create heading feature_three_title displaying "Reliable delivery" with font size 19 pixels.
Create text feature_three_copy displaying "Ship with a complete record of every change." with text color #64748b.
Create section pricing containing price_title, price_value, price_action with alignment center, padding 48 pixels, gap 12 pixels, background #0f172a, text color white.
Create heading price_title displaying "One plan, no surprises" with font size 30 pixels, text color white.
Create heading price_value displaying "$59 per month" with font size 42 pixels, text color white.
Create button price_action displaying "Choose plan" with background #4f46e5, text color white, padding 13 pixels, border radius 9 pixels.
Create text footer displaying "Release 200 by Ember." with padding 24 pixels, text alignment center, text color #64748b.
On screens below 760 pixels, feature_grid grid columns is 1.

Create page portfolio containing masthead, introduction, work_grid, about with viewport fill, background #fafaf9, text color #1c1917, padding 32 pixels, gap 34 pixels.
Create navigation masthead containing name, index_link with direction horizontal, distribution between, alignment center.
Create heading name displaying "Aurelia Studio" with font size 20 pixels, font weight 800.
Create link index_link displaying "Index 001" with destination "#work", text color #57534e.
Create section introduction containing discipline, statement with gap 12 pixels, maximum width 920 pixels.
Create text discipline displaying "ART DIRECTION / DIGITAL / OBJECTS" with font size 12 pixels, letter spacing 2 pixels.
Create heading statement displaying "We build identities and spaces with clarity, character, and cultural weight." with font size 42 pixels, line height 1.1.
Create container work_grid containing project_one, project_two, project_three, project_four with layout grid, grid columns 2, gap 18 pixels.
Create card project_one containing project_one_number, project_one_title with background #faf5ff, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_one_number displaying "01" with text color #78716c.
Create heading project_one_title displaying "Material study 1" with font size 26 pixels.
Create card project_two containing project_two_number, project_two_title with background #e7e5e4, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_two_number displaying "02" with text color #78716c.
Create heading project_two_title displaying "Archive systems" with font size 26 pixels.
Create card project_three containing project_three_number, project_three_title with background #d6d3d1, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_three_number displaying "03" with text color #78716c.
Create heading project_three_title displaying "Public memory" with font size 26 pixels.
Create card project_four containing project_four_number, project_four_title with background #292524, text color white, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_four_number displaying "04" with text color white.
Create heading project_four_title displaying "New rituals" with font size 26 pixels, text color white.
Create section about containing about_title, about_copy with maximum width 720 pixels, gap 10 pixels.
Create heading about_title displaying "Practice" with font size 24 pixels.
Create text about_copy displaying "Independent, collaborative, and interested in work that lasts." with font size 17 pixels, line height 1.6.
On screens below 700 pixels, work_grid grid columns is 1.

Create page portfolio containing masthead, introduction, work_grid, about with viewport fill, background #fafaf9, text color #1c1917, padding 32 pixels, gap 34 pixels.
Create navigation masthead containing name, index_link with direction horizontal, distribution between, alignment center.
Create heading name displaying "Northstar Studio" with font size 20 pixels, font weight 800.
Create link index_link displaying "Index 002" with destination "#work", text color #57534e.
Create section introduction containing discipline, statement with gap 12 pixels, maximum width 920 pixels.
Create text discipline displaying "ART DIRECTION / DIGITAL / OBJECTS" with font size 12 pixels, letter spacing 2 pixels.
Create heading statement displaying "We build identities and spaces with clarity, character, and cultural weight." with font size 46 pixels, line height 1.1.
Create container work_grid containing project_one, project_two, project_three, project_four with layout grid, grid columns 2, gap 18 pixels.
Create card project_one containing project_one_number, project_one_title with background #eff6ff, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_one_number displaying "01" with text color #78716c.
Create heading project_one_title displaying "Material study 2" with font size 26 pixels.
Create card project_two containing project_two_number, project_two_title with background #e7e5e4, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_two_number displaying "02" with text color #78716c.
Create heading project_two_title displaying "Archive systems" with font size 26 pixels.
Create card project_three containing project_three_number, project_three_title with background #d6d3d1, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_three_number displaying "03" with text color #78716c.
Create heading project_three_title displaying "Public memory" with font size 26 pixels.
Create card project_four containing project_four_number, project_four_title with background #292524, text color white, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_four_number displaying "04" with text color white.
Create heading project_four_title displaying "New rituals" with font size 26 pixels, text color white.
Create section about containing about_title, about_copy with maximum width 720 pixels, gap 10 pixels.
Create heading about_title displaying "Practice" with font size 24 pixels.
Create text about_copy displaying "Independent, collaborative, and interested in work that lasts." with font size 17 pixels, line height 1.6.
On screens below 700 pixels, work_grid grid columns is 1.

Create page portfolio containing masthead, introduction, work_grid, about with viewport fill, background #fafaf9, text color #1c1917, padding 32 pixels, gap 34 pixels.
Create navigation masthead containing name, index_link with direction horizontal, distribution between, alignment center.
Create heading name displaying "Velvet House Studio" with font size 20 pixels, font weight 800.
Create link index_link displaying "Index 003" with destination "#work", text color #57534e.
Create section introduction containing discipline, statement with gap 12 pixels, maximum width 920 pixels.
Create text discipline displaying "ART DIRECTION / DIGITAL / OBJECTS" with font size 12 pixels, letter spacing 2 pixels.
Create heading statement displaying "We build identities and spaces with clarity, character, and cultural weight." with font size 50 pixels, line height 1.1.
Create container work_grid containing project_one, project_two, project_three, project_four with layout grid, grid columns 2, gap 18 pixels.
Create card project_one containing project_one_number, project_one_title with background #f0fdfa, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_one_number displaying "01" with text color #78716c.
Create heading project_one_title displaying "Material study 3" with font size 26 pixels.
Create card project_two containing project_two_number, project_two_title with background #e7e5e4, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_two_number displaying "02" with text color #78716c.
Create heading project_two_title displaying "Archive systems" with font size 26 pixels.
Create card project_three containing project_three_number, project_three_title with background #d6d3d1, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_three_number displaying "03" with text color #78716c.
Create heading project_three_title displaying "Public memory" with font size 26 pixels.
Create card project_four containing project_four_number, project_four_title with background #292524, text color white, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_four_number displaying "04" with text color white.
Create heading project_four_title displaying "New rituals" with font size 26 pixels, text color white.
Create section about containing about_title, about_copy with maximum width 720 pixels, gap 10 pixels.
Create heading about_title displaying "Practice" with font size 24 pixels.
Create text about_copy displaying "Independent, collaborative, and interested in work that lasts." with font size 17 pixels, line height 1.6.
On screens below 700 pixels, work_grid grid columns is 1.

Create page portfolio containing masthead, introduction, work_grid, about with viewport fill, background #fafaf9, text color #1c1917, padding 32 pixels, gap 34 pixels.
Create navigation masthead containing name, index_link with direction horizontal, distribution between, alignment center.
Create heading name displaying "Luma Studio" with font size 20 pixels, font weight 800.
Create link index_link displaying "Index 004" with destination "#work", text color #57534e.
Create section introduction containing discipline, statement with gap 12 pixels, maximum width 920 pixels.
Create text discipline displaying "ART DIRECTION / DIGITAL / OBJECTS" with font size 12 pixels, letter spacing 2 pixels.
Create heading statement displaying "We build identities and spaces with clarity, character, and cultural weight." with font size 42 pixels, line height 1.1.
Create container work_grid containing project_one, project_two, project_three, project_four with layout grid, grid columns 2, gap 18 pixels.
Create card project_one containing project_one_number, project_one_title with background #fff1f2, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_one_number displaying "01" with text color #78716c.
Create heading project_one_title displaying "Material study 4" with font size 26 pixels.
Create card project_two containing project_two_number, project_two_title with background #e7e5e4, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_two_number displaying "02" with text color #78716c.
Create heading project_two_title displaying "Archive systems" with font size 26 pixels.
Create card project_three containing project_three_number, project_three_title with background #d6d3d1, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_three_number displaying "03" with text color #78716c.
Create heading project_three_title displaying "Public memory" with font size 26 pixels.
Create card project_four containing project_four_number, project_four_title with background #292524, text color white, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_four_number displaying "04" with text color white.
Create heading project_four_title displaying "New rituals" with font size 26 pixels, text color white.
Create section about containing about_title, about_copy with maximum width 720 pixels, gap 10 pixels.
Create heading about_title displaying "Practice" with font size 24 pixels.
Create text about_copy displaying "Independent, collaborative, and interested in work that lasts." with font size 17 pixels, line height 1.6.
On screens below 700 pixels, work_grid grid columns is 1.

Create page portfolio containing masthead, introduction, work_grid, about with viewport fill, background #fafaf9, text color #1c1917, padding 32 pixels, gap 34 pixels.
Create navigation masthead containing name, index_link with direction horizontal, distribution between, alignment center.
Create heading name displaying "Serein Studio" with font size 20 pixels, font weight 800.
Create link index_link displaying "Index 005" with destination "#work", text color #57534e.
Create section introduction containing discipline, statement with gap 12 pixels, maximum width 920 pixels.
Create text discipline displaying "ART DIRECTION / DIGITAL / OBJECTS" with font size 12 pixels, letter spacing 2 pixels.
Create heading statement displaying "We build identities and spaces with clarity, character, and cultural weight." with font size 46 pixels, line height 1.1.
Create container work_grid containing project_one, project_two, project_three, project_four with layout grid, grid columns 2, gap 18 pixels.
Create card project_one containing project_one_number, project_one_title with background #fffbeb, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_one_number displaying "01" with text color #78716c.
Create heading project_one_title displaying "Material study 5" with font size 26 pixels.
Create card project_two containing project_two_number, project_two_title with background #e7e5e4, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_two_number displaying "02" with text color #78716c.
Create heading project_two_title displaying "Archive systems" with font size 26 pixels.
Create card project_three containing project_three_number, project_three_title with background #d6d3d1, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_three_number displaying "03" with text color #78716c.
Create heading project_three_title displaying "Public memory" with font size 26 pixels.
Create card project_four containing project_four_number, project_four_title with background #292524, text color white, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_four_number displaying "04" with text color white.
Create heading project_four_title displaying "New rituals" with font size 26 pixels, text color white.
Create section about containing about_title, about_copy with maximum width 720 pixels, gap 10 pixels.
Create heading about_title displaying "Practice" with font size 24 pixels.
Create text about_copy displaying "Independent, collaborative, and interested in work that lasts." with font size 17 pixels, line height 1.6.
On screens below 700 pixels, work_grid grid columns is 1.

Create page portfolio containing masthead, introduction, work_grid, about with viewport fill, background #fafaf9, text color #1c1917, padding 32 pixels, gap 34 pixels.
Create navigation masthead containing name, index_link with direction horizontal, distribution between, alignment center.
Create heading name displaying "Atlas Studio" with font size 20 pixels, font weight 800.
Create link index_link displaying "Index 006" with destination "#work", text color #57534e.
Create section introduction containing discipline, statement with gap 12 pixels, maximum width 920 pixels.
Create text discipline displaying "ART DIRECTION / DIGITAL / OBJECTS" with font size 12 pixels, letter spacing 2 pixels.
Create heading statement displaying "We build identities and spaces with clarity, character, and cultural weight." with font size 50 pixels, line height 1.1.
Create container work_grid containing project_one, project_two, project_three, project_four with layout grid, grid columns 2, gap 18 pixels.
Create card project_one containing project_one_number, project_one_title with background #eef2ff, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_one_number displaying "01" with text color #78716c.
Create heading project_one_title displaying "Material study 6" with font size 26 pixels.
Create card project_two containing project_two_number, project_two_title with background #e7e5e4, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_two_number displaying "02" with text color #78716c.
Create heading project_two_title displaying "Archive systems" with font size 26 pixels.
Create card project_three containing project_three_number, project_three_title with background #d6d3d1, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_three_number displaying "03" with text color #78716c.
Create heading project_three_title displaying "Public memory" with font size 26 pixels.
Create card project_four containing project_four_number, project_four_title with background #292524, text color white, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_four_number displaying "04" with text color white.
Create heading project_four_title displaying "New rituals" with font size 26 pixels, text color white.
Create section about containing about_title, about_copy with maximum width 720 pixels, gap 10 pixels.
Create heading about_title displaying "Practice" with font size 24 pixels.
Create text about_copy displaying "Independent, collaborative, and interested in work that lasts." with font size 17 pixels, line height 1.6.
On screens below 700 pixels, work_grid grid columns is 1.

Create page portfolio containing masthead, introduction, work_grid, about with viewport fill, background #fafaf9, text color #1c1917, padding 32 pixels, gap 34 pixels.
Create navigation masthead containing name, index_link with direction horizontal, distribution between, alignment center.
Create heading name displaying "Nocturne Studio" with font size 20 pixels, font weight 800.
Create link index_link displaying "Index 007" with destination "#work", text color #57534e.
Create section introduction containing discipline, statement with gap 12 pixels, maximum width 920 pixels.
Create text discipline displaying "ART DIRECTION / DIGITAL / OBJECTS" with font size 12 pixels, letter spacing 2 pixels.
Create heading statement displaying "We build identities and spaces with clarity, character, and cultural weight." with font size 42 pixels, line height 1.1.
Create container work_grid containing project_one, project_two, project_three, project_four with layout grid, grid columns 2, gap 18 pixels.
Create card project_one containing project_one_number, project_one_title with background #ecfdf5, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_one_number displaying "01" with text color #78716c.
Create heading project_one_title displaying "Material study 7" with font size 26 pixels.
Create card project_two containing project_two_number, project_two_title with background #e7e5e4, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_two_number displaying "02" with text color #78716c.
Create heading project_two_title displaying "Archive systems" with font size 26 pixels.
Create card project_three containing project_three_number, project_three_title with background #d6d3d1, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_three_number displaying "03" with text color #78716c.
Create heading project_three_title displaying "Public memory" with font size 26 pixels.
Create card project_four containing project_four_number, project_four_title with background #292524, text color white, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_four_number displaying "04" with text color white.
Create heading project_four_title displaying "New rituals" with font size 26 pixels, text color white.
Create section about containing about_title, about_copy with maximum width 720 pixels, gap 10 pixels.
Create heading about_title displaying "Practice" with font size 24 pixels.
Create text about_copy displaying "Independent, collaborative, and interested in work that lasts." with font size 17 pixels, line height 1.6.
On screens below 700 pixels, work_grid grid columns is 1.

Create page portfolio containing masthead, introduction, work_grid, about with viewport fill, background #fafaf9, text color #1c1917, padding 32 pixels, gap 34 pixels.
Create navigation masthead containing name, index_link with direction horizontal, distribution between, alignment center.
Create heading name displaying "Cedar Studio" with font size 20 pixels, font weight 800.
Create link index_link displaying "Index 008" with destination "#work", text color #57534e.
Create section introduction containing discipline, statement with gap 12 pixels, maximum width 920 pixels.
Create text discipline displaying "ART DIRECTION / DIGITAL / OBJECTS" with font size 12 pixels, letter spacing 2 pixels.
Create heading statement displaying "We build identities and spaces with clarity, character, and cultural weight." with font size 46 pixels, line height 1.1.
Create container work_grid containing project_one, project_two, project_three, project_four with layout grid, grid columns 2, gap 18 pixels.
Create card project_one containing project_one_number, project_one_title with background #fdf4ff, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_one_number displaying "01" with text color #78716c.
Create heading project_one_title displaying "Material study 8" with font size 26 pixels.
Create card project_two containing project_two_number, project_two_title with background #e7e5e4, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_two_number displaying "02" with text color #78716c.
Create heading project_two_title displaying "Archive systems" with font size 26 pixels.
Create card project_three containing project_three_number, project_three_title with background #d6d3d1, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_three_number displaying "03" with text color #78716c.
Create heading project_three_title displaying "Public memory" with font size 26 pixels.
Create card project_four containing project_four_number, project_four_title with background #292524, text color white, padding 28 pixels, minimum height 220 pixels, distribution between.
Create text project_four_number displaying "04" with text color white.
Create heading project_four_title displaying "New rituals" with font size 26 pixels, text color white.
Create section about containing about_title, about_copy with maximum width 720 pixels, gap 10 pixels.
Create heading about_title displaying "Practice" with font size 24 pixels.
Create text about_copy displaying "Independent, collaborative, and interested in work that lasts." with font size 17 pixels, line height 1.6.
On screens below 700 pixels, work_grid grid columns is 1.