Brand Color System
Brand Color System
Brand Color System
Established comprehensive color palette aligned with Cathay Pacific's brand identity, featuring primary greens, supporting grays, and accessibility-compliant contrast ratios.
Established comprehensive color palette aligned with Cathay Pacific's brand identity, featuring primary greens, supporting grays, and accessibility-compliant contrast ratios.
Established comprehensive color palette aligned with Cathay Pacific's brand identity, featuring primary greens, supporting grays, and accessibility-compliant contrast ratios.
Grid System & Layout
Grid System & Layout
Grid System & Layout
Defined precise spacing rules, maximum widths, and responsive breakpoints with detailed pixel specifications for consistent implementation across all chatbot interfaces.
Defined precise spacing rules, maximum widths, and responsive breakpoints with detailed pixel specifications for consistent implementation across all chatbot interfaces.
Defined precise spacing rules, maximum widths, and responsive breakpoints with detailed pixel specifications for consistent implementation across all chatbot interfaces.
Build the Font System
Build the Font System
Build the Font System
Create typography hierarchy with defined padding and spacing rules, ensuring comfortable reading and visual balance for both short prompts and long-form content, recognizing text reading as the most frequent chatbot interaction.
Create typography hierarchy with defined padding and spacing rules, ensuring comfortable reading and visual balance for both short prompts and long-form content, recognizing text reading as the most frequent chatbot interaction.
Create typography hierarchy with defined padding and spacing rules, ensuring comfortable reading and visual balance for both short prompts and long-form content, recognizing text reading as the most frequent chatbot interaction.
Typography Hierarchy
Typography Hierarchy
Typography Hierarchy
Comprehensive font system with H1, H2, H3 headings and body text specifications, including font sizes, line heights, and color applications for optimal readability.
Comprehensive font system with H1, H2, H3 headings and body text specifications, including font sizes, line heights, and color applications for optimal readability.
Comprehensive font system with H1, H2, H3 headings and body text specifications, including font sizes, line heights, and color applications for optimal readability.
Service Template Cards
Service Template Cards
Service Template Cards
Custom card-based templates for travel services including hotels, flights, dining, and credit cards, each with consistent imagery, descriptions, and call-to-action buttons.
Custom card-based templates for travel services including hotels, flights, dining, and credit cards, each with consistent imagery, descriptions, and call-to-action buttons.
Custom card-based templates for travel services including hotels, flights, dining, and credit cards, each with consistent imagery, descriptions, and call-to-action buttons.
View all
Vera
Complete chatbot redesign aligning with new design system and enhancing end-to-end user interactions
Year
2019
Type
Conversational AI
Role
Lead Designer
Skills
AI / Figma