29 k vues

Duolingo Styleguide

Duolingo Styleguide : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS.

Landing pages SaaS Sections hero React Tailwind CSS

Obtenir une version renforcée de ce prompt

Prompt

Personnaliser

Fonts
Primary font: 'Nunito' from Google Fonts (weights: 400, 500, 600, 700, 800, 900)
Display/heading font: 'Feather Bold' from https://db.onlinewebfonts.com/c/14936bb7a4b6575fd2eee80a3ab52cc2?family=Feather+Bold
Font stack fallback: 'Nunito', 'DIN Round Pro', -apple-system, BlinkMacSystemFont, sans-serif
Color Variables (CSS custom properties)

--green: rgb(88, 204, 2)
--green-hover: rgb(75, 178, 0)
--green-shadow: #61B800
--dark-blue: rgb(16, 15, 62)
--blue: rgb(28, 176, 246)
--gray-text: rgb(75, 75, 75)

Débloquer le Prompt Studio à vie

173 lignes masquées : architecture complète, classes Tailwind, animations et intégration vidéo.

Offre de lancement

Accès illimité à tous les prompts · Studio inclus · Paiement unique

Typographies: Feather Bold
Palette

Duolingo Styleguide

Prompt

Références similaires