Toutes les ressources premium et membres pour 8,99 €/mois, en abonnement sans engagement. Voir les offres

PalateKit

Se connecter
Menu

Demander une ressource

Décrivez en une phrase la ressource qui vous manque. Nous vous écrirons quand elle sera publiée.

0 / 280

Une page, une vidéo ou une image en ligne.

Débloquer PalateKit

Tout débloquer

Offre

Le paiement vaut acceptation de nos conditions générales de vente.

Paiement sécurisé par Stripe. Reçus et factures envoyés par e-mail.

Content de vous revoir

Connectez-vous pour installer, télécharger ou sauvegarder cette ressource. Un compte gratuit suffit pour les ressources gratuites.

Style typographique suisse avec Tailwind v1.0.0

Utilisez cette ressource pour mettre en forme une page web dans le style typographique suisse

Nouveau

  • 595 téléchargements
  • 114 mentions J'aime
  • 248 sauvegardes

4,49 €

Accès à vie à cette ressource, avec ses mises à jour.

Installer avec la CLI

Dans un terminal, depuis le dossier voulu :

npx --yes palatekit@latest install swiss-international-style

Sans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.

Première fois : connectez la CLI avec

npx --yes palatekit@latest login

L'agent restyle une page ou en construit une nouvelle avec Tailwind CSS en suivant six principes : grille d'abord, mobile d'abord, espace blanc structurant, hiérarchie par l'opacité, un seul accent, colonnes étroites. Vous obtenez une page sobre, lisible et cohérente, avec mode sombre, états de focus et soin typographique (points de suspension, guillemets, chiffres tabulaires).

Choisie surtout par

Mise à jour le 2 novembre 2026

Page web sobre de style typographique suisse : grotesque légère, grille à 12 colonnes, fond pierre et un seul accent rouge.

Caractéristiques

Fonctionne dans
Guides d'installation
Génère avec
Le modèle de votre agent
Utilise
  • Tailwind CSS
Licence
MIT

Ressources similaires

Tout voir

Ce que vous obtenez

  • SKILL.md, traduit en français : principes, échelle typographique, palette pierre, grille, responsive, mode sombre et pièges à éviter
  • references/design-system.md : tableau complet des couleurs et variables CSS
  • references/components.md : boutons, cartes, navigation, formulaires et badges en Tailwind
  • references/tailwind-config.md et references/prompting.md : configuration prête à coller et liste de contrôle pour une page existante

Pour qui

  • Donner une identité sobre et éditoriale à un site vitrine ou à une page de présentation
  • Nettoyer une interface chargée en gardant une seule couleur d'accent
  • Poser un système de design cohérent avant de décliner plusieurs pages

Pas pour qui

  • Un univers coloré, ludique ou très illustré
  • Une page qui n'utilise pas Tailwind CSS
  • Un audit d'accessibilité complet : la skill se limite à l'aspect visuel

Étiquettes

  • design suisse
  • tailwind
  • typographie
  • grille
  • mode sombre

À propos

Vous dites

« Applique le style suisse à ma page d'accueil, avec le cobalt comme couleur d'accent, et vérifie le rendu mobile. »

Page web sobre de style typographique suisse : grotesque légère, grille à 12 colonnes, fond pierre et un seul accent rouge.

Skill publiée par zeke sous licence MIT, traduite par PalateKit.

Voir plus

Prérequis

À préparer
La page ou le projet web à mettre en forme et Un accent de couleur, si vous ne voulez pas le rouge par défaut
Dépendances
Tailwind CSS

Comment l'utiliser

  1. Installez la skill dans le dossier de skills de votre agent.
  2. Indiquez la page à restyler et, si vous voulez, l'accent à utiliser (rouge, cobalt, or ou forêt).
  3. Relisez le rendu à 320 px et à 1440 px, puis demandez les ajustements.

Aperçu du contenu

Fichiers

  • LICENSE1 Ko
  • NOTICE-PALATEKIT.md0,4 Ko
  • references/components.md11,3 Ko
  • references/design-system.md8 Ko
  • references/prompting.md6 Ko
  • references/tailwind-config.md3,3 Ko
  • SKILL.md15 Ko

Origine et licence

Modifié par PalateKit

Auteur
zeke
Source
github.com/zeke/swiss-design-skill/tree/285009f3dc4ba311f59bb757973274de2c9446c3/swiss-design
Licence
MIT

Notice

Version modifiée de « swiss-design » (zeke, MIT) : traduction française et fiche par PalateKit.

Avis des utilisateurs

–

Aucune note pour l'instant

Chargement des avis…

Supprimer votre avis ?

Votre note et votre commentaire seront retirés de la fiche.

Questions fréquentes

La skill a-t-elle besoin d'un autre outil ?

Non. Elle mentionne les règles d'interface de Vercel pour l'accessibilité, mais seulement comme complément facultatif. Elle fonctionne avec ses seuls fichiers.

Puis-je changer la police ou la couleur d'accent ?

Oui. La skill propose une chaîne de polices de secours et quatre accents. Demandez à l'agent d'en choisir un autre, en gardant un seul accent par projet.