Impactful ist ein Style Guide inspiriert von CSS-Frameworks wie Tailwind CSS und Design Systemen wie Material Design. Im Rahmen eines Design Systems zielt Impactful darauf ab komponenten basiert (component-based approach) benutzt zu werden und auf Hilfsklassen (utility classes) zurückzugreifen.
Trotz Hilfsklassen setzt Impactfull auf BEM, wodurch sich hieraus eine Mischform im Ansatz entsteht. Dabei verfolgt Impactful das Ziel durch die Verwendung von BEM das HTML Markup zu reduzieren und in logische Klassen aufzuteilen. Impactful setzt sich somit aus logischen selbstbeschreibenden Klassen und Hilfsklassen zusammen.
Während BEM die Elemente in Komponenten unterteilt und deren dessen grundlegendes Design definiert, sorgen die Hilfsklassen in erster Linie für Positionierung, Farbgebung, Schriftgrößen und Abstände allert Art. Die beispielhafte Anwendung dieses abgewandelten Style Guides (Design Systems) kann man der Webseite www.maxkorn.de entnehmen.
