What Changed from CardV5 to CardV6
Logo: 56px → 72px
Logos are the fastest visual recognition cue. Bigger = instant identification.
Text Sizes Bumped
Minimum 10px (WCAG). Body at 13px, trust signals at 12px. No more squinting.
Uniform Card Height
Clean grid alignment. Horizontal scanning stays easy. CTA pinned to bottom.
Inline Layout Kept
Logo left, content right. Better fit for 3-column grid than top-logo layout.
More Padding
p-6 instead of p-5. More breathing room between elements.
Rating Moved Right
Stars sit next to name on the same row. Bookmark on far right. Balanced header.
CardV6 — New Design
9 tools shown
Used by 2M+ designers worldwide
The fastest way to build production websites with real code. Design, prototype, and ship in one tool.
Powering 3.5M+ websites
Professional website builder with powerful CMS, e-commerce, and hosting. Build without code.
Up 340% in saves this week
The AI-first code editor built for pair programming with AI. Write, edit, and chat with your codebase.
The industry standard for UI design
Figma · UX/UI Design
The leading collaborative design tool for interactive prototypes, design systems, and team workflows.
Used by teams at Nike, Toyota, and more
Notion · Productivity
All-in-one workspace for notes, docs, project management, and wikis. Replace multiple tools.
Just launched — early access available
Generate UI components from text prompts using AI. Build React components instantly.
Trusted by 99% of Fortune 100
Online collaborative whiteboard for brainstorming, planning, and visual collaboration.
Beloved by knowledge workers
Obsidian · Productivity
Powerful knowledge base with bidirectional linking. Build your second brain with markdown.
1M+ active installations
Home Assistant · Domotics
Open-source home automation that puts local control and privacy first. Run on Raspberry Pi or server.
3-Way Comparison
Same tool (Framer) rendered in all three card versions.
CardV2
CardV5
UX/UI Design
"Used by 2M+ designers worldwide"
The fastest way to build production websites with real code. Design, prototype, and ship in one tool.
Used by 2M+ creators
CardV6
Used by 2M+ designers worldwide
The fastest way to build production websites with real code. Design, prototype, and ship in one tool.
Text Size Comparison
| Element | CardV2 | CardV5 | CardV6 |
|---|---|---|---|
| Logo | 56px | 56px | 72px |
| Tool Name | 18px | 16px | 17px |
| Badges | 9px | 9px | 10px |
| Category | 10px | 10px | 11px |
| Trust Signal | 9px italic | 10px italic | 12px normal |
| Description | 11px | 12px | 13px |
| User Count | — | 10px | 11px |
| OS/Pricing Pills | 9px | 9px | 10px |
| CTA Button | 11px | 11px | 12px |
Grid Simulation
How CardV6 looks in a realistic 3-column directory layout (~380px per column).
Used by 2M+ designers worldwide
The fastest way to build production websites with real code. Design, prototype, and ship in one tool.
Powering 3.5M+ websites
Professional website builder with powerful CMS, e-commerce, and hosting. Build without code.
Up 340% in saves this week
The AI-first code editor built for pair programming with AI. Write, edit, and chat with your codebase.
The industry standard for UI design
Figma · UX/UI Design
The leading collaborative design tool for interactive prototypes, design systems, and team workflows.
Used by teams at Nike, Toyota, and more
Notion · Productivity
All-in-one workspace for notes, docs, project management, and wikis. Replace multiple tools.
Just launched — early access available
Generate UI components from text prompts using AI. Build React components instantly.