In the dynamic landscape of web design, staying ahead of the curve is crucial for creating engaging and user-friendly experiences. One cutting-edge technology that has gained prominence in recent years is variable fonts. In this article, we’ll explore the use of the oook variable font in the context of the Factory.ai website, discussing its benefits and how it contributes to an elevated user experience.

oook in use: factory.ai website

Understanding oook variable font:

What are variable fonts?

Variable fonts represent a significant advancement in typography, allowing designers to incorporate multiple styles and variations within a single font file. Unlike traditional static fonts that offer limited styles (e.g., regular, bold, black), variable fonts provide a spectrum of possibilities, such as different weights, widths, and even custom variations.

The oook variable font:

oook is a versatile variable font that comes with a wide range of styles, making it an excellent choice for web designers seeking flexibility and creativity. Its adaptability to various screen sizes and resolutions ensures a consistent and visually appealing presentation across different devices.

Advantages of oook variable font for Factory.ai:

  • Improved Page Loading Speed:
    variable fonts like oook often have smaller file sizes compared to using multiple static font files. This can lead to faster page loading times, crucial for providing a seamless user experience, especially on mobile devices or in areas with slower internet connections.
  • Responsive Typography:
    The Factory.ai website can benefit from oook’s responsiveness, allowing the font to adapt smoothly to different screen sizes. Whether users access the site on a desktop, tablet, or smartphone, the variable font ensures optimal legibility and aesthetics.
  • Design Consistency:
    oook’s variable nature enables designers to maintain a consistent visual identity across various sections of the Factory.ai website. This consistency contributes to a unified brand image and enhances the overall professional look and feel of the site.
  • Creative Typography Options:
    Designers can leverage oook’s variable capabilities to experiment with creative typography elements, such as animating font styles or dynamically adjusting font characteristics based on user interactions. This can add a layer of interactivity and engagement to the Factory.ai user interface.
  • Accessibility and Readability:
    variable fonts allow for fine-tuning of typographic details, enhancing readability and accessibility. By adjusting font weight, width, or other attributes dynamically based on user preferences or device characteristics, Factory.ai can ensure a more inclusive experience for all users.

Implementation Considerations:

  • Browser Compatibility:
    While modern web browsers generally support variable fonts, it’s essential to ensure compatibility across different platforms. Conduct thorough testing to guarantee a consistent experience for Factory.ai visitors.
  • Fallback Options:
    To account for potential issues with browser compatibility, always include appropriate fallback options, such as specifying alternative standard fonts or utilizing progressive enhancement techniques.
oook in use: factory.ai website

Conclusion:

Incorporating the oook variable font into the Factory.ai website is a forward-thinking choice that aligns with the ever-evolving landscape of web design. The flexibility, performance benefits, and creative possibilities offered by variable fonts contribute to a more engaging and user-centric online experience. As the Factory.ai website continues to evolve, leveraging innovative technologies like oook variable font positions it at the forefront of modern web design practices.

 

Everseen is an Irish company that developes visual AI for business.
I’ve been contacted by Ideosuite in 2022 to improve their custom font used to create logotypes and headlines.

See a selection of all FSD custom brand fonts.

Everseen custom font 2022 designed by Fabrizio Schiavi in use
Some brand names typeset in Everseen custom font deisgned by Fabrizio Schiavi
e as icon set in Everseen custom font 2022 designed by Fabrizio Schiavi
Everseen custom font designed by Fabrizio Schiavi
Everseen logo and pay-off typeset in the new Fabrizio Schiavi custom font
Everseen custom font designed by Fabrizio Schiavi numbers and punctuation at work
 

Nure posters designed by Artiva Design, Fuss and Ideosuite on Nure valley.
Pictures by Alessandro Casagrande.
Typeface Nure variable font designed by Fabrizio Schiavi.

 
Nure all posters designed by Artiva, Fuss, Ideosuite and Jekyll & Hyde

