Style Guide

Colors

Titles – #1d1d1f
Text – #888888
BKG – #fbfbfd
Buttons – #175cff
On hover – #0047f0

Typography

Aa
Titles – Inter Bold
Aa
Text – Inter Regular

Titles

The quick brown fox jumps over the lazy dog

H1 64px Inter Bold

The quick brown fox jumps over the lazy dog

H2 48px Inter Bold

The quick brown fox jumps over the lazy dog

H3 36px Inter Bold

The quick brown fox jumps over the lazy dog

H4 30px Inter Bold
The quick brown fox jumps over the lazy dog
H5 24px inter Bold
The quick brown fox jumps over the lazy dog
H6 15px Inter Bold

Paragraphs, Quotes, and Lists

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph 20px Inter Regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Quote 18px Inter Regular Italic

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Italic 20px Inter Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Bold 20px Inter Bold
Text Link
Link 20px Inter Semibold
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.
List 20px Inter Regular

What does Width.ai Offer?

How we help you move through machine learning and artificial intelligence

POC Build For ML/Ai Solution
Think you have a great solution in mind and want to build out an initial version? We'll help you prove it out and look at a potential market.
ML/Ai Software Development
Looking to develop custom machine learning software for your business or idea? We develop machine learning software for everything from MVPs to full enterprise products.
Machine Learning Consulting
Building product software systems or SaaS and want to make it smart? We'll help guide you through the ai world and help you avoid any downturns in the project.

Looking For A Solution That Works?

Let's talk about building a custom machine learning or ai solution