The library7 of 308

Page sections

Heroes, pricing, testimonials and other full-width sections for landing and product pages. Each is responsive from 320px up and written to be edited, not fought.

All Free Pro

2

S—034Bento FeaturesAn asymmetric bento grid where each feature is demonstrated by a small live interaction, not an icon.An asymmetric bento grid where each feature is demonstrated by a small live interaction, not an icon.Sections · Understatedpro
S—012Margin QuoteEditorial testimonials with a hanging-punctuation serif pull quote, margin attribution and tick progress.Editorial testimonials with a hanging-punctuation serif pull quote, margin attribution and tick progress.Sections · Editorialfree
S—014Ledger PricingA pricing section set like a printed fee schedule, with odometer digits that roll between billing intervals.A pricing section set like a printed fee schedule, with odometer digits that roll between billing intervals.Sections · Editorialpro
S—015Billboard HeroA brutalist hero with a visible grid, oversized condensed type, a skewed marquee band and a stamped CTA.A brutalist hero with a visible grid, oversized condensed type, a skewed marquee band and a stamped CTA.Sections · Brutalistpro
S—035Changelog TimelineA changelog with sticky release dates, New/Improved/Fixed filters and collapsible notes.A changelog with sticky release dates, New/Improved/Fixed filters and collapsible notes.Sections · Editorialpro
S—036Newsletter CTAA dark call-to-action block with email validation, pending, error and a success state that replaces the form.A dark call-to-action block with email validation, pending, error and a success state that replaces the form.Sections · Refinedpro
S—037Product FooterA product footer with grouped columns, a live status pill, link badges and accordion columns on mobile.A product footer with grouped columns, a live status pill, link badges and accordion columns on mobile.Sections · Understatedpro