Profile Card Neo Brutalism Using Html and Css

1. Overview

This is a stylish and compact user profile card UI component. It includes a header with a background, a centered avatar, the user's name and role, a short description, and a “View Profile” button. It uses bold border styling, shadow effects, and clean font to give a modern-retro look.

2. Features

• Compact, card-based layout
• Centered circular avatar image
• Name, role, and short bio section
• “View Profile” button with hover effect
• Bold black borders and shadow styling
• Monospace font for a unique design feel
• Responsive positioning with transform center

3. Use Cases

• Team member sections on landing pages
• About Me cards in portfolios
• Author boxes in blog templates
• Developer bio components in dashboards
• Profile popups or modals in web apps