頁面
線上示範的逐頁截圖，在頁面框內捲動即可查看完整頁面。
設計解讀
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 以這套設計為靈感打造全新網站，你可以在對話中繼續修改。
