브랜드 가이드라인
여기에서는 핵심 디자인 요소에 대한 개요와 이러한 요소를 다양한 커뮤니케이션에 적용하는 방법에 대한 기본 규칙을 확인할 수 있습니다.
Secure Code Warrior 개발자가 주도하는 보안 코드를 통해 세상을 움직이는 소프트웨어의 보안을 유지하도록 개발자에게 영감을 줍니다 learning platform.
우리 브랜드는 로고, 색상, 글꼴 그 이상입니다. 그것은 우리가 말하는 방식, 약속을 이행하는 방식, 궁극적으로 고객과 시장이 우리를 인식하는 방식입니다.
Secure Code Warrior 의 시각적 정체성의 주요 요소인 로고, 색상 팔레트, 타이포그래피, 일러스트레이션 및 아이콘 스타일이 여기에 나와 있습니다. 이러한 요소는 이러한 가이드라인에 따라 일관되게 사용될 때 Secure Code Warrior 브랜드를 증폭시키는 스토리와 경험을 창출하는 유연한 시스템을 형성합니다.
브랜드 플랫폼은 브랜드 전략의 기초이며, 브랜드 이념, 감성적 영향, 포지셔닝 선언문, 포지셔닝 기둥, 타겟 정의로 구성됩니다.
브랜드 이념은 브랜드가 추구하는 바의 본질 또는 구체화입니다. 브랜드에 감성적인 차원을 부여합니다. 이는 룩, 느낌, 목소리를 안내하는 데 사용됩니다.
감성적 영향은 Secure Code Warrior 브랜드가 사람들에게 어떤 느낌을 주는지에 따라 정의됩니다. 이는 모든 경험과 접점에서 브랜드의 행동을 유도하는 네 가지 긍정적인 감정의 집합입니다.브랜드 포지셔닝은 고객의 마음속에 각인되기를 바라는 독특하고 차별화되며 관련성 있는 아이디어입니다.
포지셔닝 기둥은 Secure Code Warrior 에 대한 변함없는 진실입니다. 모든 커뮤니케이션은 하나 이상의 포지셔닝 요소를 정확하게 반영하여 모든 경험과 접점에서 일관된 스토리를 전달해야 합니다.
우리의 타깃은 중요한 심리 그래픽 프로필로 통합되며 모든 브랜드 표현은 이 타깃에 공감을 불러일으켜야 합니다.
감성적 영향력은 브랜드가 사람들에게 어떤 느낌을 주는지에 따라 정의됩니다. 이는 모든 경험과 접점에서 브랜드의 행동을 이끄는 네 가지 긍정적인 감정의 집합입니다.
Secure Code Warrior 의 감성적 영향력을 구성하는 이러한 감정은 우리의 행동, 말, 경험을 통해 이해관계자가 브랜드와 관련하여 특정 방식으로 느끼도록 유도하기 위한 것입니다.
모든 브랜드 접점에서 이러한 바람직한 감정을 전달하면 의미 있고 일관된 브랜드 경험을 창출하는 데 도움이 됩니다. 특히 감정적 영향은 브랜드의 메시지와 커뮤니케이션에 영향을 미칩니다.
감정적 영향은 현재 우리가 어필해야 하는 대상은 물론 미래에 어필하고자 하는 대상과도 관련이 있도록 설계되었습니다.
브랜드 내러티브는 브랜드 플랫폼의 모든 요소를 한데 모아 사람들의 머리와 가슴에 와 닿는 간결하고 강력한 스토리를 전달합니다. 내부적으로 브랜드 내러티브를 사용하여 브랜드 정신에 대한 사람들의 공감대를 형성할 수 있습니다. 또한 이 언어를 활용하여 사람들에게 브랜드에 대한 영감을 주고 신봉자를 만드는 외부 커뮤니케이션을 개발할 수 있습니다.
감성적 영향력은 브랜드가 사람들에게 어떤 느낌을 주는지에 따라 정의됩니다. 이는 모든 경험과 접점에서 브랜드의 행동을 이끄는 네 가지 긍정적인 감정의 집합입니다.
Secure Code Warrior 의 감성적 영향력을 구성하는 이러한 감정은 우리의 행동, 말, 경험을 통해 이해관계자가 브랜드와 관련하여 특정 방식으로 느끼도록 유도하기 위한 것입니다.
모든 브랜드 접점에서 이러한 바람직한 감정을 전달하면 의미 있고 일관된 브랜드 경험을 창출하는 데 도움이 됩니다. 특히 감정적 영향은 브랜드의 메시지와 커뮤니케이션에 영향을 미칩니다.
감정적 영향은 현재 우리가 어필해야 하는 대상은 물론 미래에 어필하고자 하는 대상과도 관련이 있도록 설계되었습니다.
견고한 방패 심볼과 맞춤형 로고타입이 결합된 Secure Code Warrior 로고는 브랜드 시스템의 주요 구성 요소입니다. 다음 페이지에는 로고의 적용 및 사용법에 대한 자세한 안내가 나와 있습니다.
로고는 최적의 유연성을 제공하기 위해 세 가지 구성으로 제공됩니다.
이 구성의 균형 잡힌 로고와 컴팩트한 모양은 대부분의 애플리케이션에 적합합니다. 가능하면 항상 사용하세요.
스웨그와 같은 항목의 가로 공간이 제한되어 있는 경우 이 세로 중앙 구성을 사용합니다.
웹사이트 마스트헤드와 같이 세로 공간이 제한되어 있는 경우 이 가로 구성을 사용할 수 있습니다.
Secure Code Warrior 브랜드 아이덴티티는 모든 애플리케이션에서 명확하고 읽기 쉽게 표시되어야 합니다.
최소 여백을 두면 유형, 이미지 또는 기타 로고와 같은 요소가 제외 영역에 들어가 로고의 가독성과 효과를 떨어뜨리는 것을 방지할 수 있습니다.
모든 로고 구성에서 로고 주변의 최소 여백은 실드 너비의 절반입니다. 가능하면 로고가 숨을 쉴 수 있도록 여백을 더 확보하세요.
최소 크기는 가독성을 손상시키지 않으면서 로고를 표시할 수 있는 가장 작은 크기입니다. 다음은 디지털 및 인쇄 애플리케이션에 사용해야 하는 권장 최소 크기입니다.
더 작은 크기가 필요한 애플리케이션이 있는 경우 브랜드 팀과 상의하세요.
오른쪽에 표시된 예는 피해야 할 사용법을 설명합니다. Secure Code Warrior 로고는 사용자 정의로 그려진 것입니다. 로고 또는 그 요소를 수정하거나 다시 만들지 마세요. 항상 제공된 로고 아트워크를 그대로 사용하세요.
전체 로고는 브랜드를 대표하는 주요 표현이며 가능한 한 항상 사용해야 하지만, 특정 애플리케이션에서는 심볼을 단독으로 사용할 수 있습니다.
심볼을 소셜 미디어 아이콘이나 파비콘으로 사용할 수 있습니다. 이 애플리케이션에는 골드 심볼 변형(17페이지 참조)이 선호됩니다. 라이트 모드에서는 미드나잇이 기본 배경색으로 사용됩니다. (브랜드 색상에 대한 안내는 20~24페이지를 참조하세요.)
의류나 기념품에 심볼을 사용할 때는 여기에 표시된 것처럼 제품의 다른 면에 전체 로고와 함께 사용해야 합니다. 핀과 같이 아주 작은 스웩 아이템에는 전체 로고 없이 심볼을 사용할 수 있습니다.
여기에 표시된 것처럼 문서의 머리글 또는 바닥글(내부 페이지만 해당)에 작은 그래픽 요소로 심볼을 사용할 수 있습니다. 사용 중인 심볼의 예는 브랜드 애플리케이션 섹션을 참조하세요.
여백은 심볼을 둘러싼 영역으로 텍스트, 그래픽, 테두리, 패턴, 기타 로고 등 시각적 요소가 없어야 합니다. 다음은 심볼에 사용해야 하는 최소 여백에 대한 사양입니다.
최소 크기는 가독성을 손상시키지 않으면서 심볼을 표시할 수 있는 가장 작은 크기입니다. 다음은 디지털 및 인쇄 애플리케이션 모두에 사용해야 하는 최소 권장 크기입니다. 더 작은 크기가 필요한 애플리케이션이 있는 경우 브랜드 팀에 문의해 주세요.
참고: 이 페이지의 최소 전시 크기는 더 선명한 일러스트를 위해 200% 배율로 표시되었습니다.
심볼은 여기에 표시된 세 가지 색상으로 제공됩니다: 골드, 미드나잇, 화이트.
이 특수용 변형은 신문 광고와 같은 흑백 인쇄 애플리케이션이나 팔레트 외부의 컬러에 심볼이 표시되어야 하는 공동 브랜딩 상황에서 사용할 수 있습니다. 화면이나 풀컬러 인쇄 애플리케이션에서는 이 변형을 사용하지 마세요.
오른쪽에 표시된 승인된 심볼/배경 색상 조합은 가독성이 높고 브랜드에 적합하도록 선택되었습니다. 이 색상 조합만 사용해야 합니다. 색상 팔레트에 대한 자세한 내용은 20~24페이지를 참조하세요.
Secure Code Warrior 색상 팔레트가 새롭게 단장되어 파란색 계열이 기본 색상으로 채택되었습니다. 금색은 여전히 기본 브랜드 색상이지만 로고와 하이라이트 색상으로 최소한으로 사용해야 합니다. 추가적인 악센트와 데이터 시각화를 위해 밝은 보조 팔레트가 만들어졌습니다. 사용 지침은 23페이지를 참조하세요.
오른쪽에 표시된 것은 디지털 및 인쇄 애플리케이션에서 색상 팔레트를 재현하기 위한 사양입니다. Secure Code Warrior 색상은 현재 RGB 표준 및 팬톤 매칭 시스템을 기반으로 합니다. 이러한 색상은 브랜드를 대표하기 위해 신중하게 선택되었으며 절대 변경해서는 안 됩니다.
미드나잇은 일반 검정색보다 부드럽고 푸른빛이 살짝 감도는 색상입니다. 디지털 애플리케이션에서는 검정색을 사용하지 말고 항상 스페이스 블루를 사용하세요. 팬톤 별색을 사용할 수 없는 인쇄 애플리케이션에서는 작은 타이포그래피에 일반 검정색을 사용하여 인쇄기에서 등록 문제를 방지하세요.
참고: 여기에 지정된 팬톤 및 CMYK 색상은 코팅 용지에 사용하기 위한 것입니다. 코팅되지 않은 용지에 인쇄해야 하는 경우, 브랜드 팀 및 프린터와 협력하여 최적의 색상을 결정하시기 바랍니다.
Facebook의 색상은 다양한 배경에서 최적의 가독성을 보장하기 위해 웹 콘텐츠 접근성 지침(WCAG)에 따라 테스트되었습니다. 다음은 WCAG 2.0 AAA 및 AA 국제 표준을 통과하는 권장 타이포그래피 및 배경색 조합입니다.
이 페이지의 'AA 대형' 지정은 큰 텍스트 전용 사용을 나타냅니다. 큰 텍스트는 WCAG 표준에서 14포인트(일반적으로 18.66픽셀) 이상 굵게 또는 18포인트(일반적으로 24픽셀) 이상으로 정의합니다.
참고: 색상 팔레트에는 접근성 표준을 통과하는 추가 색상 조합이 있습니다. 그러나 이러한 색상은 시각적 시스템의 일부가 아니므로 사용하지 않아야 합니다.
큰 배경이나 컬러 블록에 기본 또는 보조 웜 또는 쿨 컬러를 사용할 수 있지만 항상 기본 컬러를 우선시하세요. 금색은 지속적으로 사용하되 과도하게 사용해서는 안 되며, 디자인에 브랜드 마법을 더하는 악센트라고 생각하세요. 이러한 상황에서는 보조 중성 색상을 사용하지 마세요. 보조 색상은 항상 디자인을 지원해야 하며 디자인을 지배해서는 안 됩니다. 색상이 서로 충돌하거나 가독성을 방해하지 않도록 하세요.
타이포그래피, 특히 긴 구절과 본문 텍스트에는 주로 미드나잇 또는 흰색을 사용합니다. 다른 색상은 악센트나 데이터 시각화를 위해 남겨두세요. 항상 접근성 표준을 준수하세요(이전 페이지 참조).
일러스트레이션과 아이콘은 기본 색상만 사용하며 특정 색상 규칙을 따릅니다. 지침은 29~31페이지를 참조하세요.
데이터 시각화에 모든 브랜드 색상을 사용할 수 있지만 기본 색상을 우선적으로 사용하세요. 보조 색상과 회색은 정보를 구분하거나 복잡한 데이터 집합을 시각화할 때만 사용합니다. 색상을 장식용으로만 사용하지 마세요.
참고: 색상 팔레트에는 접근성 표준을 통과하는 추가 색상 조합이 있습니다. 그러나 이러한 색상은 시각적 시스템의 일부가 아니므로 사용하지 않아야 합니다.
여기에 표시된 예는 피해야 할 색상 사용법을 보여줍니다.
Secure Code Warrior 타이포그래피 시스템은 두 가지 글꼴을 기반으로 합니다: 레드햇과 클래시 디스플레이.
Red Hat은 MCKL이 Red Hat을 위해 개발한 모던하고 기하학적인 산세리프 디자인에 깔끔한 라인과 다용도 미학이 특징이며 디지털 및 인쇄 매체 모두에 적합합니다. 간결하고 전문적인 외관은 다양한 플랫폼에서 가독성을 보장합니다. 단일 간격 변형인 Red Hat Mono는 코드 및 기술 콘텐츠를 위한 고유한 옵션을 제공하여 타이포그래피 시스템을 완성합니다.
Clash Display는 높은 대비와 독특한 문자 모양이 돋보이는 대담하고 표현력이 풍부한 서체입니다. 어디에서 사용하든 세련미와 감각을 더합니다.
이 글꼴을 함께 사용하면 기능성과 시각적 매력을 모두 갖춘 균형 잡힌 디자인 언어를 만들 수 있습니다.
Clash Display와 Red Hat은 당사의 기본 브랜드 글꼴입니다. 모든 외부 마케팅 자료에는 이 글꼴을 사용해야 합니다.
Clash Display와 Red Hat은 모두 Google 글꼴에서 무료로 다운로드할 수 있습니다.
참고: 이 페이지에 표시된 글꼴 가중치만 Secure Code Warrior 비주얼 시스템에서 사용됩니다. 다른 가중치를 사용하지 마세요.
미드나잇은 일반 검정색보다 부드럽고 푸른빛이 살짝 감도는 색상입니다. 디지털 애플리케이션에서는 검정색을 사용하지 말고 항상 스페이스 블루를 사용하세요. 팬톤 별색을 사용할 수 없는 인쇄 애플리케이션에서는 작은 타이포그래피에 일반 검정색을 사용하여 인쇄기에서 등록 문제를 방지하세요.
참고: 여기에 지정된 팬톤 및 CMYK 색상은 코팅 용지에 사용하기 위한 것입니다. 코팅되지 않은 용지에 인쇄해야 하는 경우, 브랜드 팀 및 프린터와 협력하여 최적의 색상을 결정하시기 바랍니다.
레이아웃을 만들 때는 여기에 설명된 사양을 따르세요.
일반적으로 타이포그래피를 왼쪽으로 정렬합니다. 보도 자료와 같이 업계 표준에서 서식을 지정하는 경우 다른 맞춤법을 사용할 수 있습니다. 전체적으로 미터법 커닝과 기본 문자 간격을 사용합니다. 완전한 문장인 헤드라인은 구두점을 사용해야 합니다. 이탤릭체는 작품의 제목과 이름을 나타낼 때만 사용하고 본문 내에서 강조하기 위해 사용하지 마세요.
사용 중인 타이포그래피 시스템의 예는 브랜드 애플리케이션 섹션을 참조하세요.
다른 조직과 공유 문서에서 공동 작업할 때 당사의 브랜드 글꼴을 사용하지 못할 수도 있습니다. 이러한 경우 Arial을 대체 서체로 사용할 수 있습니다.
Arial은 대부분의 컴퓨터에 사전 설치되어 있는 표준 시스템 서체입니다.
Arial은 이메일 서명, 일부 EDM 플랫폼 및 시스템 서체만 허용되는 기타 채널 등 Red Hat을 사용할 수 없는 다른 상황에서도 사용할 수 있습니다.
일러스트레이션은 브랜드 커뮤니케이션에 스토리텔링 감각을 강화할 수 있는 효과적인 방법입니다. 일러스트레이션은 히어로 요소로 대규모로 사용하거나 콘텐츠를 지원하기 위해 다양한 소규모로 사용할 수 있습니다.
여기에 표시된 것처럼 Secure Code Warrior 일러스트레이션 스타일은 하나의 일관된 선 무게를 활용하는 선형 인포그래픽 스타일의 시각적 스토리텔링입니다. 컬러 배경에 배치할 경우 일러스트레이션의 일부 구성 요소를 흰색으로 채우면 시각적 효과를 높일 수 있습니다. 색상은 미드나잇 선과 흰색 채우기로 제한되므로 팔레트의 배경색에 일러스트를 배치할 때 유연하게 사용할 수 있습니다. 일관성과 선명도를 유지하기 위해 일러스트레이션 내에 다른 색상을 사용하지 마세요. 일러스트레이션의 크기를 늘리거나 줄일 때는 선의 무게를 비례에 맞게 조정하여 일러스트레이션의 시각적 무결성과 스타일을 유지해야 합니다. 인쇄용으로 사용할 때는 선의 두께가 최소 0.5pt 이상이어야 합니다.
참고: 가독성과 시각적 일관성을 유지하려면 일러스트를 미드나잇 또는 사파이어 배경에 배치하지 마세요.
Secure Code Warrior 아이콘 스타일은 브랜드의 일러스트레이션 스타일과 일치하며 다양한 커뮤니케이션에서 쉽게 사용할 수 있도록 계층화된 시스템으로 구성되어 있습니다.
> 1단계 아이콘은 가장 높은 수준으로, 설명적인 스토리텔링 개념을 담고 있습니다.
> 2단계 아이콘은 보다 추상적이며 기술적이고 제품 중심의 콘텐츠를 지원합니다.
> 3단계 아이콘은 더 단순하며 제품 인터페이스 내에서만 사용하도록 디자인되었습니다.
모든 아이콘은 작은 크기에서 최적의 가독성을 보장하는 일관된 한 줄 무게와 단순함을 유지합니다.
티어 1 및 2 아이콘은 96px x 96px 그리드에 2px 선 가중치로 제작되었습니다(여기서는 50% 배율로 표시됨). 이러한 아이콘의 크기를 조정할 때는 선 굵기 대 크기 비율을 유지하세요. 인쇄용의 경우 선의 두께가 최소 0.5pt 이상이어야 합니다.
3단계 아이콘은 24px x 24px 그리드로 구성됩니다. 이러한 아이콘은 제품 요구 사항에 따라 선형 또는 단색으로 유연하게 사용할 수 있습니다. 선형 아이콘은 1px 선 가중치(여기서는 100% 배율로 표시됨)를 사용하며, 단색 아이콘은 1px 선으로 강조된 채워진 도형을 사용합니다. 같은 맥락에서 선형과 단색 스타일을 혼용하지 마세요.
최적의 가독성과 시각적 조화를 위해 아이콘은 배경색에 따라 색상을 조정합니다. 이러한 적용은 모든 계층에 걸쳐 일관되게 적용되며, 계층 1 아이콘에는 특정 액센트가 추가됩니다.
> 흰색 배경:
> 사파이어 배경: 모든 계층이 미드나잇으로 렌더링됩니다: 티어 1 아이콘은 기본적으로 흰색이며 스토리텔링을 강화하고 세련미를 더하기 위해 금색 액센트가 추가되었습니다. 티어 2와 3은 흰색으로만 표시됩니다.
> 하늘 배경: 모든 티어는 자정 배경입니다.
> 자정 배경: 모든 계층은 하늘색입니다.
이러한 색상 처리를 유지함으로써 일관된 시각적 언어를 유지하면서 다양한 디자인 요구 사항에 맞게 아이콘을 다용도로 적용할 수 있습니다.
참고: 티어 3 아이콘은 제품의 필요에 따라 다른 배경색에 사용할 수 있습니다. 이러한 애플리케이션에서는 항상 가독성을 확보하세요.
개발팀은 올인원 보안 코딩 교육 플랫폼으로 코딩하는 동안 학습하여 보안 취약점을 사전에 방지할 수 있습니다.
자세히 알아보기 Learning Platform피터 댄히우, 파티마 베이던, 콜린 웡, 자프 카란 싱이 호주에서 설립한 회사입니다.
호주의 주요 은행 4곳을 고객으로 확보한 후, 미국과 유럽으로 글로벌 확장을 시작했습니다. 여기에는 벨기에 회사 Sensei 를 인수하고, 이 회사의 창립자인 마티아스 마두와 네이선 데스멧을 Secure Code Warrior의 창립 팀에 임명하는 것이 포함되었습니다.
현재 이 회사는 650개 이상의 글로벌 기업 고객에게 서비스를 제공하고 있으며 전 세계적으로 200명 이상의 직원을 고용하고 있습니다. 2020 SINET 16 혁신가상, JPMorgan Chase & Co의 2021 혁신의 전당 등 12개 이상의 상을 수상했으며 SOC 2 유형 II 인증을 획득했습니다.
전담 법무팀은 점점 더 복잡하고 글로벌하며 끊임없이 변화하는 규제 환경에 대한 전략적 조언을 제공하여 비즈니스가 고객의 요구를 충족할 수 있도록 지원합니다.
최고 경영자, 회장 겸 공동 설립자
최고 기술 책임자, 이사 및 공동 설립자
최고 고객 책임자 및 공동 설립자
제품 혁신 이사. 수석 드래곤 슬레이어 및 공동 설립자
고객 전략 이사. 수석 싱 과 공동 설립자.
수석 엔지니어 및 공동 설립자
