로고 및 마스코트
Forwork의 시각적 언어입니다.
Forwork는 명확성, 신뢰 및 접근 가능한 작업 신호를 기반으로 구축된 간단한 ID 시스템을 사용합니다.
로고
클리어 Work Identity의 클리어 마크입니다.
Forwork 로고는 프로필, 바닥글, PWA 표면, OG 미리보기 및 작업 터치포인트 전반에 걸쳐 가독성, 인식 및 안정적인 사용을 우선시합니다.
파비콘
가장 작은 Forwork 마크는 여전히 즉시 인식 가능해야 합니다.
파비콘과 앱 아이콘은 브라우저 탭, 바로가기, PWA 표면, 홈 화면 및 전체 로고에 더 이상 충분한 공간이 없는 작은 컨텍스트에 표시됩니다.
favicon.svg
favicon-light.svg
favicon-dark.svg
apple-touch-icon.png
pwa-192x192.png
maskable-icon-512x512.png
Woan
Woan는 Forwork 내부의 가이드입니다.
Woan는 Forwork가 차가운 프로필 도구라기보다는 사람들이 자신의 작업을 명확하게 설명할 수 있는 친근한 공간처럼 느껴지도록 도와줍니다.
Identity
시청자가 자신이 누구인지 빠르게 알 수 있도록 도와줍니다.
Proof
시청자를 실제 증거로 안내합니다.
Thinking
실용적인 사고를 더 쉽게 볼 수 있습니다.
Contact
다음 단계가 더욱 명확해지는 느낌을 줍니다.
색상
색상은 주의를 끌기 위해 사용되는 것이지 모든 표면을 장식하는 데 사용되는 것은 아닙니다.
Forwork Accent
#1800AD · #A99CFF dark
링크, 주요 활동 및 정체성 하이라이트.Ink
#191919
강력한 텍스트, 제목, 읽기 쉬운 앵커.Paper
#FFFFFF
깨끗하고 조용하며 집중된 독서 표면.Soft Surface
#F1F1EF
개념과 유사한 태그, 카드 및 조용한 계층 구조입니다.타이포그래피
Forwork 타이포그래피는 명확하고 간결하며 접근성이 좋아야 합니다.
Forwork는 랜딩 페이지, UI 및 브랜드 카피 전반에서 Manrope를 기본 서체로 사용합니다. Manrope를 로드할 수 없는 경우 시스템 글꼴을 사용하면 빠르고 읽기 쉬운 환경을 유지할 수 있습니다.
Aa Bb Cc · 1234567890
제목
대담하고 간결하며 약간 좁은 문자 간격으로 자신감 있고 현대적인 느낌을 줍니다.
본체
읽기 쉽고 편안한 줄 높이이며 장식보다 명확성에 중점을 둡니다.
작은 라벨
메타데이터, 태그, 버튼, 탐색에 충분한 가중치를 사용하세요.
명명
이름은 로고만큼 일관되어야 합니다.
Forwork는 공식 명칭입니다. 4Work와 4W는 생태계 맥락, 긴밀한 UI 또는 좀 더 일반적인 참조를 위한 약식 형식입니다.
랜딩 페이지, SEO, OG, 제목, 브랜드 카피, 공식 터치포인트에 사용하세요.
4Tips, ProfileKit 또는 동일한 생태계에 속하는 제품을 언급할 때 사용합니다.
배지, 짧은 레이블, 긴 메뉴 또는 내부 컨텍스트에 적합합니다. 기본 SEO 제목으로 사용하지 마십시오.
사용
Forwork 공식 콘텐츠용.
4Work 생태계 맥락을 위해.
4W UI 공간이 매우 빡빡할 때.
피하다
ForWork 대소문자가 잘못되었기 때문입니다.
FourWork 인지도가 희석되기 때문이죠.
4work URL 또는 코드를 제외하고.
의미
모든 시각적 요소는 작업을 더 쉽게 이해할 수 있도록 한다는 하나의 아이디어를 지원합니다.
지우기
타이포그래피, 간격 및 레이아웃은 추측을 줄여줍니다.
인간
Woan는 전문성을 잃지 않으면서도 제품을 더욱 친근하게 만들어줍니다.
신뢰할 수 있는
일관된 표시와 절제된 색상은 프로필이 안정적인 느낌을 줍니다.
연결됨
Forwork, 4Tips 및 ProfileKit는 하나의 연결된 생태계에 속합니다.
사용법
숨쉴 공간이 충분한 아이덴티티를 사용하세요.
로고를 임의로 늘리거나 다시 칠하지 마세요.
Woan를 사용하여 제품 아이디어를 설명, 안내 또는 소개하세요.
의도적으로 강조 색상을 사용하고 장식보다 명확성을 우선시하십시오.