tutos pour squarespace
Le coin créa
Un espace abonnĂ© Ă 39⏠- accĂšs Ă vie đïž
(inclus pour les membres de la formation â choisir votre offre)
Des templates à récupérer, des pages à copier, des codes CSS à essayer et des inspis !
Explorez ci-dessous mes designs préférés.
Florence
Pour pimper son site Squarespace.
Plus dâune vingtaine de tutos Ă dispo.
Template - Site avec une deuxiĂšme police sur le mĂȘme titre
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
ĂlĂ©ment - RĂ©duire lâinterlignage
Le site de dĂ©mo â
ModÚle de Squarespace utilisé : Hart
Explication : cet effet permet de rĂ©duire lâespace entre un titre et un paragraphe dans un texte. Un code trĂšs simple mais qui manque quand on ne le connaĂźt pas.
Parfait pour : personnaliser plus prĂ©cisĂ©ment lâespacement.
Niveau : facile
ĂlĂ©ment - Ajouter une bulle dâinformation
Le site de dĂ©mo â
ModÚle de Squarespace utilisé : Pulaski
Explication : cet effet permet dâafficher une bulle dâinformation au survol dans un texte. Cela apporte une interactivitĂ© dynamique Ă son site, tout en fournissant des explications supplĂ©mentaires (indexable par les moteurs de recherche) sans surcharger le contenu.
Parfait pour : amĂ©liorer lâergonomie et lâexpĂ©rience utilisateur.
Niveau : avancé
ĂlĂ©ment - Customiser le curseur de la souris
Le site de dĂ©mo â
ModÚle de Squarespace utilisé : Jotterpress
Explication : cet effet permet de customiser la souris affichĂ©e sur un site. LâidĂ©e derriĂšre est de renforcer son identitĂ© de marque avec un curseur en cohĂ©rence avec son image, et dâapporter un effet ludique et esthĂ©tique. Vous pourrez choisir parmi une bibliothĂšque de curseurs mise Ă votre disposition.
Parfait pour : ajouter une touche personnalisée à son site.
Niveau : intermédiaire
Page - Autre image au survol
Le site de dĂ©mo â
ModÚle de Squarespace utilisé : Montclaire
Explication : trĂšs apprĂ©ciĂ© des artistes et photographes, cet effet permet de changer lâimage affichĂ©e lorsquâun utilisateur passe sa souris dessus. LâidĂ©e est de surprendre, de rendre votre site plus dynamique et dâattirer lâattention sur un Ă©lĂ©ment en particulier.
Parfait pour : faire des avant/aprĂšs, afficher une variante.
Niveau : intermédiaire
Template - Site aux marges larges
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
Orga - Mes inspi de site
Explication : pas de bonne crĂ©a sans une bonne orga ! AccĂ©dez au recueil des sites que je prĂ©fĂšre et qui m'inspire au quotidien, qu'ils soient de Squarespace ou non. De nouveaux ajouts rĂ©guliers sont faits au fil de mes trouvailles ! đ
Parfait pour : vous donner de nouvelles idées, vous débloquer quand vous manquez de créativité.
Niveau : facile
JâespĂšre que mes crĂ©a vous plaisent.
NâhĂ©sitez pas Ă me partager si vous voyez des choses que vous voudriez avoir !
