Every claim about the product,
on one wall that puts itself together
Drop in your pictures and Bentoizer packs them into the bento grid a keynote opens with. You say which card matters more; where each one goes is arithmetic, not an afternoon in Illustrator. To jest za darmo. Naprawdę.
- A card owns its place.
- Four numbers in grid cells — where it starts and how far it spans. Nothing is computed from anything else, so where a card will land is something you can look at rather than predict.
- Drop a folder of pictures.
- They fill the cards the wall already has before any new ones are made, so a composition you picked stays the composition you get.
- Nothing moves but the card in your hand.
- Drag it and the wall stays exactly as it was, with an outline of the cells it would take: green where they are free, red where they are not.
- Colors, gaps and corners.
- Ground, card and ink, the gutter between cards, the corner radius, the type size in millimeters. Set once for the wall, or per card.
- A page that plays itself.
- The web export carries the assembly as CSS keyframes: the cards fly in when a reader scrolls to them, and again on a click.
- Four files, one composition.
- PDF, PNG, SVG and HTML come out of the same packing, so what you approved on screen is what goes to the printer and to the site.
What it does
From a folder of pictures to a wall
Six things the service is, in the order the work goes.
Columns, and what a card spans
- Columns and rows: every place a card edge can fall
- A card owns its rectangle — you can see where it is, and where it will go
- Five starting compositions: keynote, hero, grid, story, strip
- A4, A3, A2, a 16:9 slide, a square, a vertical story, or your own size
A picture, a claim, or both
- Caption under the picture, over it, above it, or on its own
- Cover or contain, worked out once so print and web agree
- PNG and JPEG go in as they are; anything else is converted
- Left or centered, in the card's own ink
Ordering is the whole interface
- Eight handles to resize by, a grip to move by, snapped to whole cells
- Nothing moves but the card in your hand: green if the cells are free, red if not
- Drop one card onto another of the same size and they trade places
- Holes are allowed; Tidy up closes them when you ask it to
Set like a product page
- Ground, card and ink, per wall or per card
- Gutter, corner radius, margin and the padding inside a card
- Type by cap height in millimeters, regular or bold
- An optional lift under each card
What is in it
The whole of what the tool holds
Written out, because a service that lists its parts is a service you can decide about.
The wall
- Five compositions to start from
- Two to sixteen columns
- Seven paper sizes, including a 16:9 slide and your own
- Fill the sheet or grow to fit the rows
- Margin, gutter, corner radius, card padding
A card
- A picture, a line of type, or both
- Four arrangements of the caption
- Cover or contain
- Its own paper and ink
- Any span in columns and rows
The move
- Assemble or scatter
- From the middle, from the edges, or in order
- Duration and spacing in milliseconds
- Distance as a share of the wall, with a small turn
- Respects a reader who has asked for less motion
Out
- PDF, at size, pictures embedded
- PNG and JPEG at a resolution you name
- SVG, type as outlines
- One self-contained HTML file
- Straight to the printer, with nothing saved
How it works
Four steps, and one of them is dragging
Nothing is uploaded. The pictures are read in your browser and the files are written there.
Drop your pictures
They fill the composition you picked, in the order they arrive.
Say what matters
Pull a card's corner to give it more of the grid. The rest re-packs around it.
Set it
Ground, ink, gutter, corners, and a caption on the cards that need one.
Take it away
A sheet to print, a picture to send, or a page to publish.
What it is for
Where a wall like this is the answer
Six jobs that are the same job: a lot of claims, one glance.
The slide the launch opens with
Twelve features on one 16:9 frame, in the arrangement everybody now reads as a launch.
A one-page product sheet
A3, printed, handed across a table at a trade fair.
A section of a product page
The HTML export drops into a page and plays itself when it is scrolled to.
A range on one board
Nine packs, one hero, a caption under each — the picture a buyer asks for.
A moodboard that is not a mess
The packer is what keeps it a composition rather than a pile.
A press kit cover
The same wall as a PDF and a PNG, at the sizes each is wanted in.
Questions
The ones worth answering
Are my pictures uploaded?
No. They are read in your browser, and the PDF, the picture and the page are written there too. Nothing is sent anywhere.
Can I place a card exactly where I want it?
Yes. A card is a rectangle in the grid: move it by its grip, resize it by any of its eight handles, and both snap to whole cells. Nothing else on the wall moves — the only thing a drop can do besides taking free cells is trade places with a card of the same size, and you are shown which it will be before you let go.
Will the web page look exactly like the PDF?
The composition is identical — the same cards, the same spans, the same pictures — because both are written from the same packing. The type will differ by a hair of leading, because a browser sets it and a PDF carries it as outlines. A page reflows and a sheet does not; that is the difference, and it is the only one.
What picture formats can I use?
Anything your browser can decode. PNG and JPEG go into the file as they are; a WebP, an AVIF or a HEIC is converted to PNG on the way in, so a picture that looks right on screen is never missing from the PDF.
Does the animation need a JavaScript library?
No. The exported page is one file: the move is CSS keyframes, and the twenty lines of script in it only decide when to start — when the wall is first scrolled into view, and again on a click.
Can I print it directly?
Yes. Print builds the same PDF and hands it to your printer without saving a file first.