Skip to content

WorkCase study

Bama

Bama turns a topic into a Hebrew presentation, right to left from the request to the exported file. I co-founded it with Rom Tregerman. I designed the product, the interface and the brand and built the frontend, and Rom develops the backend.

bama-slides.com (opens in a new tab)
Role
Co-founder · Product design · Brand · Frontend
Team
Jonathan Rashi, Rom Tregerman
Stack
Next.js, React, Tailwind CSS, Prisma, Supabase, AI SDK
Status
Live
The landing page’s first screen: the headline כותבים נושא. מקבלים מצגת בעברית. (“Write a topic. Get a presentation in Hebrew.”) on leaf green, Bami holding a pencil on grape, and the request card on a band of sun.

Problem

A Hebrew deck has to read right to left everywhere, from the request to the exported PowerPoint. In Bama, direction is data: it resolves per slide, then per deck, then per language, and nothing is mirrored wholesale, so a chart moves its legend and value axis to the right while its data keeps its order. The rest of the work is the interface around the slides: asking for a deck, shaping it before anything is designed, waiting while it’s made, and handing it over without a broken slide.

My role

  • Co-founder
  • Product design
  • Brand
  • Frontend

The app

One pass, start to finish

A topic goes in and a deck comes out, with two stops where you decide: the outline, before any slide is designed, and a check before the file leaves. This film runs the whole way once.

The structure comes first

The home screen asks one thing, מה תרצו להכין? (“What would you like to make?”), and has one blue key. Bama answers with an outline: numbered titles and points, written while you watch. An argument is easier to fix in a list than across designed slides, so I put the editing there. Every item changes where it stands, moves by dragging or from the keyboard, and the whole structure can be swapped for another before anything is designed.

The request screen on a sky blue field: the question, a topic typed into the request card, and the blue key to the deck’s structure.

Saying what’s happening

A deck takes a while to make, so the screen says what’s going on in plain words. A dark bar counts the slides designed so far and keeps stop in reach. A card lists the steps that are done and the one under way. When it’s finished, one green notice replaces both: הטיוטה מוכנה לבדיקה (“the draft is ready to review”).

While a deck is made: the dark progress bar with its stop key, the card listing the steps, and the green notice that the draft is ready.

Text that fits, or says so

A text box steps down one fixed ladder of sizes, from 100 to 65 percent, and stops at a floor set for its role. Whatever still doesn’t fit goes on a list instead of off the slide. Before a PowerPoint or PDF is exported, the check names each slide whose text runs over, says what it can’t see, and offers to fix it first. The engine’s rule fits on one line: “Overflow is reported, never clipped.”

The Hebrew word for title set seven times, shrinking through the fit steps from 1.00 to 0.65.
The check before export: three slides whose text runs over its area, what the check can’t see, and fix first.

Rules short enough to quote

The interface runs on a few written rules: “One key per decision area.” “Blue is a fill, never text.” “Red is only failure and deletion.” “What floats is dark.” An error always has an edge and an icon as well as its red, so it never depends on color alone. An accessibility dialog adds larger text, high contrast, text spacing, stopped animations and a strong focus ring for anyone who needs them. Every piece on these boards is cut from a working screen.

Components on a stone field: the editor’s top bar, the slide toolbar, the change bar, an outline menu and the outline’s footer.
Six of the interface’s controls, each enlarged on a tile of its own color.
The accessibility settings dialog: text size, high contrast, text spacing, stopped animations, underlined links, a strong focus ring and the device’s font.

The brand

A stage, a spotlight, a character

במה is Hebrew for stage, so the mark is one: a dark slide with a beam of light landing on a blue ellipse. That blue, #126aef, is the blue of every key in the app, and one family, Open Sans, sets both Hebrew and Latin. Bami, a character whose head is a slide, has eighteen drawings, one for each situation the site describes. I made each one from my own prompts.

The Bama mark, a dark slide with a beam of light landing on a blue ellipse, with construction lines.
Bama’s colors as nine bands with names and hex values.
Hebrew alef and bet and Latin Aa in Open Sans, the one family for both scripts.
All eighteen drawings of Bami, a blue character with a slide for a head.

The site

The loud register

The app stays calm on one cream ground. The site turns the volume up: flat fields of sun, leaf, grape and sky, Bami in every hero, and the whole product in one headline, כותבים נושא. מקבלים מצגת בעברית. (“Write a topic. Get a presentation in Hebrew.”) The blue key and the typeface are the same in both, so they read as one product.

Ten more pages each speak to one reader or one job, from teachers and students to sales teams and investor decks, and answer the same questions in their words.

Around the site

The landing page’s four steps, ארבעה צעדים, מנושא למצגת (four steps, from topic to deck), as four cards on sky, sun, leaf and grape.
Four steps
The section מימין לשמאל, מהשקופית הראשונה (right to left, from the first slide) on grape, with Bami beside a card.
Right to left
שקופיות שבמה יצרה (slides Bama made) on sky: real slides in a row.
Slides Bama made
The landing page’s prices on cream: three plans, Basic, Pro and Team, the middle one dark.
Pricing
Questions and answers on leaf, as a list.
Questions
The closing call on sun: Bami at work beside a card that says המצגת הבאה שלכם לא מתחילה משקופית ריקה. (your next deck doesn’t start from a blank slide).
The closing call
The 404 page on navy: הדף לא נמצא (page not found), with Bami lost, a map in one hand and a flashlight in the other.
404

A page for each reader

The page for teachers on sun, with Bami at a chalkboard.
Teachers
The page for students on sky, with Bami carrying a stack of papers.
Students
The page for lecturers on navy, with Bami at a lectern.
Lecturers
The page for businesses on leaf, with Bami carrying a briefcase.
Business
The page for sales on grape, with Bami holding up a document.
Sales
The page for HR and training on mint, with its own Bami.
HR and training
The page for nonprofits on leaf, with Bami and a megaphone.
Nonprofits

On a phone

Editing a deck needs room, so on a phone Bama opens a deck to present, export or view, and editing waits for a bigger screen. On the site, each hero stacks the headline, the lead and the key above Bami, so the button comes before the drawing.

On a phone

The app’s home on a phone, with the request card.
App · Home
A deck opened on a phone, offering present, export and view in place of editing.
App · A deck
A deck presented on a phone.
App · Presenting
The landing page on a phone: the headline on leaf, above Bami.
Site · Home
The page for teachers on a phone, on sun.
Site · Teachers
The pricing page on a phone, on sun.
Site · Pricing
The templates page on a phone, on grape.
Site · Templates

The launch film

I made a thirty-second film for the launch, cut for YouTube and for phones. It plays the promise in order: real slides, a request typed, the outline arriving and reordered, slides written one after another while Bami works, a change of look and the PowerPoint file. It has sound, so it waits for you to press play.

Built with

  • Next.js
  • React
  • Tailwind CSS
  • Prisma
  • Supabase
  • AI SDK

Outcome

Bama is live at bama-slides.com, and anyone can sign up.

Credits

Jonathan Rashi
Co-founder · Product design · Brand · Frontend

About the pictures

The app’s boards and films are Bama’s own interface, captured from its demo mode in October 2026 and laid out on fields from the brand’s palette, with nothing recolored or redrawn. Demo mode writes placeholder text where a real deck would have its own, and in the films only the timing and the pointer are edited. The site’s pictures are captures of bama-slides.com, signed out, on October 24, 2026, without a third-party accessibility button. The launch film redraws the interface.