Theme colors

romaingrx-

brand
body
emphasis
header
foreground
typeface-primary
typeface-secondary
typeface-tertiary

Palettes

gray
05
10
15
20
25
30
35
40
45
50
55
60
65
70
75
80
85
90
95
pink
05
10
15
20
25
30
35
40
45
50
55
60
65
70
75
80
85
90
95
blue
05
10
15
20
25
30
35
40
45
50
55
60
65
70
75
80
85
90
95
indigo
05
10
15
20
25
30
35
40
45
50
55
60
65
70
75
80
85
90
95
red
05
10
15
20
25
30
35
40
45
50
55
60
65
70
75
80
85
90
95
orange
05
10
15
20
25
30
35
40
45
50
55
60
65
70
75
80
85
90
95
green
05
10
15
20
25
30
35
40
45
50
55
60
65
70
75
80
85
90
95
forest
05
10
15
20
25
30
35
40
45
50
55
60
65
70
75
80
85
90
95

Callouts

Buttons

Typography

Headings

Heading 1

Heading 2

Anchors

Code

Basic example in C++
1
#include <iostream>
2
3
int add(int a, int b){
4
return a + b;
5
}
6
7
int main(){
8
std::cout << "hello world" << std::endl;
9
int c = add(1, 2);
10
// 3
11
}

Cards

This is a card with depth=0 and hoverable
This is a card with depth=1 and made of glass
This is a card with depth=2
This is a card with depth=3

Pills

PrimarySuccessWarningDangerInfo