Sažetak
U ovom radu analizira se primjena atomskog dizajna i React okvira u web dizajnu, kako bi se kreirao vlastiti sustav dizajna i pripadne komponente. Prvi dio rada opisuje sam proces izrade sustava dizajna i njegovih komponenti slijedeći atomsku metodologiju. Ta metodologija pruža smjernice za kreaciju/postavljanje sustava dizajna na slojeve atoma, molekula, organizama, predložaka i stranica, kojih je rezultat jasna struktura sustava dizajna. Počevši od najnižeg sloja, opisani su svi slojevi koji čine komponente dizajn sistema, odnosno sustava dizajna. Drugi dio posvećen je procesu izrade React komponenti, te objavljivanju NPM paketa. Nadalje, u sklopu ovog projekta, stvorena je web stranica pod nazivom https://arneomv.github.io/ui-librery-dip/, na kojoj su predstavljene sve kreirane komponente, te su detaljno objašnjene njihove funkcionalnosti i sveukupni dizajn. Spomenuti NPM paket izrađen je pod nazivom 'metro-ui-components', kojemu se može pristupiti putem linka: www.npmjs.com/package/metro-ui-components. Na linku se nalaze upute za instalaciju, koja će biti opisana u završetku rada.