Stylebook

How CodeLensAI expresses what it believes.

CodeLensAI is built on principles before pixels.
Every color, motion, sentence, and interaction exists for a reason.

すべてのインターフェースには、
そのプロダクトらしい「話し方」がある。

Some products explain themselves.
Some products prove themselves.

CodeLensAI tries to remember.

01Brand何を信じているか。 02Visual Identityどう見分けられるか。 03Color Systemどんな光の中にいるか。 04Typographyどう読ませるか。 05VoiceCodeLensAI は、どう話すか。 06Motionなぜ、その動きなのか。 07CharacterCodeLensくんの出演ルール。 08Componentsどんな部屋でできているか。 09Artworkどう描かれるか。 10Principles in Practice思想から、実装まで。 11Futureこれから、どこへ。

Full Chapters

01Brand

Your repository remembers. → Repository Intelligence, built on memory.

Repository Intelligence — a place where software can be read.
Keep the proof. Update the promise. — Proof は変えない／Promise は進化させる。
Brand pillars — Read → Understand → Remember → Grow（Understand を省かない）
built on memory（powered by ではない：powered by=動力／built on=設計思想）

↑ Index

02Visual Identity

Logo / Symbol / Clear space / Do · Don't。

Living document · Being refined.

↑ Index

03Color System

Primary / Accent / Semantic colors / Backgrounds。

Living document · Being refined.

↑ Index

04Typography

Font stack / Hierarchy / Letter spacing / Numbers。

Living document · Being refined.

↑ Index

05Voice

Tone — 静か。断定しすぎない。証拠で語る。主役はいつもユーザー。

❌ AI analyzed your code. → ✅ Your repository remembers.

❌ Powered by AI. → ✅ Built on memory.

❌ Your score is 66. → ✅ 49 → 66 — the trajectory, not the number.

❌ We found 12 problems. → ✅ Start here.

❌ Get the best code review. → ✅ A place where software can be read.

Evidence over marketing — 「すごい」でなく 49 → 66 と見せる。
Never claim what isn't measured — 確認できたことだけ書き、残りは正直に「分析中」。
Not a score. A character sheet.（Repository DNA）

↑ Index

06Motion

95% isn't animation. It's anticipation.
Warmth over spectacle. Presence over polish.

Motion は「300ms / ease-in-out」から始めない。思想から始める。

95% — 完了を 95%→100% で 750ms 遅らせる。速さでなく"終わった気持ちよさ"＝演出は機能。
Review Scan — 解析を「今読んでいる」体験に（SSE で一行ずつ）。
Animation principles — 見えないほどよく効く。派手さより温度。

↑ Index

07Character — CodeLens-kun

設定集ではない。出演ルール。キャラクターでなく、インターフェースの振る舞い。

Never explains first.
Appears after the review.
Never blocks information.
Smiles only after completion.

↑ Index

08Components

Workspace — 読む場所（編集部の入口）
Library — 製本された本が並ぶ棚
Book / DNA Card / Review Card — 読み物の単位

↑ Index

09Artwork

Banner / Hero / Social / OG Image / GitHub Cover。

Living document · Being refined.

↑ Index

10Principles in Practice

思想 → ルール → 実装例。誰が作っても CodeLensAI になるための橋。

95% · 95% isn't animation. It's anticipation. → Review finish / Workspace / Hero / Button
Voice · Evidence over marketing. → ❌ Powered by AI → ✅ Built on memory
Character · Never speaks first. → Empty state / Review / Error / Loading

↑ Index

11Future

Not rules. Directions.

これからブランドをどこへ育てたいか。ルールでなく、方向。

↑ Index