The Ghost cards have been adjusted to match the Bento style.

Audio

You can upload an audio and adjust its title and thumbnail.

Ta-da-da-da!

0:00

/19.2

1×

Blockquote

There are two styles of the blockquote.

Design is perfect when nothing more can be taken away.

Design is perfect when nothing more can be taken away.

Bookmark

You can bookmark a link that automatically retrieves its title, description, metadata, and image. The bookmark card is fully responsive.

Happyone

Short, actionable, and effective lessons to boost your wellbeing in the time you do not have. Yet. Making happiness science actionable. Join others in this one-time journey towards a happier life.

Happyone

Buttons

This is a centered button:

This is a left-aligned button:

Callout

The callout cards come in accent and eight pre-defined colors—grey, white, blue, green, yellow, red, pink, and purle. They also support an optional emoji.

Divider

This is a divider:

File

You can upload a file and set its title and description in the File card.

Gallery

You can create a Bento-styled gallery by upload images multiple images even with different dimensions. The lightbox is supported as well—give it a click!

Header

Here is a normal-width Header card with black background:

Here is a wide Header card with accent background:

Here is a full-width Header card that also demonstrates a background image:

Here is a Header card in a split layout:

Heading text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.

Get started

Image

Here is a normal-width Image card:

Here is a wide Image card:

Here is a full-width Image card:

Markdown (Heading 2)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. This is a bold text. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. This is an italic text. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

It is ability, not disability, that counts.

Product

Here is a product card.

Be more productive and less stressed

Get things done and regain calmness at work with Flow. Boost your productivity and bring order to your daily workflow.

Get started

Sign up

Here is a normal-width signup card with a white background:

Here is a wide-width signup card with an accent background:

Here is a full-width signup card with a dark background:

Here is a signup card with a split layout:

Sign up for Bento

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum dolor sit amed.

Subscribe

Email sent! Check your inbox to complete your signup.

No spam. Unsubscribe anytime.

Toggle

Here is a toggle. Find a joke!

Video

Here is a video card.

Embeds

Here is an example of an embedded content: