BLACK ORKA — BI References

각 사이트당 폰트는 외부 출처(브랜드 가이드, Fonts In Use, Klim, Pentagram 등) 교차검증. CSS에서 직접 추출 못 한 항목은 "추정" 명기. 컬러는 공식 브랜드 자료 기준.

조사일: 2026-05-13

1. Global AI / AX 컨설팅·플랫폼

Anthropic — anthropic.com

• Fonts: Styrene B (헤드라인·UI, Commercial Type), Tiempos Text (본문 세리프, Klim), 일부 Anthropic Serif 자체 변형
• Colors: BG #FAF9F5 (아이보리), Dark BG #141413, Text #1a1a1a, Accent Orange #D97757, Mid Gray #B0AEA5
• Mood: 사색적·따뜻한 페이퍼톤·진중
• Headline: "AI research and products that put safety at the frontier"
• Take: 검은색 일변도 회피 — 아이보리 베이스 + 단일 헤비 산세리프(Styrene)로 "AI 중에서 가장 차분한" 포지셔닝

OpenAI — openai.com

• Fonts: Söhne (Klim, 본문·UI), Signifier (Klim, 디스플레이 세리프), Typewriter (A2, 모노)
• Colors: BG #FFFFFF / 다크모드 #000000, Text #0D0D0D, Accent #10A37F (그린)
• Mood: 절제·중립·연구소
• Headline: (403 차단, 캐시 기준) "Introducing... / ChatGPT" 류 제품 노출 위주
• Take: 헤드라인 Söhne + 인용·서브 카피 Signifier 세리프로 톤 분리 — "기술 회사인데 문학적 무게" 연출

Scale AI — scale.com

• Fonts: Inter (본문), IBM Plex Mono (테크 액센트) — 자체 워드마크는 지오메트릭 산세리프
• Colors: Primary #006CAD (Allports Blue), #FFFFFF, Near-black #020202
• Mood: 엔터프라이즈·논리적·기술적
• Headline: "Reliable AI for the world's most important decisions"
• Take: 디스플레이는 헤비 산세리프, 본문은 Inter — 폰트 위계 단순화로 B2B 신뢰감

Cohere — cohere.com

• Fonts: Cohere Headline / Cohere Text / Cohere Mono (Pentagram 커스텀 패밀리)
• Colors: Mine Shaft #212121 (다크 베이스), Alabaster #FAFAFA, Bittersweet #FF7759 (코랄)
• Mood: 유기적·실험적·프리미엄
• Headline: "Own your AI"
• Take: 자체 폰트 = 브랜드 자산. BLACK ORKA도 워드마크만이라도 1자 단위 커스터마이즈 (예: O의 inner shape)

Hugging Face — huggingface.co

• Fonts: 추정 — Source Sans Pro / IBM Plex Sans 계열 (시스템 산세리프 + 모노). CSS 직접 확인 실패
• Colors: BG #FFFFFF, Accent Yellow #FFD21E (이모지 톤), Text #0B0F19
• Mood: 친근·커뮤니티·캐주얼
• Headline: "The AI community building the future."
• Take: 반례 — BLACK ORKA가 피해야 할 톤. 노란 이모지·라운디드 = AX 컨설팅 신뢰감 깨짐

2. 모던 디지털 에이전시

Locomotive — locomotive.ca

• Fonts: PP Editorial New + Helvetica Now (2종만 운용), 커스텀 PP Locomotive New (전시용 글리프)
• Colors: BG #0F0F0F (거의 검정), Text #FFFFFF, Accent 페일 옐로/오프화이트
• Mood: 시네마틱·풀스크린 인터랙션·여백 최소
• Headline: "Digital-first Design Agency"
• Take: 폰트 2종·웨이트 4단계만 — 폰트 다양성을 줄이고 모션·스케일로 위계 만듦. BLACK ORKA의 운영 규칙으로 직수입 가능

Active Theory — activetheory.net

• Fonts: CSS 추출 실패 — 헤비 컨덴스드 산세리프 (추정: 자체 변형 또는 Druk류)
• Colors: BG #000000, Text #FFFFFF, Accent #FF3B30 류 비비드 레드
• Mood: 풀스크린 WebGL·고밀도·실험적
• Headline: "Creative Digital Experiences"
• Take: 검정+화이트 외 단일 비비드 1색만. AX 컨설팅 BI에서 강조 컬러 1개 원칙

Instrument — instrument.com

• Fonts: Instrument Serif (커스텀, Rodrigo Fuenzalida × Google Fonts), Instrument Sans (가변 산세리프)
• Colors: BG 오프화이트 / 다크 토글, Text #111111, Accent 비비드 옐로·라임
• Mood: 에디토리얼·대담·동적
• Headline: "From Old to Bold" (리브랜드 캠페인)
• Take: 컨덴스드 세리프 디스플레이 + 가변 산세리프 본문. 디스플레이용 세리프 1개를 BLACK ORKA 시그니처로 검토 가치

