Aller au contenu principal

Typographie

Ceci est le premier paragraphe — il reçoit automatiquement une drop cap (lettrine) sur sa première lettre. Le texte courant utilise la police DM Sans à 17px avec un interligne généreux de 1.8. L’objectif est une lecture confortable, façon magazine lifestyle, pas un blog tech dense.

Voici un second paragraphe pour montrer l’espacement entre blocs de texte. On peut y inclure du gras, de l’italique, du code inline et des liens vers d’autres pages qui s’affichent en couleur accent avec un soulignement subtil.

Niveaux de titres

Les titres h2 ont un séparateur horizontal au-dessus et un espacement généreux. Les h3 ont une bordure gauche accent. Voici un h4 ci-dessous :

Titre de niveau 4

Le h4 est plus discret, utilisé pour les sous-sections mineures. Il n’apparaît pas dans le sommaire.

Listes

Liste à puces

  • Ergonomie : chaises, bureaux assis-debout, supports d’écran et accessoires posturaux
  • Gaming : fauteuils, claviers mécaniques, souris, moniteurs haute fréquence
  • Digital Nomade : supports laptop, hubs USB-C, accessoires compacts de voyage
  • Les puces sont des cercles de couleur accent, jamais les bullets natifs du navigateur
  • Dernier élément de la liste pour tester l’espacement

Liste ordonnée

  1. Analyser le besoin — quel type de setup, quel budget, quelles contraintes d’espace ?
  2. Comparer les options — consulter nos comparatifs pour chaque catégorie de produit
  3. Vérifier la compatibilité — hauteur du bureau, taille de l’écran, ergonomie de la chaise
  4. Commander au bon moment — surveiller les prix et profiter des promotions saisonnières
  5. Installer et ajuster — prendre le temps de régler chaque élément à sa morphologie

Citations

Notre règle d’or : si on ne le recommanderait pas à un ami, on ne le recommande pas sur Deskup. La confiance de nos lecteurs vaut plus que n’importe quelle commission.

Voici une citation plus courte :

Le bon bureau, c’est celui qu’on oublie. Quand tout est bien réglé, on ne pense plus au matériel — on se concentre sur ce qu’on fait.

Tableaux

CritèreBureau assis-deboutBureau classiqueBureau gaming
Prix moyen400 — 800 €150 — 400 €250 — 600 €
Ergonomie★★★★★★★☆☆☆★★★☆☆
Espace requis120 × 70 cm min100 × 60 cm min140 × 70 cm min
Réglage hauteurÉlectrique / manuelFixeFixe ou manuel
Durabilité8-15 ans5-10 ans5-10 ans
Idéal pourTélétravail, santéBudget serréSetup immersif

Séparateurs

Le séparateur horizontal (hr) s’affiche sous forme de trois points éditoriaux, comme dans un magazine :


Ceci est le texte après le séparateur. On l’utilise pour marquer une rupture thématique douce, sans titre.

Mise en forme avancée

Gras et italique combinés

On peut combiner gras et italique dans le même passage. Le gras utilise un poids de 600 et reste en couleur texte principale, tandis que l’italique passe en couleur texte atténuée pour un contraste subtil.

Code inline

Pour les termes techniques, on utilise border-radius: var(--radius) ou mix-blend-mode: multiply. Le code inline a un fond légèrement teinté et une couleur cuivre.

Liens

Les liens comme notre page à propos ou un lien externe ont un soulignement accent semi-transparent qui devient opaque au survol.

Contenu long pour tester le scroll

Cette section contient volontairement plus de texte pour tester le comportement du sommaire sticky lors du défilement. Le TOC desktop reste fixe en haut de la sidebar et met en surbrillance la section active.

Un espace de travail ergonomique commence par la chaise. C’est l’investissement le plus important — on y passe 6 à 10 heures par jour. Une bonne chaise ergonomique doit offrir un soutien lombaire ajustable, des accoudoirs réglables en hauteur et en largeur, et une assise suffisamment profonde pour supporter les cuisses sans comprimer l’arrière des genoux.

Le bureau vient ensuite. Un bureau assis-debout est l’idéal : alterner entre position assise et debout réduit les douleurs dorsales et améliore la concentration. Les modèles électriques sont plus pratiques que les manuels — on change de position plus souvent quand c’est facile.

L’écran doit être à hauteur des yeux, à environ un bras de distance. Un support d’écran ou un bras articulé permet d’ajuster précisément la position. Pour la taille, un 27 pouces est le sweet spot pour la productivité — assez grand pour du multitâche, pas trop pour garder une distance confortable.

Astuce pro : placez votre bureau perpendiculairement à la fenêtre, pas face à elle. Vous éviterez les reflets sur l’écran tout en profitant de la lumière naturelle sur le côté.

L’éclairage est souvent négligé. Une lampe d’écran (type BenQ ScreenBar) élimine les reflets tout en éclairant uniformément le plan de travail. Complétez avec un éclairage d’ambiance indirect pour réduire la fatigue oculaire — la différence de luminosité entre l’écran et l’environnement ne devrait jamais être trop forte.

Fin de page

Voilà ! Cette page couvre tous les éléments prose disponibles. En dessous, vous trouverez la section FAQ avec son accordéon interactif et le Schema.org FAQPage intégré.

Questions fréquentes

Les réponses aux questions qu'on nous pose le plus souvent.

C'est une page de test interne qui permet de visualiser le rendu de chaque élément HTML disponible dans le template de page statique Deskup. Elle sert de référence visuelle pour la création de contenu.
Oui, les pages statiques réutilisent les mêmes patterns visuels que les articles : drop cap, headings avec séparateurs, listes à puces accent, blockquotes, tableaux stylés. La cohérence visuelle est garantie par le design system.
Absolument. Le champ 'tool' dans le frontmatter permet d'injecter un composant interactif (calculateur, quiz, formulaire) directement dans la page, entre le contenu prose et la FAQ.