Aller au contenu
Design system local · v0.2

Système visuel P'tit Kiwi

L'expertise, rendue évidente.

Un langage premium et précis pour parler Wix Studio, SEO et Velo sans tomber dans les codes d'un template SaaS générique.

Noindex Astro statique WCAG 2.2 AA visé
01

Palette de marque

Le cyan historique devient une signature, soutenue par un bleu nuit plus nuancé et un kiwi utilisé comme signal ponctuel.

#071F2D
Nuit experte --pkds-color-navy
#07151F
Encre --pkds-color-ink
#2D63FF
Bleu action --pkds-color-blue
#66D9EF
Cyan signature --pkds-color-cyan
#C8EB78
Kiwi signal --pkds-color-kiwi
#F3C3EB
Rose volume --pkds-color-pink
#A2A3E9
Lavande tech --pkds-color-lavender
#F3F7F6
Toile --pkds-color-canvas
02

Typographie et échelle fluide

Bricolage Grotesque apporte le caractère éditorial ; Manrope assure une lecture nette dans les contenus et les interfaces.

Display · Bricolage Grotesque

Technique dans le fond. Vivant dans la forme.

Texte · Manrope

Une base lisible et compacte pour rendre compréhensibles les sujets complexes : architecture Wix, référencement, automatisations et intégrations métier.

Step 5

Impact

Step 4

Expertise visible

Step 3

Une hiérarchie claire

Step 2

Titre de composant

03

Actions et certifications

Deux niveaux d'action et un lien éditorial. Les badges restent factuels, compacts et distincts du logo de marque.

Fond clair
Wix Partner Niveau Legend Accessibilité Wix Certified
Fond bleu nuit
Wix Studio Developer Certified SEO technique Audit & migration
04

Cartes Services

Un rythme commun, des accents spécialisés et suffisamment d'espace pour expliquer la valeur avant l'appel à l'action.

S-01

Création Wix Studio

Sites sur mesure, rapides et structurés pour convertir sans sacrifier l'identité.

Explorer la solution
S-02

SEO & migrations

Architecture, contenus et redirections pilotés pour préserver puis développer la visibilité.

Explorer la solution
S-03

Velo & intégrations API

Automatisations, espaces métier et flux de données pensés pour durer.

Explorer la solution
05

Cartes Projets

Le visuel donne le ton, tandis que la catégorie et le résultat structurent une lecture rapide de l'étude de cas.

Industrie · Refonte

Une présence premium pour un savoir-faire de précision

Migration SEO, direction artistique et parcours de conversion unifiés.

Immobilier · API

Un catalogue connecté, pensé pour l'international

Expérience multilingue et synchronisation des données métier dans Wix Studio.

06

Barre de preuves

Des faits courts, vérifiables et lisibles, regroupés sans transformer les certifications en décor.

07

Champs de formulaire

Labels persistants, zones tactiles confortables et focus très visible. Les placeholders restent des exemples, jamais des labels de remplacement.

Budget estimatif Composant visuel uniquement, aucune donnée n'est envoyée.
08

Ombres et rayons

Trois niveaux suffisent : compact pour l'interface, souple pour les cartes et expressif pour les surfaces éditoriales.

Rayon compact
--pkds-radius-xs · 0.5rem
Rayon carte
--pkds-radius-md · 1.25rem
Rayon éditorial
--pkds-radius-lg · 2rem
09

Animations sobres

Du mouvement pour guider le regard, jamais pour bloquer la lecture. Ces exemples CSS s'immobilisent automatiquement avec `prefers-reduced-motion`.

Signal orbital

Accent lent pour une preuve ou une donnée en cours.

Profondeur progressive

Micro-mouvement réversible pour révéler une structure technique.

Principe directeur

La technologie reste en coulisses. La valeur passe devant.

Des composants distinctifs, une base HTML sémantique et aucune dépendance d'animation côté client pour ce premier système.

Design tokens centralisés