Cairo
•
IST
colophon
This personal website is (kindof) built from scratch on Framer. The experience is designed to be unique — soft, elegant, typographic, neat and minimal with an edge of classic maximalism.
Interactive components have either been built from scratch, or borrowed from Framer's components and template library — or mostly, further modified to match the design language of this website using Framer's AI powered chat-based editor, Workshop.
It's been a joyful exercise building this. Hope you enjoy interacting with it :)
BUilt with
Designed in Figma. Portfolio site built on Framer. Interactive components customised using Framer Workshop (AI-powered editor). Structured and organised with Claude and Claude Design.
Typography
EB Garamond: Display and heading type. A variable optical-size serif with an expressive italic.
Hanken Grotesk: Neutral, optimised for screen reading at small sizes.
Colours
#FAF5EA; Warm off-white base
#8F0A20; Crimson display
#1A1614; Body text
#9B9187; Muted / labels
Design philosophy
Soft, elegant, typographic. Minimal with an edge of classic maximalism. Each project page carries its client's visual language while staying rooted in the same base system.