网站模板

DevPro Portfolio Template

DevPro is a portfolio template for developers with blogs, projects, events and everything. Clean. Modern. Responsive. Neat.

这个模板的介绍暂时还没有中文版本,先以英文显示。

Portfolio · 免费

DevPro Portfolio Template

设计解读

AI 对这套模板设计的解读:配色、字体、间距、区块和标志性细节。使用模板时,Ottermind 会以它为起点。

这份解读暂时还没有中文版本,先以英文显示。

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

模板信息

分类
Portfolio
许可
Commercial
作者
Aceternity UI
价格
免费

原始设计来自 Aceternity UI,发布于 Aceternity UI。Ottermind 不会复制模板代码,而是根据需求生成一个全新的网站。

Ottermind 起步用的需求

它会作为草稿在 Studio 中打开,发送前先补充你的品牌、受众和页面。

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.

如何使用这个模板

  1. 1

    点击「使用这个模板」,在 Ottermind Studio 中打开并自动填入需求。

  2. 2

    在需求里补充你的品牌、受众、页面和内容。

  3. 3

    Ottermind 以这套设计为灵感生成一个全新网站,你可以在对话中继续修改。