Website template
DevPro Portfolio Template
DevPro is a portfolio template for developers with blogs, projects, events and everything. Clean. Modern. Responsive. Neat.
Portfolio · Free
Design breakdown
An AI reading of this template's design: colors, type, spacing, sections and signature details. Ottermind starts from it when you use the template.
- Overall
portfolio, modern, medium density, dark
- Palette
background #121212; surfaces #1e1e1e, #2d2d2d; text #ffffff; muted text #b3b3b3; primary #007acc; accents #007acc, #4a4a4a
- Type
headings Inter, 600, sentence-case; body Inter, 16px; scale h1 48px, h2 32px, h3 24px
- Shape & spacing
button/card radius 12px; borders none; shadows soft drop (0 4px 12px rgba(0,0,0,0.3)); section spacing 80px; content width 1000px
- Sections (top to bottom)
- Header — horizontal nav with logo, links, and "Download CV" button; dark surface with subtle glow; centered alignment
- Hero — two-column layout; left side has headline, subtext, timeline; right side has circular portrait with blue background and social icons below; full-width section with dark background
- Timeline — vertical line with year markers (blue circles), each entry has a small circle icon and text; alternating entries aligned left/right; light divider lines between years
- Signature details
- Blue accent color used consistently for name, timeline dots, and interactive elements
- Circular portrait with solid blue background contrasting against dark theme
- Vertical timeline with connected dots and clean spacing
- Soft glow on header and buttons for depth
- Minimalist typography with consistent spacing and hierarchy
- Social icons in monochrome, subtly styled beneath portrait
- Other pages
- /about: brief bio with skills and interests
- /projects: grid of project cards with images and titles
- /contributions: list of open-source contributions with links
- /blogs: article preview cards with dates and excerpts
- /events: calendar-style listing of upcoming events
Template details
- Category
- Portfolio
- License
- Commercial
- Author
- Aceternity UI
- Listed on
- Aceternity UI
- Price
- Free
Original design by Aceternity UI, listed on Aceternity UI. Ottermind does not copy the template's code; it builds a new site from the brief.
The brief Ottermind starts from
It opens in Studio as a draft — add your brand, audience and pages before you send.
Build a portfolio website inspired by the "DevPro Portfolio Template" template. Reference brief: DevPro is a portfolio template for developers with blogs, projects, events and everything. Clean. Modern. Responsive. Neat. Use original copy and imagery for my brand rather than the reference's placeholder content.
How to use this template
- 1
Click “Use this template” to open it in Ottermind Studio with its brief filled in.
- 2
Add your brand, audience, pages and content to the brief.
- 3
Ottermind builds a new site inspired by this design — keep editing it in the chat.
