Grayio website maker template v2.0

If you are seeking to efficiently design a website specially landing page with speed and interactivity using Figma, while ensuring responsiveness, then the Grayio v2 is the optimal solution.

Feature Summary of V2.0

🎨 Template >

🎨 New Modern theme for Grayio v2

• with better Visuals, layout, Colors, Texture to make better experience both for designer and client.
• Splitting the components page into 3 pages Essentials, Sections, and sliders with better layout arrangement.
• New mock-up Screen with the additional for two desktop shots and better editor for the mockup
• New “🆕 Feature/report log” page
• Others adjustment and quality of life changes
  

📘 Guideline

• Enhanced Guideline page for developers with new font type scale, texture section, Spacing section, Grid information and etc.
• New Defaults Colors scheme with better arrangement
  

🏠 Iconography

• New 12 Icons (Mail, Map/location, Call, Fav, X, others)
• Better visuals for icons with thinner stroke

📲 Components >

🌗 Dark Theme for all the Components

• With Dark theme for every style of the card components
• With Dark theme of every section component and Essential components
  

📰 New Dynamic section

• With over 14 layouts that can mimic 5 design languages, we offer 2 dynamic options for bigger devices like desktop/ large tablet or small tablet size/phone.
• The 14 layouts are divided into Card layouts, Hero section layouts, and Virent Other layouts.
  

️📰 New Enhanced Standard components

• section with over 8 layouts for 5 device language and better support for CTA buttons and disabling sections.
• Unique Hero section and secondary sections layouts for both desktop and portable smaller devices

️🛒 E-commerce Standard/Dynamic section

• with over 10 layouts support for better CTA Buttons, Back link, the ability to disable any section of the card and etc.

🖼️ New Dynamic Photo slider, Section slider and Card slider

• with over 16 layouts support for better CTA Buttons, Back links, the ability to disable any section of the card and etc.

📝 New Dynamic Header and footer

• with over 10 styles for each one for Hz or Vr layout for multiply sizes and styles like for landing page or e-commerce
• New properties for Header menu like CTA contact field, Profile picture and others

What the template includes

🔷 Content page

• Mockup maker
• Content table of the rest of the pages
• My Credit in contact information

📃 Introduction

• includes the designer information with backlinks.
• Summary of the client website/landing page

📘 Guideline

• Color styles includes (Neutral colors, Primary colors, Secondary colors, Tertiary Colors, etc)
• Texture includes (3 default texture from noise & texture plugin)
• Drop Shadow Styles includes (3 Types of shadow with different depth like Soft, modern, Hard shadows)
• Spacing especially within a 4px or 8px grid system depend on the workflow.
• Typography Styles includes (Font style for display and body text, Font scale the default that come with template 1.250 — Major Third - Base size 18px
• Grid Styles includes 6 default devices sizes (Desktop 1920 x 1080, Desktop 1440x 1024, Large Tablet - iPad Pro 12.9, Small Tablet - iPad mini-8.3, Mobile - iPhone 14 Pro, Mobile - Android Large) with all necessary information.

🏠 Iconography

• with over 48 Icons with the flexibility to update and expanding

  

  
  

📲 Components / Essential

• 216 Buttons blocks
• 20 Dynamic Header
• 22 Dynamic Drawer menu
• 34 card blocks
• 19 Text field
• 2 drop menus
• 2 content us
• 8 Parent Accordion
• 8 Accordion
• 12 Dynamic Footer
• 50 Standard Footer

📲 Components / Sections

• 92 Dynamic Sections layout
• 100 Standard sections layout
• 40 E-commerce Dynamic sections layout
• 40 E-commerce Standard sections layout

📲 Components / Sliders

• 4 Dynamic Card slider layout
• 1 Dynamic Photo Slider
• 2 Dynamic Section slider

🚹 Your Brief

• just simple draft or brief page

🌐 Website

• includes the workspace.
• the 5 layouts of default devices sizes with the header and drawers
• Responsive layout using plugin responsive to add all the sizes as a input.

🟣 Outro

• Simple outro for the client includes all my backlinks.

🆕 Feature/report log

• it's included all the features add it.
• Community errors log to report of Grid mistakes, components issues and others.