This portfolio
A personal brand system built as a working code editor, in two themes, designed and built to read as a handcrafted theme, not a template.
The file tree encodes how the work breaks down: engineering opens as syntax-highlighted code, product thinking opens as markdown, and the design-led client work opens as visual case studies. The structure is the argument, not just a skin.
Junaid Dark and Paper share one type scale, spacing, and component system, built from theme tokens rather than hardcoded color, so switching themes never breaks a layout.
Next.js App Router, TypeScript, Tailwind, and Zustand hold up the shell, and the assistant panel runs the same Claude-powered workflow described in the product and engineering sections.
- Next.js
- TypeScript
- Tailwind CSS
- Zustand
// This portfolio: a personal brand system built as a working code editor.
// One-line: the site you are reading, in two themes, handcrafted rather than templated.
import { Project } from '@/portfolio'
export const thisPortfolio: Project = {
name: 'This portfolio',
hook: 'A personal brand system built as a working code editor, in two themes.',
// The file tree encodes how the work breaks down: code, markdown, visual case studies.
// Junaid Dark and Paper share one token system, so switching themes never breaks a layout.
// Next.js App Router, TypeScript, Tailwind, and Zustand; the assistant panel runs on Claude.
stack: ['Next.js', 'TypeScript', 'Tailwind CSS', 'Zustand'],
github: 'https://github.com/IjunaidI/portfolio',
}