Changer la marque

This content is not available in your language yet.

1. Les 5 valeurs

import { defineBrand } from '@daroms/theme/brand'

export default defineBrand({
  primary: '#0F766E', // boutons, liens, éléments actifs
  accent: '#F59E0B',  // mises en avant, badges
  font: 'inter',      // 'inter' (embarquée) | 'system'
  radius: 'lg',       // 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'
  tone: 'minimal',    // 'playful' | 'pro' | 'minimal'
})

Palettes 11 nuances, thèmes clair et sombre, sous-thèmes (brand, soft, accent, highlight, success, warning, danger, destructive), rayons, espacements, graisses et ressorts sont recalculés. Le détail du calcul : Marque. Essayer sans app : l’éditeur de la page d’accueil.

2. L’icône

Dessiner assets/source/icon.svg (1024 x 1024, fond inclus) ; facultatif : assets/source/foreground.svg pour l’icône adaptative Android.

Générer :

bun daroms assets   # icon.png, adaptive-icon.png, splash-icon.png, favicon.png

3. Vérifier

bun daroms shot /_dev/kitchen-sink --capture
bun daroms shot /_dev/kitchen-sink --dark --capture

L’écran /_dev/kitchen-sink (absent en production) montre tous les composants avec le thème courant.

Avec Claude

/daroms-brand propose palette et ton depuis app.spec.md (et la direction retenue par /daroms-inspire si elle existe), dessine l’icône en SVG, lance daroms assets et vérifie le kitchen-sink.