The project
Editor Buhonea
Buhonea’s visual studio for social: correct formats, brand templates, layered canvas and export — built to ship campaign after campaign, not a three-screen mock.
The project
Buhonea needs to publish a lot with its own voice: gestores on TikTok/Reels, associations on LinkedIn, profile mosaics, carousels. The Editor is a private ecosystem piece so the team can create assets at real sizes with Buhonea identity and a save → export flow — without a third-party tool that doesn’t know the product.
What they wanted
Give Buhonea a social creative editor: per-network formats, brand templates, editable canvas, asset library and file export — with controlled sessions and projects stored on the server.
The challenge
Stop improvising in generic editors. Have Instagram 1:1 and 9:16, TikTok, Facebook, LinkedIn and profile mosaic; featured templates; project list with open/duplicate/delete; downloadable export history; and a serious canvas (templates, layers, library, elements, zoom, save, export).
Our solution
We built Editor Buhonea as a PHP app with login and idle session timeout. Three clear zones: projects hub + latest exports; format picker and templates (plus «Social help» with weekly plans for gestores / Panel Madre); and the canvas with Templates / Layers / Library / Elements, live format switch and JPG/PNG export.
How it’s built
Three zones of the same editor: where designs live, how a format starts, and where the piece is built and exported.
My projects — hub and exports
Saved designs with preview, network and type (post, story, mosaic…). Open, duplicate or delete. Below, «Latest exports» with download and cleanup. The ops desktop: no lost carousel, no lost export from two weeks ago.
New design — formats, templates and help
Pick a format at real size: Instagram post 1080×1080, story 1080×1920, TikTok, Facebook 1200×630, LinkedIn, profile mosaic 3240×2880. Featured templates (headline, story, TikTok, carousel…). «Social help» tab: idea → publish in 3 steps, gestor vs Panel Madre lines, weekly plan and copy-ready texts — the editor also coaches who posts.
Canvas — layers, library and export
Network-sized canvas: switch format without leaving, zoom and fit, Templates / Layers / Library / Elements panels (map category icons), properties on select, save, save as template and export. Where the piece gets Buhonea identity ready for the feed.
Colour palette
Dark violet ink in the bar, action magenta (New design, Export), support violet on secondary buttons, light mist background and white paper cards. Brand tool: sober, focused, aligned with the rest of the ecosystem.
-
Editor ink
#1a1630 -
Action magenta
#c4458a -
Violet
#7c5cff -
Mist
#eef0f6 -
Paper
#ffffff
Typography
Dosis: readable UI for long design sessions — clear titles, dense but ordered panels, no decoration that pulls focus from the canvas.
- Aa Dosis UI copy, titles and reading
Tech stack
PHP on the server (login, projects, exports), HTML/CSS/JS for canvas and panels, brand templates, JPG/PNG export. Fits the Buhonea stack: owned piece under /editor-buhonea/, not an external SaaS.
- PHP
- HTML5
- CSS3
- JavaScript
- Canvas / lienzo
- Export JPG/PNG
- Plantillas
Result
Buhonea can create and export social creatives with product discipline: correct formats, coherent brand, saved projects and integrated content guidance. Another large ecosystem piece — alongside Email Studio, panels and search — shipped by SevenApps.