Curator
Log inStart building
Prototyping with prefab blocks

Prototype a websitefrom ready-made blocks.

Curator is a prototyping canvas with a library of pre-made blocks: banners, login pages, pricing tables and more. Drop them in, then change the colors, fonts and corners to fit your brand.

Start buildingBrowse blocks
62 blocks6 starter themesNo code needed
Marlow Roasters/Home
DesktopTabletPhone
Share
Block library62
Search blocks
Hero section
Popular
18
Feature grid12
Pricing table9
Login & sign-up6
CTA section7
Nav & footer10
Marlow
BeansSubscribeJournal
Cart (2)
Hero section · Variant 4
Coffee, roasted slowly.
Small-batch beans from three farms, shipped within a week of roasting.
Shop beansOur story
Single originTraceable to the farm.
SubscriptionsPause or skip anytime.
Brew guidesDial in every cup.
Get your first bag on us.
Claim it
Theme
Mint · #34D399
Fonts
Corners
--primary: #34D399
--radius: 12px
--font-head: Bricolage Grotesque
Block library · 62 blocks

The sections every site needs, already built.

Each block comes in several variants, so you can try a different layout in a click and keep moving.

Hero sections & banners

Headline, image and call to action, ready to restyle.

18 variants

Login & sign-up

Forms people recognize.

6 variants

Feature grids

12 variants

Pricing tables

9 variants

Call to action

7 variants

Navigation & footers

10 variants
Styling

Change one setting. Every block follows.

Set your colors, fonts and corners once. Curator applies them across the whole page, so a prototype looks like your brand and not a template.

ColorsPrimary, surface, text and accent colors, or pick a starter theme.
FontsPair a heading face with a body face and see it everywhere at once.
SpacingTighten or loosen spacing and corner radius for the entire page.
tokens / marlow-roasters6 themes
--color-primary#34D399
--color-surface#FFFFFF
--color-text#0D1512
--font-headingBricolage Grotesque
--font-bodyInstrument Sans
--radius12px
Start from a theme, then adjust.
How it works

From an empty page to a prototype in four steps.

1

Pick blocks

Browse the library and add banners, login pages, pricing tables and more.

2

Arrange them

Drag blocks into place and reorder them until the page flows the way you want.

3

Make it yours

Set colors, fonts and corners, then edit the content in each block.

4

Share it

Present the prototype or send it to your team for feedback.

Your next prototype starts with a block.

Open Curator, drop in a hero section, and have something to show by the end of the afternoon.

Start buildingBrowse blocks