Forma Studio · Editorial portfolio
24 lines · 1 page · Frontend only
View code v1-portfolios-editorial-0009
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 "Forma Studio" with font size 20 pixels, font weight 800.
Create link index_link displaying "Index 009" 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 #f0f9ff, 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 9" 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.