Sourcegraph — Feature
This is a codebase intelligence platform that helps developers understand, search, and query their code repositories using natural language. The screen shows a "Deep Search" feature allowing engineers to ask complex questions about their codebase and receive grounded answers with citations across files and repositories. The layout uses a left sidebar navigation with a main search interface in the center featuring a search input bar, scope setter, suggested query filters (like "Explore configuration patterns", "Overview of build process"), and below that a conversational chat area where users can add context about files and repositories. A right sidebar shows search results with file paths and locations where code was found, plus additional feature cards for code understanding and agent capabilities.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/sourcegraph-code-understanding.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #DCD9D9 |
| Contrast | 1.4 |
| Columns | 1 |
| Alignment | left |
| Whitespace | airy |
| Density | 0.101 |
| Measured size | 1600×2438 px |
Palette
Fonts
Page types
UX patterns
UI elements
Context
Other sections on this page
- Hero — Codebase intelligence platform landing page
- Logo Wall — Trusted-by logo wall
- Feature — Codebase Control & Context Landing Page
- Feature — Complete codebase context
- Testimonial / Social Proof — Stripe MCP server quote
- Feature — Code oversight charts
- Feature — Codebase evolution batch changes
- Feature — Enterprise LLM platform hero section
- CTA / Sign-up — Big Code guide landing page
- Footer — Footer navigation