kadabra is turning from an AI-workshop studio into a design studio that also teaches. This page is the deep dive before any code. It covers what leaves and what stays from the current site, one central idea, four directions, six live experiments, palettes, a site map with its scroll plan, a game list without risk, a copy bank in Spanish, research from five scouts, and the decisions I need from you.
Was it this chat? Yes. kadabracr.com serves the exact same files as kadabra-site.pages.dev, byte for byte, and both are built from this repo (kadabra-web). Every round of feedback, the spanish-unslop rules and the r19 changes live here, so the rework starts with all of that history.
One assumption. I read "car aesthetic" in your message as card aesthetic (voice dictation). The whole page is built on that reading. If you did mean cars, tell me and I'll redo the directions.
The casino doesn't come from the cards themselves. It comes from the felt, the gold, the risk language and the darkness around them. The scouts confirmed the cue list (dark felt, metallic gold, coins and crowns, red "bonus" urgency), and the current site has three of the four. Here is the inventory, item by item.
Every deck is half red and half black, and neither half is a deck on its own. That's the business: a studio that builds tools, and a team that teaches people to use them. A deck is also the most familiar game object there is, and solitaire, memory, card tricks and flashcards all use one with no stakes. Kids learn to count with it. That's the friendly register you asked for.
State-of-the-art interfaces and internal tools, built fast because the studio works with AI, at a price a Costa Rican SME can pay, with support that stays after launch.
"Diseñamos las herramientas que su equipo usa todos los días."
Training that is a game, not a lecture. Teams learn to use AI on their own work, with the risks shown honestly. "IA sin humo" stays the flagship workshop.
"Y le enseñamos a su gente a usarlas con criterio."
The AI shows up in how fast and how well the work gets done, never as a glowing orb.
Court cards are drawn twice, once upright and once upside down, so they read from either side of the table. That is the duality in one object we already own. Scroll down, and the card turns half a circle. The black half reads first, then the red half comes up the right way.
Diseñamos las herramientas de su equipo.
Y le enseñamos a su gente a usarlas.
Baje para girar la carta
Your words were a header that measures the duality. Here the header is a scale. Move the pointer (or drag on a phone) and one side grows while the other shrinks, with the reading on top. Let go and the needle returns to the middle, because kadabra works in the middle.
The oldest card trick without stakes, and the kadabra name finally does work. Pick the task that takes your team the most time. The card turns over and shows both halves of the answer, what we would build and what we would teach.
The square-to-suit morph you already own, now with a meaning per side. Move across the row. On the left, ordinary work becomes a heart (taught). On the right, it becomes a spade (built). It's the same lerp, the same 24-curve paths and the same no-flash rule as the current site.
A riffle shuffle is two half-decks becoming one. That's what working alongside a team looks like. The studio half and the people half interleave as you scroll until they are one deck. It's the visual for the "how we work" section.
Trabajamos al lado de su equipo, no por encargo y adiós.
Your portfolio idea, where the work takes over the page. Each project is a card in the deck. As you scroll, its card opens to the whole screen and the page hands over its colours, type and motion to the project for a few screens, then the card closes back into the deck. I left the content empty on purpose. The blue and yellow belong to an imaginary client, to show the hand-off. The receipt in the corner is explained below.
Desde este punto el proyecto manda. Sus colores, su letra y su movimiento ocupan la pantalla mientras se baja, y al terminar la carta se cierra y vuelve a la baraja.
All four keep the red and black duality and drop the casino. They differ in what kind of card the brand is. My pick is A as the base, with C's light-and-dark rhythm for the two routes. B and D are real options, but each pulls the brand to one side (school or toy).
A brand-new deck. White card stock, real ink black, one warm red. Graphic, confident and very clean, so the portfolio can take over without fighting the frame.
Ficha de estudiola IA subraya, la persona decide
The flashcard and the index card. White card, blue ruling, the red margin line, and a highlighter that stands for the AI (it marks, a person decides).
The two sides as two lights. Training lives in daylight, red on white. The studio lives at night, white on ink, where the portfolio glows by its own colours.
Tabletop and hanafuda pop. Vermilion, black and a sky blue, hard offset shadows, cards that sit up off the table. Nintendo began in 1889 making hanafuda cards, which is the closest story to kadabra's (cards first, then software).
Green and gold are gone. The red moved from a deep wine (#8E1424, the casino's) to a warm poppy red, friendlier and still readable as text. Bright reds fail as small text on white, so each palette carries two reds, one for text and one for big shapes. The ratios below are computed live (4.5 is the AA line for body text, 3 for large text).
The current mark is a card with a second card fanned behind it. Without redrawing anything, colouring the back card red and the front card ink turns it into the duality. One thing to decide later is that the four-point sparkle has become the generic "AI" icon in most products, which is the slop you want to avoid. The scouts found it on the 2025-2026 lists of AI-design clichés. It isn't urgent, but if the logo changes, that's the part to change.
Each section gets one card move with a reason. The black route and the red route mirror each other. The home page is where they shuffle together.
Every game on the site must teach something or show the work. None has a score, a winner or a penalty. The crossed-out ones are what the old site used, or what reads as betting.
A magic trick that gives the visitor something useful. The name kadabra finally earns its place.
The swipe deck. Two piles, a note per card, no right answer. Already liked, already built.
Pairs that match a task with a tool. Each match turns over and tells you what the tool does. It teaches the catalogue.
Drag the steps of a process into order, like patience. The game shows where a tool or the AI fits in the visitor's own flow. Finding workflows together is your phrase.
Not a game but a card move. The visitor's scroll does the shuffle, so it feels played rather than watched.
Lists that enter as dealt cards instead of fading in. The cheapest way to keep the whole site in the deck.
Danger fired at the visitor. Good craft, wrong feeling for a friendly brand.
No stakes, no "tentando la suerte", nothing that rewards luck over learning.
Points turn a lesson into a test. The swipe deck already proved the "no right answer" format works.
Written under the spanish-unslop rules (ustedeo, full sentences, no dashes, no "sin" lists). These are starting points for you to rewrite, not final copy. A note on "vanguardia". "De vanguardia" is on the slop list, so the lines say what the tools do instead.
Diseñamos las herramientas de su equipo, y le enseñamos a su gente a usarlas.
The hero line, holding both halves. My first pick. It reads in two parts, like the double-ended card.
Hacemos la magia y le enseñamos el truco.
It extends your current tagline ("El truco no es la herramienta, es saber usarla"). It's a metaphor, so it works best as a second line or for LinkedIn.
No le vendemos el futuro, le vendemos lo que sirve hoy.
Your line from this brief, kept close to how you said it. It's a "no X, Y" contrast, so it should appear once, as the grounding statement.
Trabajamos rápido porque usamos IA, y trabajamos bien porque la revisan personas.
The AI boost, said plainly. Good for the studio route above the receipts.
Hacemos las herramientas junto con la gente que las va a usar.
For the studio route. I avoided "a la medida", which is kiub's line and the most common phrase in the Costa Rican market.
Cada trabajo trae su recibo, qué hizo la IA, qué hicieron personas y quién lo revisó.
Intro line for the portfolio. Note that it uses a comma where I'd normally use a colon.
Elija la tarea que más tiempo le quita a su equipo.
The instruction for the card trick.
Nos quedamos después de entregar, para ajustar la herramienta con su equipo.
Support, said as something that happens.
Mandarnos un mensaje es gratis, con todo gusto los atendemos.
Kept word for word from the current site.
Five read-only scouts searched the web in parallel. Treat their findings as leads. I've kept only what changes a decision, with links to what they actually opened.