Le site de démo ↗
Modèle de Squarespace utilisé : Héron

Explication : il peut être judicieux d’afficher un sous-titre au titre de son site notamment pour faciliter la compréhension de son business et placer des informations clés.

Parfait pour : être plus clair dans son message.

Niveau : intermédiaire

Le site de démo ↗
Modèle de Squarespace utilisé : Zorayda

Explication : avec ce code, vous allez enfin pouvoir éviter l’affichage affreux d’un point d’interrogation, d’exclamation et autre signe de ponctuation tout seul à la ligne !

Parfait pour : faire plus pro.

Niveau : facile

Le site de démo ↗
Modèle de Squarespace utilisé : Sundew

Explication : avec ce code et ces paramètres adaptés aux sections de type “Liste”, on obtient une mise en forme de type “Carte” plus travaillée avec des coins arrondis et un effet de hover (survol) qui apporte une petite touche moderne.

Parfait pour : présenter des éléments de façon visuelle et attractive, tout en restant structurée.

Niveau : intermédiaire

Le site de démo ↗
Modèle de Squarespace utilisé : Nolan

Explication : avec ce tuto, vous allez pouvoir ajouter un émoji en image à un lien (ou plusieurs liens) de votre menu afin de garantir son bon affichage. En effet, si le système d’exploitation ou le navigateur de votre visiteur utilise une version ancienne d’Unicode, les émojis récents ne s’afficheront pas correctement ou afficheront la version liée au système.

Parfait pour : afficher un émoji de modèle Apple, même sur Windows.

Niveau : intermédiaire

Le site de démo ↗
Modèle de Squarespace utilisé : Reseda

Explication : avec ce tuto, votre navigation se fera sur une barre latérale fixe à gauche plutôt qu’en haut du site comme cela se fait traditionnellement. Idéal pour les sites avec beaucoup de pages, la navigation sera plus fluide.

Parfait pour : faire un effet de menu “à la Notion”.

Niveau : intermédiaire/avancé

Le site de démo ↗
Modèle de Squarespace utilisé : Alignflow

Explication : les titres d’un site sont importants et Squarespace permet de mettre une seule police pour ceux-ci. Avec ce tuto, vous pourrez explorer de nombreuses options de customisation.

Parfait pour : faire un effet visuel et mieux mettre en valeur les sujets de vos sections.

Niveau : avancé

Le site de démo ↗
Modèle de Squarespace utilisé : Myhra

Explication : souvent vu dans le milieu de la mode ou du design, l’utilisation de deux polices différentes dans un même titre attire l’œil et facilite la compréhension des informations importantes. C’est une bonne technique pour combiner esthétique, lisibilité, et impact émotionnel.

Parfait pour : ajouter une touche design à son site et mettre en avant vos typographies de marque.

Niveau : intermédiaire

Le site de démo ↗
Modèle de Squarespace utilisé : Çimen

Explication : très utilisé dans le milieu de la tech, ce design au contenu central étroit, rappelle la vue mobile des sites sur téléphone. Comme une part toujours plus importante du trafic vient du mobile, c’est une bonne approche à adopter !

Parfait pour : avoir l’air moderne et actuel, mettre en avant son contenu en concentrant le regard du lecteur sur le milieu de l’écran.

Niveau : facile