Material Dashboard by Creative Tim — what I took from it and what I didn't

I was on the third design iteration of this portfolio when I shared a reference link: the Material Dashboard free demo by Creative Tim. The question I was asking was simple — the dark engineer notebook theme looked good in isolation but felt inconsistent across pages, especially once the resume page was on a light background.

What I saw in the Material Dashboard demo was useful as a reference point, not as a template to copy.

What I took from it:

Clean white card surfaces with soft shadows. The visual weight comes from the content and the accent colour, not from the background treatment. Consistent border-radius, consistent spacing, consistent use of a single accent colour. Navigation that's immediately obvious — no ambiguity about what's clickable. The overall effect is professional without being heavy.

These principles translated directly into what became the final theme — IBM Plex fonts, white cards, #f0f2f5 page background, green accent, shadow-sm on interactive elements. Not Material Design specifically, but informed by the same underlying logic.

What I deliberately didn't copy:

The dashboard layout pattern — sidebars, stats cards, data tables — is built for applications, not for reading. A portfolio is primarily a reading experience. Taking the visual language without taking the layout pattern was the key decision.

The learning here isn't specific to Material Dashboard. It's a general principle: reference something to understand why it works, then apply the why to your own constraints. Copying the what produces imitation. Understanding the why produces something that fits.