TOA — Salvatore Colantuono
A dark, tactile home for a maker: the portfolio website of Salvatore Colantuono, a Neapolitan upholsterer, carpenter and sculptor who gives recovered wood a second life. We designed it, built it and took it live; Salvatore’s workshop now runs it on its own.


Client
Salvatore Colantuono, TOA
Napoli
Role
Lobos Design: design, motion and development, with Ciro (photography) and Rossella (content and management)
- Timeline
- July to September 2026
- Deliverables
- Art direction
- Design system
- Motion design
- Custom WordPress theme
- SEO and GEO
- Go-live
Results
- Days from design sprint to built site, with four feedback rounds
- 5
- URLs crawled in the audit before handoff
- 80
- Highest layout shift measured on any page
- 0.003
- Cookies for visitors, so no banner is needed
- 0
Three crafts, one voice
Upholstery, carpentry and sculpture had to read as one maker, not three catalogues.
Salvatore grew up in his family’s upholstery workshop in Torre del Greco, moved into carpentry and, during a long convalescence, into clay and sculpture. His pieces are one-offs: lamps sculpted from layered wood, furniture from recovered timber, carved and painted skulls rooted in tribal signs. The brief was to show the work, not the website. Every photograph of a piece sits on black, so any interface colour competed with it. We explored five layout directions, then folded them into one dark system where the photographs do the talking.

Salvatore Colantuono, TOA
In the workshop, Napoli · Photo: Ciro

Teschio Manaia
Burnished wood

Cupola · Layered wood
The signature becomes the system
His only brand asset was a brushed signature. It became the logo without losing the gesture.
We vectorised the hand-brushed TOA signature once and used it everywhere in a single inherited colour, so it can never be recoloured or distorted: navigation, favicon, footer, share card. On the biography it is signed from left to right. An early Didone pairing fought with the brush, so one grotesk, Instrument Sans, carries everything else on a tight scale with negative tracking. Seven colour tokens, one mode. The only accent is a sage taken from the oiled patina of the wood.
Instrument Sans · the only typeface
Regular · Medium · Italic
- Hero112 px
- Title64 px
- Section40 px
- Card24 px
- bg121211
- bg-elevated1B1B19
- placeholder262522
- line2C2B28
- ink-muted8E8B84
- accentB4BB9A
- inkECE9E2
M11 · Magnetic button
Tocca il legnoMove the cursor: it follows, then fills with sageTap it: it fills with sage
A life told in one scroll
Four page types, and a biography that explains three trades without a single date.
The home opens with a statement, cascades through the categories and pins a horizontal strip of highlights. Works can be read as a typographic index with a preview that follows the cursor, or as a staggered grid; the site remembers the choice. Each piece has a data sheet and a gallery that respects the real ratio of every photo. The biography carries the story: three crafts, Tappezzeria, Falegnameria and Scultura, told beside a numeral that changes from 01 to 03 as you scroll.



- 01Divano bracciolo ad anello
- 02Squalo
- 03Mandala
- 04Teschio Kraken
Twelve moments, nothing gratuitous
Motion adds the feeling of material. It never stands between a visitor and a piece.
We mapped twelve motion moments before building any of them, each with a place and a reason: a curtain between pages, a strip that pins and travels sideways, a marquee that speeds up with the scroll, a surface that ripples like grain under oil. Each one was tried in a live motion lab first and kept only if the page felt more physical with it. Everything respects reduced motion: with it switched on, the resting state is fully visible and the hero video stays on its poster.
In evidenza
Dal banco


12
Motion moments, mapped before any was built
- M01Preloader counterPreloader counterEverywhere
- M02Cursor with contextual labelsCursor with contextual labelsDesktop
- M03Masked line revealsMasked line revealsHeroes
- M04Marquee tied to scroll speedMarquee tied to scroll speedHome
- M05Preview that follows the cursorPreview following the cursorOpere
- M06Pinned horizontal stripPinned horizontal stripHome
- M07Unveil from belowUnveil from belowGalleries
- M08Lightbox opening from the thumbnailLightbox from the thumbnailOpera
- M09WebGL surface, grain under oilWebGL surfaceMateria
- M10Sticky numeral, word-by-word textSticky numeralLe tappe
- M11Magnetic pill buttonsMagnetic pill buttonsCTAs
- M12Curtain between pagesCurtain between pagesEverywhere

M09 · Move over it: the grain ripples like wood under oil
M04 · The marquee speeds up with the scroll
Built so two people can run it
No page builder, no cookie banner, no default login, and pages that search engines and AI assistants can read.
We built a custom WordPress theme with no page builder. Salvatore and his manager add works, photos and categories themselves, and new categories appear everywhere on their own. Every piece is described in structured data, the robots file welcomes AI crawlers, and a generated llms.txt gives assistants a clean summary to quote. The contact form has no plugin and archives every request with its consent. Nothing loads from a third party, so visitors get no cookies and no banner. The login is hidden, the mail is authenticated so it lands, and an audit before handoff caught two real bugs before the client did.
Le tappe
Tre mestieri, una sola mano
TappezzeriaIl primo passaggio, e il ponte verso le altre arti, è il design tessile. Nella bottega di famiglia Toa impara dai maestri artigiani dell’epoca i segreti tecnici e la pazienza come strumento di lavoro. Oggi si dedica al restauro e alla ritappezzeria di pezzi antichi e alla creazione di nuovi elementi, lasciandosi trascinare dalla propria ispirazione e dall’influenza dei designer del passato.
FalegnameriaNella lavorazione del legno Toa mostra tutto il suo eclettismo progettuale. La produzione spazia da piccoli oggetti come gioielli e utensili alle strutture d’arredo, fino ad architetture minimali e volumi abitabili. In tutto il processo l’attenzione va al legno di recupero, trattato e protetto con oli vegetali e cera d’api.
SculturaLa scultura arriva per necessità, non per progetto. Costretto a letto da una lunga convalescenza, lontano dal banco e dagli attrezzi, Toa comincia a modellare l’argilla per tenere le mani occupate. Da quella pausa forzata nasce un linguaggio: teschi, maschere e totem in cui tornano i segni tribali e le simbologie antiche che lo accompagnano da sempre.
Lighthouse · measured on the live site
- Accessibility
- 100
- Best practices
- 100
- Performance, desktop
- 96
llms.txtFor AI assistants
# TOA · Salvatore Colantuono
> Wood artist, designer, artigiano tessile.
## Opere
- Teschio Manaia: 2024, Legno di recupero, intagliato e brunito, 22 × 18 × 20 cm
- Divano bracciolo ad anello: 2025, Legno di recupero e tessuto, 82 × 190 × 85 cm
Allowed in robots.txt
- GPTBot
- OAI-SearchBot
- ClaudeBot
- PerplexityBot
- Google-Extended
JSON-LD on every page
VisualArtwork per piece
Errore 404
Questa pagina non esiste. Come ogni opera, anche gli indirizzi qui sono unici.
Torna alle opere →
The default WordPress login answers with this page
In his words
“Il legno decide la forma. Io la ascolto.”
Photography by Ciro. Content and management by Rossella. Design, motion and development by Lobos Design.
Want something like this?
Tell us what you have in mind. We reply within one to two working days.
Next project
Amù, amore bio


