Le branding est votre système d'identité visuelle dans Giant Context. Il définit les couleurs, la typographie, les logos, les formes et les styles de composants qui se diffusent automatiquement dans chaque application de votre projet — de votre site web et vos formulaires à votre base de connaissances. Au lieu de styliser les éléments un par un, vos paramètres de marque garantissent une cohérence sans effort sur l'ensemble de votre présence numérique.

Centralize Your Brand Identity

Establish a unified visual system across your entire project. The Branding panel gives you precise control over colors, typography, logos, and component shapes, ensuring a consistent experience across your website, emails, forms, and knowledge base.

Accessing the Branding List and Creating a New Brand

Manage Your Brand Across Every App

Define your colors, typography, logos, and component styles in one place. Your visual identity automatically flows through every website, form, and knowledge base in your project.

Multiple Brands Supported

A single project can house multiple brands, which is useful when different apps or campaigns need different visual treatments.

Brand Identity & Logos

Logos et favicons

Votre identité visuelle commence par votre logo. Accédez à laLogo et faviconsection de votre panneau Branding pour télécharger les ressources de base qui représentent votre projet :

Logo :Votre logo principal, optimisé pour les fonds clairs.
Logo (Sombre) :Une alternative pour le mode sombre. Cela garantit que votre marque reste lisible lorsqu'elle est placée sur des fonds sombres ou lorsque les utilisateurs préfèrent les thèmes sombres.
Favicon :Une icône carrée (généralement 32x32 ou 64x64 pixels) qui apparaît dans les onglets du navigateur, aidant les visiteurs à reconnaître instantanément votre site.

Configure Your Core Palette

Define your brand's primary colors using precise hex values. The live preview updates instantly across your entire project as you make changes, ensuring visual consistency from your website to your knowledge base.

Toggle the live preview between light and dark modes using the sun/moon button to ensure your brand colors look great in both contexts.

Backgrounds

Typography

Spacing

Shape

Les paramètres de forme dictent le poids visuel et la profondeur de vos composants, établissant la sensation physique de votre marque.Rayon de borduredétermine à quel point les coins de vos boutons, cartes et champs de saisie paraissent arrondis, tandis queIntensité de l'ombrecontrôle les ombres portées sur les éléments en relief pour créer un sentiment naturel de hiérarchie.

Live Preview

See your visual identity applied to real components in real time. Every color tweak, typography adjustment, and border radius change updates instantly across your entire project.

Design briefs

Content Design Brief text area in the Giant Context Branding panel

Creative Direction for AI

Provide written instructions to guide the AI when generating layouts and images. Your design brief supports up to 10,000 characters and saves directly with your brand settings, ensuring every generated asset aligns perfectly with your vision.

Tip: Write design briefs early

Writing detailed design briefs early saves you time when generating content in Drafts. A strong brief prevents the need to manually adjust every generated page, ensuring your AI-generated layouts align with your brand from the start.

How branding applies across apps

Tips for consistent branding

Conseil de pro : Utilisez la prévisualisation en direct

Faites toujours défiler le panneau de prévisualisation en direct sur le côté droit de l'éditeur avant d'enregistrer pour repérer rapidement tout problème visuel.

Dépannage et questions fréquentes

Établir une identité visuelle cohérente sur votre site web, vos e-mails et votre base de connaissances est puissant, mais régler chaque détail peut parfois s'avérer délicat. Si vos paramètres de marque ne s'appliquent pas comme prévu, examinez ces problèmes de configuration courants pour remettre votre projet sur les rails.

Foire aux questions

Testez toujours les couleurs de votre marque en modes clair et sombre à l'aide du bouton de prévisualisation. Une couleur primaire éclatante sur un fond blanc peut manquer du contraste nécessaire pour rester visible sur des surfaces sombres.

Les favicons nécessitent des images simples et parfaitement carrées, généralement de 32x32 ou 64x64 pixels. Si l'image que vous avez téléchargée respecte ces exigences mais ne s'affiche toujours pas, essayez de vider le cache de votre navigateur pour forcer une actualisation.

Vos paramètres de base explicites — comme le rayon de bordure, la typographie et les palettes de couleurs — ont toujours la priorité. Si vous rédigez des instructions dans le brief de conception de l'IA qui contredisent ces paramètres de marque fondamentaux, l'IA donnera la priorité à vos règles de marque établies.

Conseil de pro

Utilisez toujours la prévisualisation en direct sur le côté droit de l'éditeur pour voir les composants réels se mettre à jour instantanément. Cela vous permet de repérer tout problème de contraste ou de style avant d'enregistrer vos paramètres de marque.

Built byHuman

This content was designed and written by a human.

Branding