더 많은 팀 레이아웃 (10)
전체 보기- 01Pro
컬러 블록 팀 카드
배경이 제거된 인물 사진이 사람마다 하나씩 채도 높은 색 패널 위에 서 있고, 그 위로 이름·직함·소개·소셜 버튼이 이어집니다. React와 Tailwind — 팔레트 순서를 바꾸세요.
- 02Pro
4단 팀 카드
브랜드 컬러 카드 네 개가 가로로 나란히, 인물 사진은 프레임 없이 채움 위에 바로 놓이고, 소셜 버튼은 하단에 정렬됩니다. React와 Tailwind — 리더 네 명을 추가하세요.
- 03Pro
전체 너비 팀 밴드
가장자리까지 채워진 어두운 밴드가 옅은 사이드 레일과 함께 딱 붙은 카드 세 개를 담아 섹션이 페이지를 끊습니다. React와 Tailwind — 긴 페이지를 분절하세요.
- 04Pro
호버 리빌 팀 그리드
이름과 직함은 판 위에 고정되어 있고, 호버 또는 키보드 포커스 시 소개가 사진 위로 번지며, 모든 타일이 링크입니다. React와 Tailwind — 각 프로필을 연결하세요.
- 05Pro
일러스트 팀 스트립
인물 사진 대신 일러스트 아바타가 페이지 전체 너비의 테두리를 가진 스트립에 룰로 나뉘어 놓이며, 소셜 링크는 없습니다. React와 Tailwind — 벡터 이미지로 교체하세요.
- 06Pro
포토 타일 팀 그리드
가장자리까지 채운 인물 타일 각각의 하단에 카드가 떠 있어 이름·직함·소개·링크를 담습니다. React와 Tailwind — 사진을 준비하세요.
- 07Pro
지그재그 인물 월
고정 너비 인물 타일이 줄바꿈되는 행에 놓이고, 하나씩 건너뛰며 아래로 내려가 컬러 필드 위에서 상단 가장자리가 지그재그를 이룹니다. React와 Tailwind — 인원수는 홀수로 유지하세요.
- 08Pro
소셜 바가 있는 팀 카드
단색 위에 서 있는 잘라낸 인물 사진 위로 직함 배지와 소개가 이어지고, 카드 전체 너비를 균등한 구간으로 나눈 소셜 바로 마무리됩니다. React와 Tailwind — 어바웃 페이지에 어울립니다.
- 09Pro
소셜 링크 팀 카드
소개가 아예 없습니다. 정사각형 아바타, 이름, 직함, 다섯 개 네트워크 소셜 행이 전부입니다. 각 카드는 하나의 연락처가 됩니다. React와 Tailwind — 핸들만 붙여 넣으세요.
- 11Pro
2단 팀 명단
여기서 가장 밀도 높은 레이아웃: 인물 사진 옆에 한 단어씩 쌓인 이름, 슬래시로 표시된 직함과 소개가 하나의 상자 안에 룰로 나뉘어 있습니다. React와 Tailwind — 두 명씩 짝지어 추가하세요.
https://neobrutalism.com/ko/blocks/team/team-directory-cards
