Skip to content

brand(trusca): 로고 안 E (다크 슬레이트 + 틸 체크) + 보이는 표면 적용#402

Merged
haksungjang merged 2 commits into
mainfrom
feat/logo-slate-teal
Jun 13, 2026
Merged

brand(trusca): 로고 안 E (다크 슬레이트 + 틸 체크) + 보이는 표면 적용#402
haksungjang merged 2 commits into
mainfrom
feat/logo-slate-teal

Conversation

@haksungjang

Copy link
Copy Markdown
Contributor

What

로고를 안 E로 확정: 다크 슬레이트 타일(#0f172a) + 틸 체크(#2dd4bf) + 잉크 워드마크. 밝은 틸 그라데이션(#401)이 "촌스럽다", 원래 단색 블랙은 "너무 검다"는 피드백의 절충 — 깔끔한 다크 베이스에 틸 포인트 하나.

핵심(마크 재디자인)

  • BrandMark + 로고 SVG 3개(frontend favicon, docs logo·favicon): flat #0f172a 타일, paper 육각, 틸 체크. (그라데이션·useId 제거)
  • BrandWordmark: 틸 → 잉크(foreground 상속). 색은 마크의 틸 체크가 담당.

보이는 표면(사용자 선택 범위)

  • docs-site/static/img/social-card.png(OG, 1200×630) — E 락업 + 디스크립터로 재생성.
  • docs-site/static/img/logo.png 신규(256×256 마크 래스터) — Helm 아이콘 + README 헤더 공용.
  • charts/trustedoss/Chart.yaml 아이콘 URL 수정 — 기존엔 존재하지 않는 경로(docs/static/.../logo.png)를 가리켜 깨져 있었음 → docs-site/static/img/logo.png.
  • README.md 상단 중앙 로고 추가.
  • brand-trusca.md 팔레트/로고 절을 E로 갱신.

범위 밖(선택): 보고서·이메일·Slack/Teams·PR 배지 로고, apple-touch/PWA, Action 브랜딩 — 후속.

Gates

  • typecheck · vitest 1,249 passed · lint 0 errors · i18n:check OK · build OK
  • dev 로그인 풀 락업(다크 슬레이트+틸 체크+잉크 TRUSCA+태그라인) + social-card.png 1200×630 육안 확인. 사이드바는 동일 BrandMark/BrandWordmark 사용.

binary 자산(logo.png 신규·social-card.png 재생성)은 diff에 안 보이므로 명시.

… surfaces

The bright-teal gradient tile (#401) read tacky; the original flat black read
'too black'. Option E threads both: a dark-slate (#0f172a) tile with a teal
(#2dd4bf) check accent and an ink wordmark — clean dark base, one teal pop.

- BrandMark + all logo SVGs (frontend favicon, docs logo + favicon): flat
  #0f172a tile, paper hexagon, teal check (gradient/useId removed).
- BrandWordmark: teal -> ink (inherits foreground); colour now lives in the
  mark's teal check, keeping the lockup clean.
- Visible brand surfaces (user-selected scope):
  - docs-site/static/img/social-card.png (OG, 1200x630) regenerated with the
    E lockup + descriptor.
  - docs-site/static/img/logo.png NEW (256x256 mark raster) — serves the Helm
    chart icon and the README header.
  - charts/trustedoss/Chart.yaml icon URL fixed: it pointed at a non-existent
    path (docs/static/.../logo.png); now docs-site/static/img/logo.png.
  - README.md gains a centered header logo.
- brand-trusca.md palette/logo section updated to E.

Out of scope (chosen): report/email/Slack/Teams/PR-badge logos, apple-touch/
PWA, Action branding. Gates: typecheck, vitest 1,249, lint 0 errors, i18n,
build green; login lockup + social card verified visually.
The favicon was SVG-only, which falls back to a generic icon on older
Safari / Windows / some embeds and gives no iOS home-screen icon. Adds a
full set generated from the E mark:

- apps/frontend/public/favicon.ico (16/32/48 multi-size, ImageMagick)
- apps/frontend/public/apple-touch-icon.png (180x180, full-bleed #0f172a so
  iOS rounds it cleanly — no transparent corners)
- index.html: .ico (legacy) + svg (modern) + apple-touch links + theme-color
  #0f172a

Docs site keeps favicon.svg (desktop-served). favicon.svg unchanged (already
the E mark).
@haksungjang haksungjang merged commit c417e2e into main Jun 13, 2026
19 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant