diff --git a/README.md b/README.md index eefcb5d3..ae50b707 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,10 @@ -# TRUSCA +

+ TRUSCA +

+ +

TRUSCA

+ +

TrustedOSS SCA — open-source software composition analysis

[![License: Apache 2.0](https://img.shields.io/badge/License-Apache_2.0-blue.svg)](LICENSE) [![Release](https://img.shields.io/badge/release-v0.10.0-2563eb.svg)](CHANGELOG.md) diff --git a/apps/frontend/index.html b/apps/frontend/index.html index 1f899db1..7d560a4b 100644 --- a/apps/frontend/index.html +++ b/apps/frontend/index.html @@ -3,7 +3,12 @@ + + + + TRUSCA diff --git a/apps/frontend/public/apple-touch-icon.png b/apps/frontend/public/apple-touch-icon.png new file mode 100644 index 00000000..32212f7a Binary files /dev/null and b/apps/frontend/public/apple-touch-icon.png differ diff --git a/apps/frontend/public/favicon.ico b/apps/frontend/public/favicon.ico new file mode 100644 index 00000000..52151f24 Binary files /dev/null and b/apps/frontend/public/favicon.ico differ diff --git a/apps/frontend/public/favicon.svg b/apps/frontend/public/favicon.svg index 7a4918fb..2b5c3c3f 100644 --- a/apps/frontend/public/favicon.svg +++ b/apps/frontend/public/favicon.svg @@ -1,6 +1,5 @@ - - + - + diff --git a/apps/frontend/src/components/BrandMark.tsx b/apps/frontend/src/components/BrandMark.tsx index 182928ab..57983486 100644 --- a/apps/frontend/src/components/BrandMark.tsx +++ b/apps/frontend/src/components/BrandMark.tsx @@ -7,15 +7,12 @@ * the symbol is needed instead of re-inlining the paths. * * Palette is fixed brand colour (not theme tokens) so the tile reads - * identically on any surface: a teal gradient tile (#2dd4bf → #0f766e) with - * the hexagon + check in paper (#fafafa). Teal is the TRUSCA brand colour; - * the wordmark (BrandWordmark) uses the same teal. The gradient id is - * per-instance (useId) so multiple marks on one page never collide. + * identically on any surface: a dark-slate tile (#0f172a) with the hexagon + * in paper (#fafafa) and the check in teal (#2dd4bf) as the brand accent. + * Clean dark base + a teal pop — not a flat black, not a loud gradient. */ -import { useId } from "react"; export function BrandMark({ size = 24 }: { size?: number }) { - const gradId = useId(); return ( - - - - - - - + diff --git a/apps/frontend/src/components/BrandWordmark.tsx b/apps/frontend/src/components/BrandWordmark.tsx index 96ee67f6..d4fe7290 100644 --- a/apps/frontend/src/components/BrandWordmark.tsx +++ b/apps/frontend/src/components/BrandWordmark.tsx @@ -1,14 +1,14 @@ /** - * BrandWordmark — the "TRUSCA" lettering in a single brand-teal colour - * (#0f766e), matching the mark tile. Weight / size inherit from the - * surrounding context (e.g. the sidebar header is semibold-sm; the auth - * lockup sizes it up). See docs/brand-trusca.md and BrandLockup. + * BrandWordmark — the "TRUSCA" lettering in ink (inherits the surrounding + * text colour / foreground). Weight and size come from context (the sidebar + * header is semibold-sm; the auth lockup sizes it up). The brand colour lives + * in the mark (BrandMark) and the teal check; the wordmark stays neutral ink + * so the lockup reads clean. See docs/brand-trusca.md and BrandLockup. * * "TRUSCA" is the product name, identical in every locale, so it is not - * translated. Colour is a fixed hex (not a theme token) to match the mark, - * which renders identically on any surface. + * translated. */ export function BrandWordmark() { - return TRUSCA; + return TRUSCA; } diff --git a/charts/trustedoss/Chart.yaml b/charts/trustedoss/Chart.yaml index ef8ce0ca..da5fa1a7 100644 --- a/charts/trustedoss/Chart.yaml +++ b/charts/trustedoss/Chart.yaml @@ -29,7 +29,7 @@ sources: - https://github.com/trustedoss/trusca maintainers: - name: TrustedOSS -icon: https://raw.githubusercontent.com/trustedoss/trusca/main/docs/static/img/logo.png +icon: https://raw.githubusercontent.com/trustedoss/trusca/main/docs-site/static/img/logo.png # ArtifactHub metadata (https://artifacthub.io/docs/topics/annotations/helm/). # Surfaced on the ArtifactHub package page once the OCI repo is registered (a diff --git a/docs-site/static/img/favicon.svg b/docs-site/static/img/favicon.svg index 7a4918fb..2b5c3c3f 100644 --- a/docs-site/static/img/favicon.svg +++ b/docs-site/static/img/favicon.svg @@ -1,6 +1,5 @@ - - + - + diff --git a/docs-site/static/img/logo.png b/docs-site/static/img/logo.png new file mode 100644 index 00000000..ab778a6b Binary files /dev/null and b/docs-site/static/img/logo.png differ diff --git a/docs-site/static/img/logo.svg b/docs-site/static/img/logo.svg index 7a4918fb..2b5c3c3f 100644 --- a/docs-site/static/img/logo.svg +++ b/docs-site/static/img/logo.svg @@ -1,6 +1,5 @@ - - + - + diff --git a/docs-site/static/img/social-card.png b/docs-site/static/img/social-card.png index b41d129b..b08648ee 100644 Binary files a/docs-site/static/img/social-card.png and b/docs-site/static/img/social-card.png differ diff --git a/docs/brand-trusca.md b/docs/brand-trusca.md index 7d80f496..9c1b26bb 100644 --- a/docs/brand-trusca.md +++ b/docs/brand-trusca.md @@ -50,21 +50,22 @@ - **C Stacked SBOM** — 구성요소 목록 막대 + 최상단 검증 - **선정안**: **A Hex Check** (2026-06-12 확정) — 패키지 육각 + 검증 체크. 16px 가독성이 가장 좋고 보안 도구 관례에 부합. -- **팔레트**(2026-06-13 갱신): 브랜드 컬러 = **틸**, paper `#fafafa`, ink `#18181b`. - 단색 near-black 타일이 "너무 검다"는 피드백 + BomLens 레퍼런스(그라데이션 타일· - 단색 굵은 워드마크·태그라인) 검토를 거쳐, **마크 타일은 틸 그라데이션 - `#2dd4bf → #0f766e`**(대각, top-left→bottom-right)로, 육각+체크는 paper로 칠한다. - (기존 계획의 블루 `#2563eb`에서 틸로 변경, 리스크 Low의 블루와도 분리.) - 틸 `#0f766e`는 흰 배경 5.47:1로 WCAG AA 통과. -- **워드마크**: Inter, 굵게(extrabold), tracking-tight, **"TRUSCA" 단색 틸 `#0f766e`**. - 단어 중간 색 분리(구 `TRU`+`SCA`)는 폐기 — 싸구려로 읽혀 BomLens식 단색으로 통일. +- **팔레트**(2026-06-13 안 E 확정): ink `#18181b`, paper `#fafafa`, 브랜드 accent = **틸**. + 로고 색은 여러 번 바뀜 — near-black 단색("너무 검다") → 틸 그라데이션("촌스럽다") → + **안 E: 다크 슬레이트 타일 + 틸 체크 포인트**(절충 — 깔끔한 다크 + 색 정체성). + - **마크 타일**: `#0f172a`(다크 슬레이트) **flat**, rx 8. + - **육각**: paper `#fafafa` stroke. **체크**: 틸 `#2dd4bf` stroke(다크 위 포인트). +- **워드마크**: Inter 굵게(extrabold) tracking-tight, **"TRUSCA" 잉크**(= foreground 상속). + 색은 마크의 틸 체크가 담당, 워드마크는 중립 잉크로 깔끔하게. 단어 중간 색 분리(구 + `TRU`+`SCA`)는 폐기. - **태그라인**: "TrustedOSS SCA"(= TrustedOSS 이니셔티브의 SCA 도구). muted gray, - 대문자 변환 안 함(우산명 "TrustedOSS" 카멜표기 보존). 단어 색 분리 대신 이 - 태그라인이 SCA·우산 관계를 담당. + 대문자 변환 안 함(우산명 "TrustedOSS" 카멜표기 보존). - **락업**: 풀 락업(마크+워드마크+태그라인)은 여유 있는 곳(로그인 게이트웨이·브랜드 쇼케이스)에 — `apps/frontend/src/components/BrandLockup.tsx`. 좁은 48px 사이드바/헤더는 축약 락업(마크+워드마크, 태그라인 생략). - 구현: `BrandMark.tsx`(그라데이션 타일)·`BrandWordmark.tsx`(틸 워드마크). + 구현: `BrandMark.tsx`(다크 슬레이트 타일+틸 체크)·`BrandWordmark.tsx`(잉크 워드마크). +- **래스터 자산**: `docs-site/static/img/logo.png`(256×256, 마크 — Helm 아이콘·README 헤더 + 공용)·`social-card.png`(1200×630 OG). 로고 변경 시 둘 다 재생성(HTML+Playwright). 로그인 카드 타이틀 등 문장 속 "TRUSCA"는 평문 유지(로케일별 어순 상이). - **적용 자산**: 타일 틸 = `apps/frontend/src/components/BrandMark.tsx`, `apps/frontend/public/favicon.svg`, `docs-site/static/img/{logo,favicon}.svg`.