How I made a themeable Design System for my Professional Brand — OSKRHQ.DS

… More specifically a Design Guide and a React Component Library with a very unique SASS architecture.

OSKRHQ.DS is a themeable and accessible Design Guide + Component Library written in React with a unique SASS architecture based on The Anatomy of UI.

1) Foundation

A Brand is not what you say you are but rather what your users/clients say you are. It is what they feel when your name comes up.

2) The Anatomy of the User Interfaces

lib
├── components
└── styles
├── 0-plugins
├── 1-themes
├── 2-base
├── 3-components
└── styles.scss

3) UI Controls — Components

The system’s code

I design and code. Sometimes write. oskrhq.com/

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store