Executive
Professional executive portfolio with sophisticated design and corporate aesthetics.
Main Features of Executive
How to Use Executive in Next.js
Installation Guide for Executive
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
primaryColor | string | #1a1a1a | Primary brand color for headers and accents. |
accentColor | string | #d4af37 | Accent color for highlights and CTAs (gold/sophisticated tone). |
fontFamily | string | serif | Font family (serif, sans-serif, or custom). |
enableAnimations | boolean | true | Enable smooth scroll and fade animations. |
Related Components
Cartoonish
Playful cartoon-style hero section with fun animations and vibrant colors.
Draggable
Interactive hero section with draggable elements and smooth physics-based interactions.
Glass Operating System
Glassmorphism hero section with frosted glass effects and modern OS-inspired design.
When to Use
Best Practices
Why This Component Matters in Modern UI Development
Frequently Asked Questions
QCan I swap the Serif font?
Yes, the `fontFamily` prop (serif, sans-serif) allows you to toggle the aesthetic between 'Traditional Professional' and 'Modern Corporate'.
QWhat is the accent color for?
The `accentColor` (default gold) is used for subtle highlights like buttons, drop-caps, and dividers to add a sense of luxury without clutter.
QIs it mobile responsive?
The template maintains its sophisticated hierarchy by ensuring typography scales elegantly and sections stack with consistent margins on mobile.