Skip to content

add mcp project marks to the home page#1

Merged
cjimti merged 1 commit into
masterfrom
docs/mcp-logos
Apr 27, 2026
Merged

add mcp project marks to the home page#1
cjimti merged 1 commit into
masterfrom
docs/mcp-logos

Conversation

@cjimti

@cjimti cjimti commented Apr 27, 2026

Copy link
Copy Markdown
Member

Summary

Each MCP card on the home page now carries its project's brand mark. Marks come from the live documentation sites for each project, recreated as standalone 80x80 viewBox SVGs that share the txn2 palette (paper #ECE3CE on signal #FF5A1F) so they sit on the warm-black canvas without tinting.

  • mcp-s3static/images/logos/mcp-s3.svg (lifted from mcp-s3/docs/images/mcp-s3-symbol.svg)
  • mcp-trinostatic/images/logos/mcp-trino.svg
  • mcp-datahubstatic/images/logos/mcp-datahub.svg
  • mcp-data-platformstatic/images/logos/mcp-data-platform.svg (the concentric-rings + signal-orange offset square used on mcp-data-platform.txn2.com's homepage, rebuilt as a standalone SVG to match the three satellite symbols)

Layout

  • New <header class="mcp__head"> wraps the brand mark and the existing ID stamp inside every MCP card.
  • .mcp__symbol is 40x40 by default; .mcp__symbol--feature is 64x64 on the mcp-data-platform feature card.
  • Hover rotates the mark -6deg and scales 1.06.
  • Feature card grid maps the new header to the existing id grid area; layout unchanged.

Test plan

  • hugo --minify --gc builds clean
  • All four marks render at the correct sizes on the live page
  • Hover state animates without layout shift
  • Mobile breakpoints (540px, 480px, 380px) still lay out cleanly
  • No new em-dashes or AI-tell phrasing
  • DESIGN.md / tokens.json unchanged

Each MCP card now carries its project's brand mark, sourced from
the live documentation sites and committed locally to keep this
repo self-contained.

Marks:
- mcp-s3       static/images/logos/mcp-s3.svg
               (lifted from ../mcp-s3/docs/images/mcp-s3-symbol.svg)
- mcp-trino    static/images/logos/mcp-trino.svg
               (../mcp-trino/docs/images/mcp-trino-symbol.svg)
- mcp-datahub  static/images/logos/mcp-datahub.svg
               (../mcp-datahub/docs/images/mcp-datahub-symbol.svg)
- mcp-data-platform  static/images/logos/mcp-data-platform.svg
               (the concentric-rings + signal-orange offset square
                used on the mcp-data-platform.txn2.com homepage,
                rebuilt as a standalone 80x80 SVG to match the
                three satellite symbols)

All four use the txn2 palette: paper #ECE3CE on signal #FF5A1F,
so they sit on the warm-black canvas without any tinting.

Layout:
- New <header class="mcp__head"> wraps the brand mark and the
  existing ID stamp inside every MCP card.
- .mcp__symbol           40x40 default
  .mcp__symbol--feature  64x64 for the mcp-data-platform feature card
- Hover rotates the mark slightly (-6deg) and scales 1.06.
- Feature card grid now maps the new header to the existing 'id'
  grid area so the layout is unchanged.
@cjimti
cjimti merged commit 95c6716 into master Apr 27, 2026
2 checks passed
@cjimti
cjimti deleted the docs/mcp-logos branch April 27, 2026 07:13
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