Skip to content

Commit 3993f12

Browse files
committed
docs: Updates design guidelines with AI icons.
1 parent 56713aa commit 3993f12

36 files changed

Lines changed: 1970 additions & 1648 deletions

packages/module/patternfly-docs/content/extensions/chatbot/design-guidelines.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,8 @@ source: design-guidelines
88

99
import "./images.css"
1010

11+
**Note:** These guidelines are specific to ChatBot. Before implementing AI-enabled features, review PatternFly's [AI design language guidelines](/ai/design-language), which cover foundational requirements for AI disclosure, iconography, and color that apply across all Red Hat products.
12+
1113
## Elements
1214

1315
<div class="ws-docs-content-img">
@@ -256,14 +258,12 @@ If necessary for brand consistency, you can customize the toggle shape and icon.
256258

257259
#### Masthead toggle
258260

259-
When the ChatBot toggle is a masthead utility, use the fa-comments icon:
261+
You can also add a ChatBot toggle as an action in the masthead:
260262

261263
<div class="ws-docs-content-img">
262264
![ChatBot toggle in a masthead.](./img/masthead-toggle.svg)
263265
</div>
264266

265-
The exception to this is if you have a specific icon that aligns with your product or ChatBot branding.
266-
267267
When there is an unread message from the ChatBot, a notification count should be displayed, and the badge should be styled as unread.
268268

269269
<div class="ws-docs-content-img">
@@ -272,7 +272,7 @@ When there is an unread message from the ChatBot, a notification count should be
272272

273273
### Launching a ChatBot from page content
274274

275-
If a UI element within the page content is an AI/ChatBot-supported feature, the ChatBot should be launched when users select the clearly-identified action. These kinds of actions should display your ChatBot's logo beside a label that clearly communicates the intention of the AI action.
275+
If a UI element within the page content is an AI/ChatBot-supported feature, the ChatBot should be launched when users select the clearly-identified action. These kinds of actions should display robot icon beside a text label that clearly communicates the intention of the AI action, following the format "[ Action ] with AI" (for example, "Chat with AI" or "Summarize with AI").
276276

277277
<div class="ws-docs-content-img">
278278
![Menu item for an AI action that launches a ChatBot.](./img/ai-action-inpage.svg)

packages/module/patternfly-docs/content/extensions/chatbot/img/ai-action-inpage.svg

Lines changed: 56 additions & 51 deletions
Loading

packages/module/patternfly-docs/content/extensions/chatbot/img/ai-action-message.svg

Lines changed: 37 additions & 31 deletions
Loading

packages/module/patternfly-docs/content/extensions/chatbot/img/attached-file.svg

Lines changed: 13 additions & 13 deletions
Loading

packages/module/patternfly-docs/content/extensions/chatbot/img/attachment-unsent.svg

Lines changed: 23 additions & 35 deletions
Loading

packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-elements.svg

Lines changed: 77 additions & 70 deletions
Loading

packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-quickstarts-tile.svg

Lines changed: 36 additions & 32 deletions
Loading

packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-toggle-notification.svg

Lines changed: 21 additions & 4 deletions
Loading

packages/module/patternfly-docs/content/extensions/chatbot/img/chatbot-toggle.svg

Lines changed: 36 additions & 5 deletions
Loading

packages/module/patternfly-docs/content/extensions/chatbot/img/comparison.svg

Lines changed: 5 additions & 6 deletions
Loading

0 commit comments

Comments
 (0)