Sebastiano
Guerriero.

Sebastiano Guerriero est un designer produit et designer d’icônes italien. Avec Claudia Romano, il a cofondé en 2014 CodyHouse, une bibliothèque de composants HTML, CSS et JavaScript utilisée par des milliers de développeurs, puis Nucleo, une application et une bibliothèque de plus de 40 000 icônes. Le duo travaille en indépendant, sans investisseurs, sous la bannière de leur studio Amber Creative.

Sur Dribbble depuis 2010, il y est suivi par plus de 30 000 personnes, et ses shots cumulent environ 4 millions de vues. Son concept de refonte de l’Apple Store, codé en 2014, a fait le tour du web. Depuis, il construit des outils pour les autres : un framework CSS, des composants accessibles, des guides pour dessiner des icônes, et des dizaines d’articles et de tutoriels vidéo.

« Creating icons is creating a visual language. »Sebastiano Guerriero · Nucleo Icon Guidelines, 2018

En juillet 2010, il publie son premier shot sur Dribbble : un jeu d’icônes pour le blog de ressources wegraphics.net. Pendant trois ans, il dessine des interfaces et des identités, pour la plateforme éducative Chalkable, la marketplace de t-shirts Twinne, la refonte de Medialoot, et des kits d’interface iPhone et des jeux d’icônes (EasyIcons, AppExecute). C’est, écrira-t-il, l’époque où « Photoshop suffisait ».

Fin 2013, Claudia Romano, alors ingénieure en R&D dans l’industrie du pneumatique, et lui quittent leurs emplois. Le plan : six mois pour apprendre le développement web seuls, avec des tutoriels et des cours en ligne, puis six mois pour construire une activité.

« If you feel overwhelmed by the idea of learning something new, you have to rewire your brain, so that learning new things becomes, if not easy, natural. »Introducing CodyHouse 2.0 · 2018

Lancé comme projet parallèle pour apprendre et attirer des clients, CodyHouse atteint environ 3 millions de pages vues par mois en 2018. Ses composants gratuits sont téléchargés des centaines de milliers de fois : 175 000 pour la timeline verticale, 166 000 pour le bouton « retour en haut ». De 2015 à 2018, le site propose aussi des cours vidéo, puis il devient une bibliothèque de composants payante, à achat unique.

En décembre 2018 naît le CodyHouse Framework, devenu CodyFrame : environ 500 téléchargements en juin 2019, 7 000 par mois en 2021, 10 000 par mois en 2023. En 2022, CodyHouse Design v4 ouvre les composants à Tailwind et aux projets sans framework. Aujourd’hui, le site compte 404 composants HTML, CSS et JavaScript et dix templates.

« Our framework is based on the idea that you should give up a bit of your “visual control” in favor of “system control” and maintainability. »Sebastiano Guerriero · 2018

L’organisation GitHub de CodyHouse compte 520 dépôts. Le framework y dépasse 1 100 étoiles, la timeline verticale 577, les effets de défilement 309. Sebastiano a aussi publié le gabarit de grille d’icônes de Nucleo, et Flash Grid, une grille CSS Grid légère qu’il explique pas à pas dans son tutoriel le plus lu.

Les dépôts appartiennent à l’organisation cofondée : la part de code de chacun des deux fondateurs n’est pas détaillée.

En 2018, il publie les Nucleo Icon Guidelines, un guide pour dessiner des icônes : grilles de 16 à 64 pixels, volume optique, cohérence des traits, simplicité. Son outil préféré : Adobe Illustrator. Depuis, Nucleo s’enrichit de familles entières : Core, UI, Micro Bold, Sharp, Glass en 2025, Pixel en 2026.

« Constraints are your friends. Working with constraints does not mean limiting your creativity, but empowering it. »Nucleo Icon Guidelines · 2018

« Yep, icons do not replace text. »Nucleo Icon Guidelines · 2018

Il défend les frameworks contre ceux qui repartent de zéro à chaque projet, et les systèmes contre le contrôle pixel par pixel. Ses composants misent d’abord sur la fonctionnalité et l’accessibilité, avec un style minimal. Côté entreprise, il revendique l’indépendance et les choix de long terme, et une règle posée en 2018 : le travail n’est pas la seule priorité.

« Every front-end developer uses CSS frameworks, even those saying they don’t. »Everyone uses CSS frameworks · 2019

« Starting from (literally) scratch every time does not prove you’re a good developer. »Everyone uses CSS frameworks · 2019

« Any framework is an abstraction that uses CSS; it doesn’t replace it. »Blog CodyHouse · 2020

« Because we strive for ‘smart’ solutions, sometimes we end up making them overly complicated. »CodyFrame v4 · 2023

Entre 2015 et 2016, CodyHouse lance trois cours vidéo : Mastering CSS Transitions, Transformations & Animations, Learn HTML & CSS (gratuit, illustré par Sebastiano) et Learn JavaScript and jQuery. Il écrira plus tard que le modèle payant était une erreur ; les cours deviennent gratuits sur YouTube. La chaîne compte 71 vidéos et 3 230 abonnés, dont la série « CSS Nuggets ».

Son shot le plus aimé reste la refonte de l’Apple Store (2 144 likes), le plus vu les icônes sociales gratuites de Nucleo (219 000 vues). Sur Behance, son projet Apple Store a été mis en avant dans la galerie Web Design.