Available on UI8

Check it out

Built with Atomic design principles and utilising Figma’s components, variables, and nested instances Baseline offers highly granular customisation of each block.Featuring 7 pre-made page layouts, 70+ components and 30+ block categories, Baseline let's you drag, drop and remix blocks with ease giving you page layouts in seconds saving you hours of work.

Leaving you with beautiful, contemporary page layouts ready to prototype and test with users and bring clarity to the project making the UI and development process more transparent from the very beginning. Handing over clean component based layouts to UI designers and developers will save time and explanation, giving them a solid baseline to take forward.

Each Atom, Molecule and Block is built with layout and content options and combines nested instances allowing you remix each one with just a few clicks.

Baseline is 100% editable and customisable, utilising spacing and colour variables making it an ideal tool for designers and developers trying to streamline their workflow and includes light and dark mode.Get started easily with the beginner-friendly kit, complete with step-by-step instructions. Plus, keep your designs consistent with the included style guide, which covers colour and type styles – any updates you make will automatically apply throughout the kit.

All components are neatly organised for your convenience, detailing layout and content options that are built in.

Designed with Montserrat a google font, and including 20+ icons.

Start your project with a solid Baseline.