• Add to Collection
  • Tools Used

    Tools

  • About

    About

    This FREE item is a Web UI designed in Sketch. We used the Atomic Design for modulate and organize all the website with a collection of more than… Read More
    This FREE item is a Web UI designed in Sketch. We used the Atomic Design for modulate and organize all the website with a collection of more than 78 artworks. Read Less
    Published:
In Pagephilia as well as Editorial Design Templates we want to share Digital Design resources such as: corporate presentations, user interfaces designs and interactive magazines, making use of apps among which we can mention: Sketch,  Keynote y Powerpoint. What better way to open this category sharing the full design that we used to create this website.

This free item is a UI designed in Sketch. We used the Atomic Design technique that basically allows modulate and organize all the estructure of the website in 5 pages: Atoms, Molecules, Organisms, Templates and Pages, with a collection of more than 78 artworks.
Were used almost all the features that Sketch offers such as: the use of Symbols which allows place instances of the same object in several parts, Text Styles that helps to keep the uniformity in all the artworks and make fast corrections to the design, the ability to resizethe grouped objects undistorted its content and many other features that make this item an invaluable resource.

Check the powerful web design workflow by learning of this template

Modular: We made this template with the idea of a modular pattern, so you can insert a header, or the subscription widget, or any text section in any part and override its content avoiding unnecessary duplicates.

Symbols: This template uses symbols: Are reusable objects which you can be used in different Artworks of your document, when you edit one symbol it immediately will update all its instances.

Resizable: Most of groups have this feature, when you resize a group, the sizes of its contents will change too without stretching its elements. Save a lot of time and learn how to use smart resizing.

Text Styles: We save all the common properties of text in Styles, so you can update their styles with ease as the same way as the Symbols. You can insert a new text layer from using the Insert Button or apply the Style using the properties palette.