Skip to content

feat: enhance Tetrate onboarding card with logo and updated copy #4247

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: main
Choose a base branch
from

Conversation

spencrmartin
Copy link
Collaborator

@spencrmartin spencrmartin commented Aug 21, 2025

  • Add Tetrate SVG icon component with responsive sizing
  • Update Tetrate card copy to 'Try for free using Tetrate'
  • Apply consistent 48px spacing between logo and text (mb-12)
  • Match visual design patterns with OpenRouter card
  • Maintain 'Recommended' badge positioning

Changes:

  • Created ui/desktop/src/components/icons/Tetrate.tsx
  • Updated ui/desktop/src/components/icons/index.tsx to export Tetrate
  • Enhanced ui/desktop/src/components/ProviderGuard.tsx with logo integration
Screenshot 2025-08-21 at 11 47 37 AM

- Add Tetrate SVG icon component with responsive sizing
- Update Tetrate card copy to 'Try for free using Tetrate'
- Apply consistent 48px spacing between logo and text (mb-12)
- Match visual design patterns with OpenRouter card
- Maintain 'Recommended' badge positioning

Changes:
- Created ui/desktop/src/components/icons/Tetrate.tsx
- Updated ui/desktop/src/components/icons/index.tsx to export Tetrate
- Enhanced ui/desktop/src/components/ProviderGuard.tsx with logo integration
@spencrmartin
Copy link
Collaborator Author

Follow up work for #4165 (comment)

@spencrmartin spencrmartin requested a review from zanesq August 21, 2025 15:43
- Change OpenRouter card background from filled to transparent
- Remove shimmer effect animation for cleaner outline design
- Maintain consistent hover states and transitions
- Create visual hierarchy: Tetrate (filled) > OpenRouter/Ollama (outline)

This creates better visual balance where Tetrate remains prominently
featured while OpenRouter and Ollama have equal visual weight.
@spencrmartin spencrmartin marked this pull request as ready for review August 21, 2025 16:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant