ロゴ

ロゴ一式。マーク(帆の K)のパスは ka-fune.com/favicon.svg のもので、形を描き直さない。変えてよいのは線幅と色だけ。

• mark.svg: 32px 以下。線幅 1.8(favicon と同じ)。ファビコン、ヘッダ、一覧の中。
• mark-large.svg: 48px 以上。線幅 1.0。表紙、LP、スライド。
• mark-print.svg: 印刷。線幅 0.5(高さ 13mm で線が約 0.2mm、名刺の表と同じ)。別の高さなら 6.4 ÷ 高さ(mm) で線幅を決め、線の実寸 0.2mm を揃える。
• wordmark.svg: KAFUNE の文字。Outfit 300 を字間 0.18em でアウトライン化してある。書体が無い環境でも崩れない。
• lockup-horizontal.svg: マーク + KAFUNE の横組み。マークの描画高さ = 文字のキャップハイト、間隔はキャップハイトの 0.6。
• lockup-stacked.svg: マークの上、KAFUNE の下(名刺の表と同じ並び)。
• *-inverse.svg: 暗い地の上に置く版。線と文字が ink-strong(dark)の #ECEFF4、点は変わらず accent。
• favicon.svg: 公開中の favicon そのもの(白い角丸の地つき)。

線と文字の色は ink(#3B4252)、4 つの点は accent(#88C0D0)。単色の SVG なので <img> では色を継承できない。色を変えたい場所では window.Kafune.markSvg() でインライン SVG を出す(線は currentColor)。

ロゴの置き方。マークの形は favicon のパスのまま、線幅だけ大きさに合わせる(32px 以下 1.8、48px 以上 1.0、印刷は線の実寸 0.2mm)。

• 使うのは assets/Logos の SVG か、インラインなら window.Kafune.markSvg({ size })。描き直さない、傾けない、影を付けない、グラデーションにしない。
• 周囲の余白はマークの高さの 0.5 以上。
• 横組みはヘッダ・名刺・メール署名の画像、縦組みは表紙・名刺の表・スライドの最終頁。
• 暗い地(page の dark、ink の塗り)の上は -inverse。それ以外の色の地には置かない。
• 社名を文字だけで書くときは KAFUNE(全部大文字、Outfit 300、字間 0.18em = brand スタイル)。日本語の文中は「株式会社Kafune」または「Kafune」。