Webサイトテンプレート
Resume
A Bootstrap 4 resume/CV theme created by Start Bootstrap
このテンプレートの説明はまだ日本語に対応していないため、英語で表示しています。
Portfolio · 無料
ページ
ライブデモのページごとのスクリーンショットです。枠内をスクロールするとページ全体を見られます。
デザイン解説
このテンプレートのデザインを AI が読み解いたものです：配色、書体、余白、セクション、特徴的なディテール。テンプレートを使うと Ottermind はここから始めます。
この解説はまだ日本語に対応していないため、英語で表示しています。
- Overall
resume, professional, medium density, light
- Palette
background #ffffff; surfaces [#bd5d38, #495057]; text #343a40; muted text #6c757d; primary #bd5d38; accents []
- Type
headings Saira Extra Condensed, 700, uppercase; body Muli, 18px; scale h1 96px / h2 56px / h3 32px
- Shape & spacing
no radius, thin borders, no shadows, section spacing 80px, content width 800px
- Sections (top to bottom)
- Header — two-column layout, left sidebar with circular profile image and vertical nav links, right side with name in large bold font (first word black, second in primary), contact info below, social icons as dark gray circles with white icons, background white
- Experience — single column, section title in bold uppercase, job titles in bold, company names in lighter weight, dates in small orange text aligned right, descriptions in paragraph form
- Education — same layout as experience, institutions in bold, degree and program in regular weight, dates right-aligned, GPA listed below
- Skills — section title in bold uppercase, subheadings in regular weight, programming languages displayed as icons in a row, workflow items as checkmarks with bullet points
- Interests — section title in bold uppercase, paragraph of personal interests in regular body text
- Awards & Certifications — section title in bold uppercase, list with gold trophy icons preceding each item
- Signature details
- Vertical orange sidebar with navigation
- Circular profile photo with subtle border
- Social media icons in uniform dark gray circles
- Orange date labels aligned right
- Skill icons rendered as flat vector logos
- Trophy icon prefix for awards
- Other pages
- none
テンプレート情報
- カテゴリ
- Portfolio
- 技術
- Bootstrap, HTML5
- ライセンス
- MIT
- 作者
- Start Bootstrap
- 価格
- 無料
- bootstrap
- bootstrap-4
- bootstrap-5
- bootstrap-5-template
- bootstrap-template
- bootstrap-theme
- bootstrap4
- bootstrap5
- bootstrap5-template
- css
- cv-theme
- free
オリジナルデザイン：Start Bootstrap（Start Bootstrap に掲載）。Ottermind はテンプレートのコードをコピーせず、ブリーフをもとに新しいサイトを作ります。
Ottermind が起点にするブリーフ
Studio で下書きとして開きます。送信前にブランド、対象者、ページを書き足してください。
Build a portfolio website inspired by the "Resume" template. Reference brief: A Bootstrap 4 resume/CV theme created by Start Bootstrap Style and features to reflect: bootstrap, bootstrap-4, bootstrap-5, bootstrap-5-template, bootstrap-template, bootstrap-theme. Use original copy and imagery for my brand rather than the reference's placeholder content.
このテンプレートの使い方
- 1
「このテンプレートを使う」をクリックすると、ブリーフ入りで Ottermind Studio が開きます。
- 2
ブリーフにブランド、対象者、ページ、内容を書き足します。
- 3
Ottermind がこのデザインに着想を得た新しいサイトを作ります。チャットで続けて調整できます。
