Langue
Langue active : FR
Système de Design
Fondations visuelles et charte graphique du Cyberfolio. Chaque choix a une fonction : rien de décoratif, tout est structurel.
Philosophie
L'interface emprunte les conventions d'un système d'exploitation — un shell persistant (topbar, sidebar, chat) dans lequel le contenu se charge comme une application. Le design sert le contexte : interface sombre pour réduire la fatigue visuelle, accents néon pour guider le regard, grille rigide pour ancrer le contenu.
Arrière-plans
12 arrière-plans disponibles, classés par atmosphère. Cliquez pour appliquer en temps réel. Tapez background [name] dans le chat pour obtenir le même résultat.
Couleurs d'accent
9 couleurs d'accent. Chaque accent modifie les variables --violet, --line et --glow-violet. L'interface entière s'adapte.
Palette de base
Les couleurs structurelles qui ne changent pas avec le thème : texte, surfaces intermédiaires et niveaux de profondeur.
Typographie
System UI pour le texte courant afin de conserver une lisibilité native. Les titres utilisent la couleur d'accent pour renforcer la hiérarchie.
Espacement
Rythme vertical basé sur des multiples de 8px. Les sections de projet ont un espacement large (80-120px) pour laisser respirer le contenu sur fond sombre.
Composants
L'interface repose sur un shell OS persistant. Chaque composant a un rôle précis et reste visible sur toutes les pages.
Main navigation. Logo + links. Fixed height 44px.
Project navigation. DESIGN / DEV sections. Mobile drawer.
Fixed input bar + collapsible chat panel. System commands.
Universal template for design projects. Data-driven, zero duplication.
Universal case study template. 6 composable block types.
Global composable. 12 backgrounds, 9 accents, command parser.
Effets & Glow
Le néon est mesuré : glow sur la marque, la scrollbar et les éléments actifs. Jamais sur le texte de corps. L'effet sert à guider, pas à décorer.
Commandes du chat
Le système de commandes est accessible depuis n'importe quelle page via le bouton system du footer.
> help> background [black | dark | gray | purple | amethyst | nebula | blue | navy | cyberblue | matrix | emerald | crimson]> accent [violet | rose | cyan | blue | green | emerald | amber | red | silver]> lang [en | fr]> resetLayouts
Trois grilles sont disponibles. Le layout est sélectionné par page via definePageMeta.
Home. Full screen. No sidebar or info panel.
Design projects. Sidebar + content + "INFO" panel.
Dev & system projects. Same grid, enriched info panel.