---
name: style-tech
description: Technical / dev-tool design - monospace typography, terminal-inspired dark UI, code-like layouts, syntax-highlight accents. Use when the user asks for "devtool", "terminal", "IDE", "documentation", "API", "CLI", "tech" style.
---

# Style Tech

L'outil est fait pour des gens qui vivent dans un terminal. Traite-les avec ce respect.

## Palette

- BG: gris très foncé `#0d1117` (GitHub dark) ou noir bleuté `#0a0e1a`.
- Panels: `#161b22`.
- FG: `#e6edf3`.
- FG-dim: `#8b949e`.
- Accents "syntax": vert string `#7ee787`, bleu function `#79c0ff`, magenta keyword `#ff7b72`, jaune constant `#f0883e`, comment gris `#6e7681`.

## Typographie

- Display + body + code: mono partout (JetBrains Mono, IBM Plex Mono, Söhne Mono, Fira Code).
- Ou hybride: sans mono neutre pour UI (Söhne, Inter) + mono pour code/data.
- Line-height 1.5 pour body, 1.7 pour code blocks.

## Layout

- Grille dense, densité info élevée, pas de whitespace décoratif.
- Sidebars fixes gauche+droite, contenu central scroll.
- Code blocks avec numéros de ligne, copy button, langage tag.
- Tables serrées : padding vertical 8px, hover row highlight.

## Composants signature

- Command palette (`Cmd+K`) omniprésent.
- Keyboard shortcuts affichés partout (`⌘K`, `↵` dans les bulles).
- Breadcrumb type filesystem : `~/project/src/components/Button.tsx`.
- Terminal-style output (green success, red error, prompt `$`).

## Rules

- Aucune illustration décorative. Icons Lucide/Phosphor only.
- Focus rings visibles (2px outline accent).
- Toujours indiquer les raccourcis clavier disponibles.