Overview #
Agent Appearance controls how the journey is visually presented to candidates.
It affects trust, readability, and brand consistency.
What can be configured #
Header slots #
- Left slot (image/logo)
- Center slot (title/subtitle text)
- Alignment and typography behavior
Theme colors #
- Primary and secondary colors
- Button color overrides
- Contrast behavior for accessibility/readability
Supporting UI content #
- Footer (inside/outside) content blocks
- Chat label text
- Visual tone consistency with brand
Design principles #
Prioritize legibility #
Visual hierarchy should make the main title immediately clear and secondary text supportive.
Keep brand subtle but strong #
Use logo/color to reinforce identity, without reducing clarity of core actions.
Preserve action visibility #
Primary CTA buttons should remain high-contrast and unmistakable.
Accessibility and UX checks #
- Text contrast against background
- Mobile readability for 2-line headers
- Button labels stay visible under long translations
- Footer content does not compete with core CTA
Common mistakes #
- Using decorative colors that reduce readability
- Over-long header/subtitle text
- Heavy footer blocks that distract from progression
- Inconsistent button color mapping across agents