Nilo Velez

System Fonts enqueues a stylesheet that lets you use the native font on each operating system and defines a system-ui css @font-face that you can use on the customizer, your theme’s settings or your own code.
<h4>Usage example</h4>
The Twenty Seventeen theme uses this css selector for the body text:
<pre><code>body, button, input, select, textarea {
 font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}
</code></pre>
We are going to replace it with the default system font. 
In you WordPress site, go to <code>Appearance > Customize > Additional CSS</code> and paste this code
<pre><code>body, button, input, select, textarea {
 font-family: system-ui;
}
</code></pre>
Appart from them font-family, there are other font-properties available:
<ul>
<li>font-style: normal or italic;</li>
<li>font-weight: 300 (light), 400 (regular), 500 (medium), 700 (bold);</li>
</ul>
For example this is the code make an element’s text semibold and cursive:
<pre><code>#my-element {
 font-family: system-ui;
 font-weight: 500;
 font-style: italic;
}
</code></pre>

System Fonts

Enqueues a stylesheet that lets you use the native font on each operating system.

UIUX Lab

Uix Page Builder is a design system that it is simple content creation interface. Drag & Drop, User-friendly and online Visual Editing.
Here are 6+ One-Page Templates for you to swipe and make your own. Here, you will find free, professional design for Uix Page Builder. We add new, fresh designs regularly in order to provide you with large variety of templates to chose from. More importantly, each module may contain a variety of styles.
You could add a new page with Uix Page Builder to your WordPress site, find the Pages menu in the WordPress Dashboard Navigation menu. Click Add new. The “Uix Page Builder Attributes” section applies page builder templates to your new page.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/KXlpzjUsvdA?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
Included Modules
The currently available default elements:
<ul>
<li>Custom Menu (2 layouts)</li>
<li>Parallax </li>
<li>Google Maps </li>
<li>Pricing (4 layouts) </li>
<li>Features (2 layouts) </li>
<li>Testimonials carousel </li>
<li>Team (2 layouts) </li>
<li>Clients </li>
<li>Accordion </li>
<li>Tabs </li>
<li>Author Card </li>
<li>Progress Bar </li>
<li>Portfolio </li>
<li>Blog</li>
<li>Slider </li>
<li>Sidebar </li>
<li>Uix Products (Require the WP plugin “Uix Products”) </li>
<li>Uix Slideshow (Require the WP plugin “Uix Slideshow”) </li>
<li>Contact Form (Require the WP plugin “Contact Form 7”)</li>
</ul>
<h4>Features</h4>
<ul>
<li>Compatible with Gutenberg. (new)</li>
<li>A particularly simple custom form and template API.</li>
<li>Support Custom Post Types to create a portfolio list in WordPress. (Require the WP plugin <a href="https://wordpress.org/plugins/uix-products/" rel="ugc">Uix Products</a>)</li>
<li>Support Custom Post Types to create a slideshow in WordPress. (Require the WP plugin <a href="https://wordpress.org/plugins/uix-slideshow/" rel="ugc">Uix Slideshow</a>)</li>
<li>You can switch between “Visual Builder” and “Default Editor” modes at any time on the Pages Add New/Edit Screen.</li>
<li>Support to choose multiple default templates you want.</li>
<li>Support to save custom templates and export templates.</li>
<li>Support a key to add anchor links based Uix Page Builder to your navigation. Visit the Menus page (Appearance « Menus), choose items like “Uix Page Builder Anchor Links”, from the left column to add to the menu.</li>
<li>Simple operation window, support loop list items.</li>
<li>Customizable core style sheets.</li>
<li>Drag and Drop Responsive Website Builder.</li>
<li>Uix Page Builder supports the automatic addition of Anchor Links.</li>
<li>Supports Right-To-Left (RTL) direction.</li>
</ul>

Uix Page Builder

Uix Page Builder is a design system that it is simple content creation interface.

System Fonts vs Uix Page Builder