The main I2P color is teal. Use Green as a secondary option and Yellow as accent color.
The dark palette is primarily used for interfaces that are adapting a night theme. Shades of it can be used as backgrounds, borders, and shadows to emphasise certain areas or set them apart.
The neutral palette is primarily used within components to help differentiate hierarchy. Shades of gray can be used as backgrounds, borders, and shadows to emphasise certain areas or set them apart.
Our main used grid compositions are outlined here. Use them to generate one column or various columns layouts.
12
4
8
3
9
2
2
2
2
2
2
3
3
3
3
4
4
4
6
6
8
6
I2P's main fonts are Nunito and Inter.
There are 6 different font sizes for headers, ranging from H1 to H6
40 px - H1
32 px - H2
28 px - H3
24 px - H4
20 px - H5
16 px - H6
Paragraph Inter
I2P is an anonymous network, exposing a simple layer that applications can use to anonymously and securely send messages to each other.
Code Snippet Source Code Pro
$('.i2p-sidebar').on('click', 'a',function() {
$('.i2p-sidebar a.active').removeClass('active');
$(this).addClass('active');
});