Webサイトテンプレート

DevPro Portfolio Template

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

このテンプレートの説明はまだ日本語に対応していないため、英語で表示しています。

Portfolio · 無料

デザイン解説

このテンプレートのデザインを 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（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.