Design System Zevra

Tous les composants et styles du site

50+

Composants

15+

Effets

100%

Cyberpunk

Typographie

H1 Normal (text-6xl text-white)

Vous n'avez pas fait 8 ans d'études

H1 Gradient (gradient-text)

Studio legaltech

H1 Glitch (glitch)

Effet glitch

H1 Static (static-text RGB)

sur Excel.

H2 (text-4xl)

Ce qu'on fait pour vous.

H3 Gradient (text-2xl)

Simplifier votre gestion

Paragraphe (text-lg)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Néon Text (neon-text)

ERP avocat, automatisation.

Cyber Highlight Vert (cyber-highlight)

On vous rend votre temps.

Cyber Highlight Orange (cyber-highlight-orange)

C'est épuisant.

Badges & Tags

Badge avec dot pulsant

Logiciel pour avocats

Badge néon (pulse)

Friday Sur mesure

Tech badges

React Next.js TypeScript 4-12 sem. Gratuit

Trust badges

Gratuit jusqu'à 25K€

Boutons

CTA Principal (vert avec overlay)

Découvrir Friday ERP

CTA Secondaire (orange)

Prendre RDV — 30 min

Bouton simple glass

Découvrir

Lien simple avec flèche

Découvrir Friday

Cartes

Carte Glass simple

Titre de carte

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

En savoir plus →

Carte Problème (bordure orange gauche)

"Je jongle entre 15 outils"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt.

C'est épuisant.

Carte Cas concret (numérotée)

1

Facturation en langage naturel

Friday

L'assistant comprend, génère, attache. Vous validez en un clic.

Carte Produit (ProductCard component)

📊

Friday

ERP avocat

Facturation, dossiers, provisions. Tout au même endroit.

Le deal :

Gratuit jusqu'à 25K€

Puis 1%

Différent comment :

Pas d'abonnementUsers illimités
Features

Facturation

Provisions

Compta

Scan mail

IA

Demander une démo

Carte Solution (grille 2x2)

Simplifier votre gestion quotidienne

Facturation, dossiers, provisions, comptabilité — tout au même endroit.

Friday ERP. Gratuit jusqu'à 25K€. Puis 1%.

Découvrir Friday →

Carte Cibles (hover qui lève)

Avocat / Cabinet

Vous voulez gagner du temps, automatiser ce qui peut l'être ?

On a ce qu'il vous faut.

Accordéons

Développement sur mesure

Application web, mobile, API

4-12 sem.

Vous avez un besoin précis, on construit la solution.

Les specs Le code Les tests La doc

C'est quoi le modèle de Friday ?

Gratuit jusqu'à 25K€. Après, 1% de ce que vous facturez.

Blocs spéciaux

Citation italique dans bloc

"Solution SaaS cloud-native avec workflow automatisé et dashboard analytics."

Bloc pricing/info (bordure orange)

Le deal :

  • Gratuit jusqu'à 25K€
  • Puis 1%

Bloc info (bordure verte)

C'est ce que fait Friday. Gratuit jusqu'à 25K€.

Ligne de séparation gradient

Filtres & Navigation

Filter tags

Dots navigation

Boutons navigation ronds

Dots & Indicateurs

Dot pulsant (cyber-dot)

Cercle numéroté

1

Icône dans carré gradient

Témoignages

"Une équipe qui comprend vraiment les besoins du secteur juridique."

Marie Dubois

Directrice Juridique

CTA Final

Vous avez un truc en tête ?

Trois lignes suffisent. On vous dit si on peut aider.

Animations & Effets

fade-in-up

Animation fade et slide

Card hover (lève)

Hover moi

Card hover cibles (lève + shadow)

Hover moi aussi

Grilles

Grille 3 colonnes (Store products)

Colonne 1
Colonne 2
Colonne 3

Grille 2x2 (Solutions)

Case 1
Case 2
Case 3
Case 4

Stats & Chiffres

10+

Logiciels disponibles

2

Outils open source gratuits

100%

Testés par des avocats

Carousels / Sliders

Swiper.js Carousel (bibliothèque)

Slide 1

Premier exemple de slide avec Swiper.js

Slide 2

Deuxième slide avec transition smooth

Slide 3

Troisième slide swipable

Scroll horizontal avec gap

Card 1

Scroll horizontal

Card 2

Avec snap points

Card 3

Smooth scroll

Card 4

CSS natif

Layouts alternatifs

Bento Grid (tailles variées)

Grande carte

2x2

2x1

1x1

1x1

2x1

Grande carte 2

2x2

Masonry (hauteurs variables)

Card courte

Lorem ipsum

Card moyenne

Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor.

Card

Dolor sit

Card haute

Lorem ipsum dolor sit amet consectetur adipiscing elit.

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Petite

Ipsum

Timeline verticale (process)

Étape 1

On écoute. Vous racontez votre besoin.

Étape 2

On propose une solution claire.

Étape 3

On construit. Vous validez.

Cards empilées (stack effect)

Carte active

Les autres cartes sont empilées derrière avec rotation et opacité.

Voir plus →

Split screen 50/50

Problème

Vous passez 10h par semaine sur Excel.

Solution

Friday automatise tout ça.

Tabs (navigation horizontale)

Contenu du tab actif ici...

Patterns spéciaux

Carte avec badge "Nouveau" flottant

NOUVEAU

Friday 2.0

Nouvelle version avec IA améliorée.

Carte avec gradient décoratif

Feature highlight

Gradient décoratif en haut à droite.

Liste features avec icônes

Feature 1

Description de la feature

Feature 2

Description de la feature

Progress bar / Loading

75% complété