Webサイトテンプレート

Minimalist Portfolio Template

A minimalist portfolio template with a clean, modern design and a focus on content. Features 5 pages with a simple navigation. Change fonts and colors to your liking.

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

Portfolio · 無料

Minimalist Portfolio Template

デザイン解説

このテンプレートのデザインを AI が読み解いたものです:配色、書体、余白、セクション、特徴的なディテール。テンプレートを使うと Ottermind はここから始めます。

この解説はまだ日本語に対応していないため、英語で表示しています。

Overall

portfolio, clean and modern, low density, light

Palette

background #ffffff; surfaces #ffffff, #f8f9fa; text #1a1a1a; muted text #6c757d; primary #007bff; accents #007bff, #28a745, #dc3545

Type

headings Inter, 600, sentence-case; body Inter, 16px; scale h1 32px, h2 24px, h3 20px

Shape & spacing

button/card radius 8px, borders none, shadows 0 1px 3px rgba(0,0,0,0.1), section spacing 40px, content width 1200px

Sections (top to bottom)
  • Header — horizontal navigation with logo and menu items, centered, white background
  • Hero — full-width section with headline and subheading, centered text, light gray background
  • Content grid — three-column layout of card-based entries, each with avatar, username, tweet text, and media preview, white cards with subtle shadow
  • Footer — minimal, centered, contains social links and copyright text
Signature details
  • Rounded corners on all cards and buttons
  • Subtle drop shadows on cards for depth
  • Consistent use of Inter font across all elements
  • Clean spacing between sections and within cards
  • Avatar images in circular frames
  • Code snippets styled with syntax highlighting
Other pages
  • /about: brief bio with photo and skills list
  • /projects: grid of project thumbnails with titles and descriptions
  • /blog: list of articles with featured images and excerpts
  • /contact: simple form with name, email, and message fields
  • /inspiration: curated collection of design references and quotes

テンプレート情報

カテゴリ
Portfolio
ライセンス
Commercial
作者
Aceternity UI
掲載元
Aceternity UI
価格
無料

オリジナルデザイン:Aceternity UI(Aceternity UI に掲載)。Ottermind はテンプレートのコードをコピーせず、ブリーフをもとに新しいサイトを作ります。

Ottermind が起点にするブリーフ

Studio で下書きとして開きます。送信前にブランド、対象者、ページを書き足してください。

Build a portfolio website inspired by the "Minimalist Portfolio Template" template. Reference brief: A minimalist portfolio template with a clean, modern design and a focus on content. Features 5 pages with a simple navigation. Change fonts and colors to your liking. Use original copy and imagery for my brand rather than the reference's placeholder content.

このテンプレートの使い方

  1. 1

    「このテンプレートを使う」をクリックすると、ブリーフ入りで Ottermind Studio が開きます。

  2. 2

    ブリーフにブランド、対象者、ページ、内容を書き足します。

  3. 3

    Ottermind がこのデザインに着想を得た新しいサイトを作ります。チャットで続けて調整できます。