Product Design Web3 / DeFi Security Dashboard

Alcatraz

Une forteresse numérique pour sécuriser vos actifs. Alcatraz Locker est un protocole décentralisé permettant aux projets Web3 de verrouiller leur liquidité de manière transparente à travers une interface robuste et hautement sécurisée.

alcatraz_fortress_hero.png

Design System Interactif

Passe ton curseur sur les grilles pour tester les échelles structurelles en temps réel. * Les valeurs listées représentent l'échelle atomique de votre grille Figma basée sur le noyau de 4px à 256px.

Palette de Couleurs (Thématique Cryptographique)

#FEC84B

#E6B545

#B42319

#70707B

#18181B

#050505

Typographie (Inter UI-Scale)

Bold 700 / 24px

SemiBold 600 / 20px

Medium 500 / 16px

Regular 400 / 14px

Système de Spacings (Échelle 16px Base)

1 (4px)

4 (16px)

8 (32px)

16 (64px)

32 (128px)

64 (256px)

64px (4rem)

Vault A Vault B

Système d’arrondis (Radius Tokens)

sm (4px)

md (8px)

lg (12px)

xl (16px)

2xl (20px)

3xl (24px)

12px

Maquettes d'interface & Modules

Parcourez les livrables d'interface conçus pour le protocole Alcatraz Locker[cite: 5].