Forma · Marketing website
25 lines · 1 page · Frontend only
View code v1-marketing-sites-0029
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 "Forma" 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 29" 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 29 by Forma." with padding 24 pixels, text alignment center, text color #64748b.
On screens below 760 pixels, feature_grid grid columns is 1.