I asked to some of my favourite graphic designers to make some poster using Nure variable font as principal tool.
At the moment there are 22 posters designed by Artiva Design, Fuss, Ideosuite and Jekyll & Hyde. Others will comes soon.
The 70×100 cm posters are avilable to order directly from this page.

 

To use Nure variable font, in combination with PragmataPro, as default font in your browser may improve your productivity.

After downloading Nure variable web font put in you user folder,
install Custom Style Script and addon available for the most used browsers for free and put this code in Options page.

@font-face {
    font-family: 'Nure';
    src: url('/Users/(your user folder)/Nure11-VF.woff2') format('woff2-variations'), 
         url('/Users/(your user folder)/Nure11-VF.woff2') format('woff2');}
body, .css-901oao, ._292iotee39Lmt0MkQZ2hPV, a, abbr, address, area, article, aside, audio, b, bdi, bdo, blockquote, br, button, canvas, caption, cite, col, colgroup, command, datalist, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, input, ins, kbd, keygen, label, legend, li, main, map, mark, menu, meter, nav, object, ol, optgroup, option, output, p, param, progress, q, rp, rt, ruby, s, samp, section, select, small, source, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, track, u, ul, var, video, wbr 
{font-family: 'Nure'; font-weight: 300;  font-variation-settings: 'opsz' 18, 'wdth' 80;} 

Where font-weight is the first axis ‘Weight‘, its values starts from 100 to 900,
font-variation-settings: 'opsz' is the second axis ‘Optical Size‘, its values starts from 12 to 72
font-variation-settings: 'wdth' is the third axis ‘Width‘, its values starts from 75 to 125, according with Windows standards.

Changing these values you can find your perfect set up.

A visual example using Hacker News as test site:

Hacker News website Default view. Custom Style Script add on OFF
Actual view. Custom Style Script add on OFF
Hacker News website Default view. Custom Style Script ON setting in Nure variable font
Custom Style Script ON with this settings:
{font-family: ‘Nure’; font-weight: 300; font-variation-settings: ‘opsz’ 20, ‘wdth’ 90;}
Hacker News website Default view. Custom Style Script ON setting in Nure variable font
Custom Style Script ON with this settings:
{font-family: ‘Nure’; font-weight: 300; font-variation-settings: ‘opsz’ 30, ‘wdth’ 110;}
Hacker News website Default view. Custom Style Script ON setting in Nure variable font
Custom Style Script ON with this settings:
{font-family: ‘Nure’; font-weight: 300; font-variation-settings: ‘opsz’ 18, ‘wdth’ 80;}
Hacker News website Default view. Custom Style Script ON setting in Nure variable font
Custom Style Script ON with this settings:
{font-family: ‘Nure’; font-weight: 240; font-variation-settings: ‘opsz’ 18, ‘wdth’ 80;}
Nure variable font combined with PragmataPro monospaced font in Mozilla Firefox
Nure combined with PragmataPro in Mozilla Firefox

This is just a quick view of the potential of using a variable font like Nure as default font.

 

Dutch public-service broadcaster NTR uses CP Company by Fabrizio Schiavi Design as the default typeface for their visual identity. From Wikipedia:

NTR was created in 2010, following the merger of the Nederlandse Programma Stichting (NPS) and two educational broadcasters, Televisie Academie (Teleac) and the Radio Volksuniversiteit (RVU).

CP Company is used in all of its four weights, from on-screen graphics to the website and annual reports. Gast Producties have worked on the design of the TV station at least since 2013.

Exemplary name title
Exemplary end titles
Exemplary end titles
Website detail (program overview with filters)
Spread from NTR’s annual report 2018
The NTR building in Hilversum in 2010, with a banner announcing the new station and its key topics (youth, education, information, culture, school TV, diversity).

For more infos visit the complete Fonts in use page

 

Amazing use of my typeface PragmataPro by Rai, the public Italian TV broadcast, to promote the 50th Internet Day.

Art director: Roberto Bagatti

Happy Internet Day to all!

Updating…
  • No products in the cart.