US - Individual Investor About Us Contact Us

Design System Demo

Demonstrating how modern AI tooling can standardize the Franklin Templeton brand into a reusable design system for rapidly building on-brand microsites.

Phase 1

Fund Detail Page

Static recreation of the FKIQX product page — full-fidelity clone with all sections including charts, performance tables, portfolio composition, and risk statistics.

View Page
Phase 2

Kitchen Sink

Complete catalog of extracted design tokens (colors, typography, spacing) and all reusable components with live demos and copyable HTML snippets.

View Page
Phase 3

Claude Code Commands

Three custom slash commands that teach Claude the design system — /create-page, /add-component, and /design-system — constraining AI generation to on-brand output.

View Page

Sample Sites

Built with the design system
Royce Investment Partners
Small-Cap Equity Specialist Manager

Small-cap specialists since 1972 — latest insights, fund strategies, news, and company overview.
Clarion Partners
Real Estate Specialist Manager

$73.7B AUM real estate platform — strategies, property types, company timeline, and office locations.
Putnam Investments
Active Equity Investment Manager

US$162.3B AUM active equity platform — CIO message, featured products, leadership team photos, and equity insights.