브랜드 디자인 포트폴리오, 로고 옆에 적용 규칙을 보여주세요

로고를 크게 놓은 표지와 목업만으로는 실제 사용할 때 어떤 문제가 생기는지 알기 어렵습니다. 브랜드 디자인 포트폴리오에는 완성 시안과 함께 ‘어느 조건에서 어떤 버전을 쓰는가’를 보여주세요. 예쁜 결과물에서 반복해서 사용할 수 있는 규칙으로 설명을 넓히는 방법입니다.

다른 브랜드의 기준은 참고하고, 내 작업의 조건은 따로 정해요

Stack Overflow의 공식 로고 지침은 여백·비율·배치와 색상 조합을 다루고, 적용 크기에 따라 서브브랜드 조합을 구분합니다. 이름이 이미 표시된 환경 등에서는 심볼을 사용할 수 있다는 조건도 명시합니다. 이는 그 브랜드의 규칙이지 모든 로고에 그대로 적용할 정답은 아닙니다. 타사 로고나 수치를 가져오기보다, 본인 작업에서 필요한 조건을 찾아보세요.

결과물 하나를 네 조건에서 확인해요

아래는 폴리오쉽이 제안하는 점검표입니다. 실제 예정된 사용처를 기준으로 채우세요.

화면에서 24·32·48px로 비교하는 것은 시작용 시험 예시일 뿐 권장 최소 크기 기준이 아닙니다. 기기 배율, 글자 길이, 사용처에 따라 다시 확인하세요. 브라우저를 확대해 읽은 결과를 원래 작은 크기에서도 잘 보인다는 근거로 쓰지 않습니다.

변형에는 이유와 사용 범위를 붙여요

가령 가상의 브랜드 과제에서 작은 원형 영역에는 심볼, 넓은 헤더에는 이름을 포함한 조합을 검토할 수 있습니다. 이것은 설계 예시이며 실제 프로젝트 결과가 아닙니다. 이름이 빠져도 식별 가능한지는 별도로 확인해야 합니다. 단순히 ‘작으니 심볼’로 끝내지 말고, 주변에 브랜드명이 있는지와 처음 보는 사람에게 필요한 정보를 함께 설명하세요.

목업과 검증 기록을 구분해요

다음 빈칸을 결과물 옆에 붙여보세요.

• 사용처·조건: [영역 크기 / 배경 / 화면 또는 출력 환경]
• 확인한 문제: [어느 부분이 어떤 조건에서 잘 보이지 않았나]
• 바꾼 규칙: [사용 버전 / 여백 / 배치와 적용 범위]
• 확인 결과: [실제 수행한 점검과 아직 하지 않은 점검]

모니터에서 색을 바꿔본 것만으로 인쇄 품질을 검증했다고 적지 마세요. 출력하지 않았다면 ‘화면 시뮬레이션, 실물 출력 미확인’으로 표시합니다. 팀 작업에서는 내가 만든 규칙과 기존 가이드를 구분하고, 공개 허락이 없는 회사 파일은 올리지 않습니다.

오늘은 대표 로고 하나에 이 점검표를 붙여보세요. 목업을 더 늘리는 대신, 한 가지 사용 조건과 그 조건에 맞춘 선택을 설명하는 데 집중하면 됩니다.

자료 정리와 초안 작성에 AI를 활용한 공식 정보성 글입니다. 예시는 실제 개인 경험이나 고객 성과가 아닙니다.

출처 및 편집

폴리오쉽 에디터 · 공식 에디토리얼

Stack Overflow Design System · Logo ↗