PATH_PROGRESS
PORTFOLIO DESIGN GUIDE

Interactive Manual

"If you appreciate the design and motion of this portfolio, here is a detailed breakdown of the colors, fonts, and components that make it work."

01

The Color System

Core_Brand_Colors

Copy Hex
Royal Indigo#2563EB
Copy Hex
Martyr Red#FF1F00
Copy Hex
Patrika Cream#FDFBF7
Copy Hex
Abyssal Black#121212
Copy Hex
Temple Gold#FFA502
Copy Hex
Altar Crimson#D62238
02

Typographic Core

Glyph_System_Study

VIEW ALL FONTS
Main_Narrative / Serif

The Grace of Heritage

Used for high-fidelity titles, emotional narratives, and artisan markers. Captures the flow of traditional calligraphy.

System_Identity / Helvetica

Technical Precision

Used for structural headers, primary identity, and core navigational elements. Engineered for absolute clarity.

Metadata_Logic / Pixel

INITIALIZING_ARCHIVE...

Used for system status, technical metadata, and low-level communication nodes. Grounds the design in digital reality.

Full Typography Deep-Dive
03

Component Laboratory

Active_Interface_Nodes

Primary_Action
Heritage_Interactive
EMAILhi@prasanna.com
System OnlineStatic NodeActive v2.7
04

Motion Signatures

Behavioral_Dynamics

Floating Rise

Y_OFFSET_-20PX // DURATION_0.5S

Centric Rotation

ROTATE_180DEG // EASE_ANTICIPATE

Elastic Expansion

SCALE_1.05 // SPRING_PHYSICS

Geometric Vector Laboratory