Resn — resn.co.nz

• Fonts: CSS 추출 실패. 외형상 헤비 산세리프 + 모노
• Colors: BG #000000, 형광 옐로·시안 등 네온 액센트
• Mood: 90s 레이브·실험·인터랙션 헤비
• Headline: "Resn - Creative Digital Agency"
• Take: 반례에 가까움 — AX 컨설팅엔 과함. 다만 "검정 + 형광 1색" 전략은 디지털 부문 캠페인용으로 보관

3. 굵직한 산세리프 사용 톱티어 SaaS

Linear — linear.app

• Fonts: Inter (UI·본문), 헤드라인은 Inter 헤비 + 일부 커스텀
• Colors: BG #08090A (거의 블랙), Text #F7F8F8, Accent Purple #5E6AD2
• Mood: 프로페셔널·다크·엔지니어 친화
• Headline: "The product development system for teams and agents"
• Take: 거의 검정(완전 블랙 아님 = #08090A) + Inter 헤비. "검정처럼 보이지만 #000은 피한다" — BLACK ORKA 베이스 컬러 결정에 직접 참고

Vercel — vercel.com

• Fonts: Geist Sans, Geist Mono (자체 OFL 오픈소스)
• Colors: BG #000000 / #FFFFFF 토글, Accent 없음 (거의 흑백만)
• Mood: 미니멀·스위스·고속감
• Headline: "Build and deploy on the AI Cloud."
• Take: 자체 폰트 패밀리 보유 = 브랜드 무기. 흑/백만으로 끝까지 미는 절제력 — BLACK ORKA가 가장 가까이 가야 할 사례

Framer — framer.com

• Fonts: Inter 4.0 + Inter Display 기본, 커스텀 디스플레이도 사용
• Colors: BG #FFFFFF/다크, Accent Cyan #35E2EB
• Mood: 모던·프로덕트·다이내믹
• Headline: "Build better sites, faster"
• Take: 1색 네온 액센트 — 검정 베이스에 시안 1색이 들어가면 강해짐

ElevenLabs — elevenlabs.io

• Fonts: Waldenburg 300 (디스플레이, 단층 a 커스텀), Inter 400/500 (본문)
• Colors: BG #FFFFFF 또는 페일 베이지, Text #000000, 액센트 없음
• Mood: 무게감·차분·고급
• Headline: "Bringing technology to life"
• Take: "네온/CTA 컬러 없음, 사진+타이포만으로 브랜드" — AX 컨설팅이 따라야 할 정확한 방향

PostHog — posthog.com

• Fonts: Matter SQ (Displaay, 커스텀 weight 475), Squeak/Loud Noises (보조)
• Colors: BG #EEEFE9 (페일 베이지) / Dark, Accent Red #F54E00
• Mood: 위트·다정·오픈소스
• Headline: "The new way to build products"
• Take: 반례 톤이지만 — "본문 weight를 일반 Regular(400)가 아닌 475처럼 미세 조정"하는 디테일은 훔칠 가치

4. 한국 모던 디지털 에이전시 / 스튜디오

Plus X — plus-ex.com

• Fonts: CSS 추출 실패. 외형상 영문 헤비 산세리프 + 본명조/Pretendard 계열 국문
• Colors: BG #FFFFFF/Black 토글, Text #000000, 액센트 무채색 위주
• Mood: 컨설팅톤·정적·그리드
• Headline: "Plus X Creative Partner"
• Take: 국문은 Pretendard 헤비 — 한국 시장 대응을 위해 BLACK ORKA도 국문 산세리프 헤비 1종 선정 필수

Studio fnt — studiofnt.com

• Fonts: 추정 — 헤비 산세리프 + 명조 페어링
• Colors: BG #FFFFFF, Text #000000, 액센트 거의 없음
• Mood: 미니멀·에디토리얼·여백
• Headline: 히어로 없음 — 케이스 스터디 그리드(Flower Garden 등)가 첫 화면
• Take: "히어로 카피 없이 작업물이 카피" — 포트폴리오 사이트 모드. AX 컨설팅엔 안 맞지만 case 페이지 구조로 참고

d'strict — dstrict.com

• Fonts: CSS 추출 실패. 외형상 컨덴스드 헤비 산세리프 (디스플레이)
• Colors: BG #000000, Text #FFFFFF, 시네마틱 그라데이션
• Mood: 몰입형·시네마틱·럭셔리
• Headline: "ODYSSEY"
• Take: 1단어 헤드라인 = 디스플레이 폰트가 곧 브랜드. BLACK ORKA 히어로도 "BLACK ORKA" 워드 자체를 키워서 노출

5. 검은 베이스 + 굵직 헤비 톤

Klim Type Foundry — klim.co.nz

• Fonts: 자사 패밀리 노출 (Söhne, National 2, Founders Grotesk, Untitled Sans, Tiempos, Söhne Mono 등)
• Colors: BG #FFFFFF 위주 (폰트 테스트 페이지는 화이트), Text #000000, 액센트 거의 없음
• Mood: 정제·중립·전문가용
• Headline: (홈 캐시 미상) 폰트 카탈로그 그리드
• Take: 검은 베이스가 아닌 화이트 베이스로 폰트 자체를 주인공으로. BLACK ORKA가 자체 워드마크/폰트 공개 페이지를 만들 때 직접 참고

종합 시사점

폰트 트렌드

• 헤비 산세리프 + 모노가 표준 페어링: Söhne, Inter, Geist, Matter, Helvetica Now, PP Editorial New가 반복 출현. 흘림체는 18곳 중 0곳.
• 자체 폰트 보유가 톱티어 분기점: OpenAI(Söhne 라이선스), Vercel(Geist 자체), Cohere(Pentagram 커스텀), Instrument(자체), Anthropic(Styrene 라이선스 + Anthropic Serif). AX 컨설팅이라면 최소 워드마크만이라도 커스텀.
• 국문은 Pretendard 헤비가 사실상 표준 — 한국 클라이언트용 BLACK ORKA는 영문 헤비 산세리프 1종 + Pretendard 굵은 weight 1종 페어링.

컬러 트렌드

• 순수 #000000 검정은 의외로 소수: Vercel·Active Theory·Resn·d'strict·Locomotive. 톱티어 SaaS는 오히려 #08090A(Linear), #141413(Anthropic 다크), #212121(Cohere)처럼 "검정 같지만 검정이 아닌" 거의-블랙 사용.
• 액센트 컬러는 1색이 원칙: Anthropic 오렌지, OpenAI 그린, Linear 퍼플, Framer 시안, PostHog 레드. 2색 이상 쓰는 곳은 없음 (Cohere도 메인은 코랄 단색).
• 반례 회피: Hugging Face 노랑·Resn 네온은 AX 컨설팅 신뢰감과 충돌.

BLACK ORKA 적용 톤 방향 3가지

1. 베이스 컬러 = "거의 블랙" + 액센트 1색 원칙

• 메인 #0A0A0B 또는 #0F0F0F (순 #000 피하기 — Linear·Anthropic 따라가기)
• 텍스트 #F5F5F2 페일 오프화이트
• 액센트 1개만 선정 — 추천:
  • 시그널 오렌지 #FF5A1F (Anthropic 오렌지 톤, 따뜻하고 사람 냄새)
  • 코발트 #2B4DFF (차가운 신뢰, B2B 컨설팅 톤)
  • 딥레드 #C8102E (RED TRIGGER 서브브랜드 시그니처)

2. 폰트는 2종만 — 헤비 산세리프 디스플레이 + 모노 보조

• 디스플레이: Söhne Breit / PP Neue Montreal / Geist Sans 중 1종 라이선스 (또는 워드마크만 자체 커스텀)
• 모노: Geist Mono 또는 IBM Plex Mono (오픈소스, 데이터·코드 톤)
• 국문: Pretendard Black/ExtraBold 1종으로 영문 헤비와 매칭
• 흘림체·세리프 디스플레이는 1차 BI에서 배제 (요구사항 "흘림체 없는"과 부합)

3. 레이아웃 무드 = Linear × Vercel × d'strict 교차점

• 풀스크린 다크 베이스 + 거대 워드마크 히어로 (d'strict의 "ODYSSEY" 방식)
• 본문 폰트 weight를 일반 400 대신 미세 조정 (PostHog의 475 트릭) — 디테일이 고급감 만듦
• 폰트 다양성은 의도적으로 줄이고 스케일·모션으로 위계 (Locomotive 운영 규칙)
• 강조 컬러는 한 페이지에 1회만 — 검정 베이스의 무게를 깨지 않음

신뢰도 메모

• 완전 차단: OpenAI (HTTP 403)
• 폰트 확정 (자체 폰트 공개 또는 공식 브랜드 자료): Anthropic(Styrene+Tiempos), OpenAI(Söhne+Signifier), Cohere(자체), Vercel(Geist), Linear(Inter), Instrument(자체), ElevenLabs(Waldenburg+Inter), PostHog(Matter), Locomotive(PP Editorial New+Helvetica Now), Scale(Inter+IBM Plex Mono)
• 폰트 추정: Hugging Face, Active Theory, Resn, Plus X, Studio fnt, d'strict