CISSTECH
TrempéDepuis 2026

cisstech.com

L'atelier qui se forge lui-même. Ce site est une pièce, tenue aux standards qu'il vend.

Front
Angular · Rendu statique (SSG) · Storybook
Infra
GCP · Firebase Hosting
Outillage
Nx
Pièce nº 000

Le site est une pièce, pas une brochure

Un atelier se juge à ses pièces, et celle-ci est la première : le site n'est pas une vitrine posée à côté du travail, c'est le travail. Il naît des mêmes convictions et tient les mêmes exigences que les missions client.

D'où son numéro. Chaque projet de l'atelier porte une étiquette ; le site porte la nº 000, la pièce zéro, celle qui présente toutes les autres.

La direction artistique

La Forge, une identité conçue de zéro

Rien ici n'est un thème acheté. La Forge est une direction artistique complète, pensée autour d'un métier : une matière, un caractère, un vocabulaire. C'est le genre de cohérence que j'apporte à un produit, du premier écran au moindre cartouche.

En forgeSur l'enclumeTrempé

Le vocabulaire d'état des pièces : en conception, en développement actif, stable en production. Trois mots à moi, à la place de « WIP / beta / stable ».

La matière

Des noirs de fer, une seule braise

La Fonte#14110EFond, noir de fer
Le Charbon#1E1915Surfaces, cartes
L'Ivoire#F4EEE4Texte
La Cendre#A69A8CTexte secondaire
La Braise#FF6B2BAction, liens
L'Acier#8FB9CDFroid technique

Une seule couleur d'action, la braise. Deux ambiances basculent avec le thème : la forge la nuit, le plan d'atelier le jour. Les pastilles ci-dessus sont les vraies variables du site.

Le caractère

Trois familles, auto-hébergées

Bricolage GrotesqueTitres, chiffres clés

Forger des produits qui durent.

Hanken GroteskTexte courant

Une grotesque humaniste, chaleureuse sans être molle. Elle porte les études de cas et les articles : on lit un carnet d'atelier, pas une plaquette commerciale.

IBM Plex MonoCartouches, étiquettes, données

PIÈCE Nº 000 · CISSTECH · TREMPÉ

Trois familles libres, auto-hébergées (~130 Ko) : aucun Typekit, aucune dépendance externe, aucun rechargement de police au chargement.

Comment c'est forgé

Rapide et durable, par construction

Rendu statique : chaque page est prérendue puis hydratée. Un site indexable et rapide, sans serveur à maintenir, avec des polices auto-hébergées et aucune dépendance d'interface lourde. Résultat : 100 / 100 / 100 / 100 au Lighthouse (performance, accessibilité, SEO, bonnes pratiques).

Les transitions entre pages et les révélations au scroll restent discrètes, et s'effacent pour qui préfère moins d'animation. La même exigence que sur une mission : livrer vite, sans jeter la qualité.

La même exigence, pour vous

Envie d'un produit forgé avec ce soin ?

Ce site montre le geste ; le vôtre commence par une conversation.