Bilal Jutt — Dark Portfolio Hero
A high-impact, high-contrast dark mode portfolio style designed for personal branding, professional mentors, and educational institutes. Characterized by 'Clash Grotesk' bold italic editorial typography and a signature red accent (#DC2626) against a deep black (#000000) backdrop. The aesthetic combines industrial brutalism with modern SaaS elegance, featuring large-scale type stacks, subtle gradient light leaks, and a structured contact information grid. Ideal for design professionals, tech influencers, and creative directors looking for a commanding digital presence.
Summary
A bold, professional dark-themed hero page featuring massive italicized display typography, a signature red accent color, and a high-contrast layout designed to emphasize personal authority and professional services.
Style
The style is defined by aggressive, high-contrast typography and a stark 'Night' theme. It uses a combination of 'Clash Grotesk' for high-impact headlines and 'Satoshi' for clean, readable body text. The primary color palette is #000000 (Black), #FFFFFF (White), and #DC2626 (Vibrant Red). Layout depth is achieved through subtle zinc-colored gradient overlays and soft drop shadows on text elements. Micro-interactions focus on clean icon placement and structured spacing.
Layout & Structure
A top-down hierarchical layout starting with a centered brand header, transitioning into a split hero section (7:5 ratio), and concluding with a structured 3-column contact grid and a full-width location footer.
Header
Hero Section
Contact Grid
Location Bar
Components
Geometric Brand Mark
A custom SVG-style graduation cap with circuit board details.
Contact Icon Stack
High-contrast circular icon buttons with descriptive labels.
Special Notes
MUST: Use 'Clash Grotesk' in its italic weight for all primary headings to maintain the sense of speed and professionalism. MUST: Keep the background absolute black (#000000) to allow the red accents to pop. MUST NOT: Use borders heavier than 1px. MUST NOT: Use standard sans-serif fonts; the specific pairing of Grotesk and Satoshi is critical for the 'design-mentor' aesthetic.