Abhinav Dwivedi – BI Analyst Portfolio
A sophisticated, corporate-modern data-viz aesthetic optimized for BI Analysts, FinTech, and enterprise SaaS. Featuring a deep navy #0D1B2A background, electric blue #1E90FF accents, and amber #F4A261 highlights, the style pairs Space Grotesk's geometric boldness with JetBrains Mono's precision. Key features include animated grid backgrounds, floating data nodes, scroll-triggered number counters, and interactive vertical timelines, creating a 'McKinsey meets Tableau' professional feel.
Summary
Professional dark-mode portfolio and dashboard style with a focus on data visualization elements, precise typography, and technical sophistication.
Style
The style is characterized by high-contrast dark-mode surfaces using a primary navy palette (#0D1B2A), accented by vibrant electric blue (#1E90FF) for primary actions and amber (#F4A261) for secondary highlights. Typography focuses on geometric sans-serifs for headings to imply authority and monospace fonts for metrics to imply technical accuracy. Visual interest is generated through thin grid lines, subtle parallax effects, and micro-animations that mimic data processing.
Layout & Structure
A vertical long-form structure with a fixed navigation, hero-driven landing, and modular grids for skills and projects.
Sticky Navigation
Hero Section
Impact Metrics Bar
Experience Timeline
Bento-Style Skill Grid
Project Cards
Components
Data Node Background
Subtle floating dots connected by faint lines.
Skill Chip
Minimalist tag with hover-triggered underline.
Metric Progress Bar
Dash-inspired progress visualization.
Special Notes
Must maintain 1px thin lines to preserve the technical 'engineering' feel. Do not use overly rounded corners (limit to 16px). Monospace fonts are mandatory for all numeric data and technical tags. Use grid backgrounds sparingly to avoid visual noise; limit opacity to 5-10%.