This is my personal CSS Framework

(because, why not)

DC logo white

My name is Dimitris Chatzilias and I am a UI/UX Designer, who also loves to implement his designs into the web.

DC logo white
Dribbble icon Behance icon Linkedin icon

FOLLOW ME

About

DC framework graphic

About

Well, I've been receiving a huge amount of messages from developers who wish to replicate my Resume in a fast, easy and visually consistent way.

OK, I'm kidding. I just decided to create my own personal CSS framework and guidelines, as a small demo of me building a Design System. The only actual use case of this framework so far is this website, incuding my Resume (in the form of a timeline) and some samples of my work.

The purpose of a Design System like this, is to aid in shaping a solid brand identity and ensure its visual consistency, while significantly simplifying the development process.

All in one graphic

All in one

All in one

All of the DimC CSS components are provided on a single LESS stylesheet, super-simplifying files structure and offering flexibility to the development process. If not all of the components are needed, they are also broken down into 11 categories (see the Docs) that can also be used as separate LESS files.

Responsive graphic

Responsive

Responsive

Optimized for desktop but still fully responsive, DimC CSS offers a rapid solution for all the developers out there who wish to create pages for any devise without any additional media queries.

Themable graphic

Themable

Themable

Since dark mode is a very popular feature in modern web and indeed helps some people read more comfortably in low light environments, DimC CSS could not go without this functionality.

Showcases

Well, the DimC CSS framework with its 11 pages of documentation is just an introduction (ok a little long maybe), just to present my resume. So, if you are not into web development stuff, you can skip it and go directly to the final product, my responsive, interactive, web CV. You can also check out some of my past projects in the form of case studies, which are of course built with DimC CSS as well.