Servento - Documentation


Created: 08-December-2021
By: AmentoTech
Email: help.amentotech@gmail.com

Thank you for purchasing our Figma design template. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!


Table of Contents


Overview - Go to top

Servento is a purpose built Figma design template for Freelancers and Jobs Market Place. It is designed keeping in mind the requirements of such market places. The design is clean and simple, yet contemporary and attractive. I hope you will like this unique idea as well as the design quality because my focus has not only been on the aesthetics but also on the key design areas such as consistency, visual hierarchy, typography etc.















Features Includes - Go to top


Content - Go to top

Files Includes (01 item)

Pages Includes (77 pages)


How to Customize Items - Go to top

First of all just to give you an overview that a Figma Template has structures similar to any document consisting of layers and it makes template customization super simple, so if you have ever experienced Adobe Photoshop, Sketch, or Adobe XD, it will not be difficult for you to figure it out.

So let get dive in, customization of any element consists of two steps – the Сhoice of Element / Layer and its change. To select a layer, you need to use the Layers Panel on the left side in the Figma window, and for setting up the Properties Panel on the right side in the Figma window.


Where are the "Pages"?

All design templates are listed in one group on Figma left panel under "Web Design”.


List of pages in Figma


What are "Frames"?

Each page contains one Frame and frame is a layout of a deisgn template


List of individual pages in Figma


Well Managed Layers

Any Frame contains several layers. In the Layers List, there are both Simple Layers (as Text Layer, Path Layer, etc.) and Component Layers, which also consist of simple layers.

To Collapse/Expand the layers, click on the arrow icon to the left of the name.

You can rename layer by double clicking on it


Well managed layers


Design Elements

All design elements are listed under "Design System" on the left-hand bar and also you can see their properties on the right-hand bar while using it.


Design elements page


Editable design elements



Credit and Sources - Go to top

Images are not included in the package. Some of the images/icons may have been taken from

Once again, please note that images are only for the preview and are replaced with placeholders in the package. Please let us know if there is any confusion.


Amento Tech Go To Table of Contents