페이지
라이브 데모의 페이지별 스크린샷입니다. 페이지 안에서 스크롤하면 전체를 볼 수 있습니다.
디자인 분석
이 템플릿 디자인을 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가 이 디자인에서 영감을 받은 새 사이트를 만듭니다. 채팅으로 계속 다듬으세요.
