Blog


Design systems

full guide →
You can’t build a viable design system on Tailwind: Part 1
You can’t build a viable design system on Tailwind: Part 1

Tailwind is great for prototypes. But when your project grows, its core concept becomes the very reason your design system falls apart.

A practical guide to icons in web projects: Part 2
A practical guide to icons in web projects: Part 2

Discover the downsides of icon fonts and why SVG-sprites are the best alternative. Practical setup for scalable web projects.

A practical guide to icons in web projects: Part 1
A practical guide to icons in web projects: Part 1

Learn how to build your own icon font from custom SVG files and integrate it into your Angular project using Fantasticon.

How to add any CSS framework to your project: Part 5
How to add any CSS framework to your project: Part 5

Learn how to fully customize Bootstrap Alert components using SCSS variables and vendor overrides in a structured design system.

How to add any CSS framework to your project: Part 4
How to add any CSS framework to your project: Part 4

From variables to real design: how to properly customize Bootstrap buttons for a scalable UI system.

How to add any CSS framework to your project: Part 3
How to add any CSS framework to your project: Part 3

Explore how to extract Bootstrap colors, build a consistent color palette, and reuse variables across your project.

How to add any CSS framework to your project: Part 2
How to add any CSS framework to your project: Part 2

Discover how to structure your SCSS and use Bootstrap variables across your Angular project for scalable, customizable design systems.

How to add any CSS framework to your project: Part 1
How to add any CSS framework to your project: Part 1

Learn how to integrate Bootstrap into your Angular project with a clean, modular SCSS setup that supports easy customization and scalability.