22 k vues

Stillmind

Stillmind : section hero animée pensée pour une landing page SaaS, construite avec React, Tailwind CSS, Framer Motion.

Landing pages SaaS Sections hero React Tailwind CSS Framer Motion TypeScript

Obtenir une version renforcée de ce prompt

Prompt

Create a fullscreen cinematic hero section for a mindfulness/focus app called "Lumora" using React, Tailwind CSS, and Lucide React icons.

## Font

Use **Instrument Serif** (Google Fonts, italic for the logo). Load it in index.html:
```
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap" rel="stylesheet">
```

Set `font-family: 'Instrument Serif', serif` on html/body. Use `system-ui, sans-serif` inline for body text (subtext, buttons, stats, video labels).

Débloquer le Prompt Studio à vie

117 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: Instrument Serif
Palette

Stillmind

Prompt

Références similaires