INI's Design System

Documentation for INI's website design system. A design system itself is a collection of reusable components, patterns, and guidelines that help ensure consistency and cohesiveness.

Typography

The different text sizes used throughout the site

h1

INI is a fintech startup

h2

INI is a fintech startup

h3

INI is a fintech startup

h4

INI is a fintech startup

H5

INI is a fintech startup

h6

INI is a fintech startup

paragraph 12/20 pt grey

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.

paragraph 14/22 pt

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.

paragraph 16/24 pt

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.

paragraph 20/28 pt

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.

paragraph 20/32 pt

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.

Grids

The different grids used throughout the site

Grid desk 2

Grid desk 2/1

Grid desk 3

Grid desk 4

Grid desk-5

Colors

The different colors used throughout the site

Sections

The different colors used throughout the site