Produits

Keyboard Layout Editor

Create your own keyboard layout or colorscheme

keyboard-layout-editor.com Source★ 100Développement Logiciel / Utilitaires pour Développeurs

Benchmark IA
Bureau
Mobile
Visites par mois
71K
Hausse10.7%vs mois précédentsept. 2026
Revenus publiés
Non divulgué
Aucune preuve de revenus publics
Tarif de départ
Gratuit
Pas de tarif d’abonnement mensuel
Créateurs
Ian Prest
@ijprest· 10 abonnés
Lancement
il y a 10 ans
2016-01-30 · Est.

Trafic

Visites par moisDonnées jusqu'à sept. 2026

Actions marketing

Lancements, recherche & contenu, référents, promos
Comptes X@ijprest
  • Lancé sur Product HuntLancement

    Create your own keyboard layout or colorscheme

    30 janv. 2016 · il y a 10 ansPage de lancement

Open Source & Auto-hébergement

GitHub · MCP / Skill
Dernier commit 2026-05-27
Étoiles GitHub
★ 100
Forks
20
Licence
Voir le dépôt
Langage principal
—

Sources de trafic

sept. 2026

Répartition du trafic

Canaux

  • Direct52%
  • Recherche organique33%
  • Référents8%
  • Réseaux sociaux6%

Pays

  • États-Unis38%
  • Australie9%
  • Royaume-Uni6%
  • Canada5%
  • Japon4%

Rechercher

Autorité de domaine —Domaine enregistré 2013-09-15

Mot-cléVolume mensuel
keyboard layout44K
keyboard layout editor2,220
kle layout editor220
keyboard layout generator200
keyboard layout edit190

Données de trafic : Vaneform

Tarifs

Page de tarifs non identifiée ou aucun prix public affiché.

Pages & changements

Suivi depuis le 2016-01-30

Pages clés

Captures hebdo

Changements

Aucun changement de tarif, d’offre ou de positionnement détecté depuis le début du suivi.

Design

Analyse visuelle du premier écran et CSS :root

Monochrome minimaliste (fond clair, densité dense) avec mise en page plein écran / vidéo / 3d et visuels démo interactive en hero.

Aperçu de l’écran · cliquer pour agrandir

First-screen pitch & conversion flow

“Getting Started with Keyboard-Layout-Editor.com”

Structure hero plein écran / vidéo / 3d associée à un CTA saisie directe / essai immédiat et sans bandeau de preuve sociale.

Conversion path: Plein écran / Vidéo / 3D + Démo interactive en hero → Saisie directe / Essai immédiat

Palette · cliquer pour copier

Score design 5-D6.0 / 10
Typographie
5.0
Couleur & contraste
6.0
Mise en page & espacement
7.0
Finition & soin
6.0
Singularité
6.0

Structure

Polices
Arial
Visuel principal
Démo interactive en hero
Preuve sociale
Sans bandeau de preuve sociale
Navigation
Barre supérieure pleine largeur
Thème & densité
Clair · Dense
Coins & profondeur
Petit rayon · Bordures fines
Prévisualiser le brief design IA complet (variables CSS :root et règles)Tokens de style uniquement ; ne copiez jamais les marques, logos, textes ou images
# Brief de design : Monochrome minimaliste (avec Entreprise épuré)

Palette monochrome avec une seule couleur d'accentuation, de fins séparateurs et un généreux espace blanc.

## Tokens de Design

```css
:root {
  --background: #ffffff;
  --surface: #eeeeee;
  --foreground: #222222;
  --muted-foreground: #777777;
  --accent: #4e9a69;
  --radius: 4px;
  --font-heading: "Arial", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Arial", ui-sans-serif, system-ui, sans-serif;
}
```

Ratio de surface des couleurs : Arrière-plan #FFFFFF (~69%) · Surface #EEEEEE (~18%) · Texte #222222 (~8%) · Texte secondaire #777777 (~3%) · Accent #4E9A69 (~2%). L'arrière-plan et la surface dominent le canevas ; réservez la couleur d'accentuation aux boutons principaux et aux états actifs.

## Structure de Mise en Page & Conversion

- Disposition hero : Plein écran / Vidéo / 3D
- Navigation : Barre supérieure pleine largeur
- Thème et densité : Clair · Dense
- Rayon de bordure et élévation : Petit rayon ; sans ombres portées — séparer les calques par des bordures fines et de l’espace blanc
- Support visuel principal : Démo interactive en hero
- CTA de conversion : Saisie directe / Essai immédiat
- Accroche du titre : Ancrage de catégorie
- Composants hero : Outil interactif en section héro
- Notes de disposition spatiale : Structure hero plein écran / vidéo / 3d associée à un CTA saisie directe / essai immédiat et sans bandeau de preuve sociale.
- Résumé visuel : Monochrome minimaliste (fond clair, densité dense) avec mise en page plein écran / vidéo / 3d et visuels démo interactive en hero.

## À Éviter

- Dégradés néon multicolores
- Ombres portées marquées
- Plus d'une couleur d'accentuation concurrente

Implémentez l’interface selon les tokens et spécifications ci-dessus : utilisez uniquement ces variables de couleur et réservez la couleur d’accentuation aux actions principales et états actifs. N’adoptez que ce style visuel sans jamais copier la marque, le logo, les textes ou les images d’un produit de référence.

Questions et sources

Quel trafic le site de Keyboard Layout Editor reçoit-il ?
Vaneform estime 71K visites en 2026-09. Elles peuvent inclure des visites répétées ; clients payants et revenus nécessitent leurs propres données.Source

Produits de la même catégorie

Développement Logiciel / Utilitaires pour Développeurs

Ces produits sont classés dans la même catégorie. Comparez les besoins couverts, les fonctionnalités et les conditions de déploiement avant d’en faire des alternatives.