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