NewBento Layouts are live. Build brand pages that look designed.
EN
Create a brand space
Free forever

Gradient Block

Define brand gradients with stops, angles and CSS output that developers can paste directly.

Try it free →See it in the demo brand

Gradients are hard to describe in a PDF. The gradient block shows them live, with each stop and angle visible, and gives the CSS so a developer gets it exactly right.

Stops can reference dictionary colors, so a palette change flows into the gradients.

What you can do

  • Linear and radial gradients with editable stops
  • Copy-ready CSS
  • Stops linked to the color dictionary

Put your whole brand behind one link.

Free forever for your first 20 assets. No card, no seat pricing, no sales call unless you want one.

Create a brand space →Explore the demo brand

20 free assets · Unlimited editors · Set up in minutes