Browse all the basic styles and components inside this UI Kit

Basic Styles

Components

Blocks

Browse all the basic styles and components inside this UI Kit

Basic Styles

Components

Blocks

Browse all the basic styles and components inside this UI Kit

Basic Styles

Components

Blocks

Realtor X styleguide

Introducing Realtor X, our definitive Framer Template for the health world. Carefully tailored to suit modern hospitals. Need help? the team behind Realtor X, is ready to help you. Get in touch with BRIX Agency.

Colors
Colors
Colors
Primary Colors
Primary Colors
Primary Colors
Primary 100
#
F85757
Primary 100
#
F85757
Primary 100
#
F85757
Neutral Colors
Neutral Colors
Neutral Colors
Neutral 100
#
FFFFFF
Neutral 100
#
FFFFFF
Neutral 100
#
FFFFFF
Neutral 200
#
F9F9F9
Neutral 200
#
F9F9F9
Neutral 200
#
F9F9F9
Neutral 300
#
F6F6F6
Neutral 300
#
F6F6F6
Neutral 300
#
F6F6F6
Neutral 400
#
E9E9E9
Neutral 400
#
E9E9E9
Neutral 400
#
E9E9E9
Neutral 500
#
B7B7B7
Neutral 500
#
B7B7B7
Neutral 500
#
B7B7B7
Neutral 600
#
8D8D91
Neutral 600
#
8D8D91
Neutral 600
#
8D8D91
Neutral 700
#
616066
Neutral 700
#
616066
Neutral 700
#
616066
Neutral 800
#
222223
Neutral 800
#
222223
Neutral 800
#
222223
Typography
Typography
Typography
Fonts
Fonts
Fonts
Onest
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Kk Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Display
Display
Display

Text style

Heading H1

Size:
48
px
Line Height:
1.25
em
Weights:
Bold
Text style

Heading H2

Size:
32
px
Line Height:
1.37
em
Weights:
Bold
Text style

Heading H3

Size:
22
px
Line Height:
1.36
em
Weights:
Bold
Text style

Heading H4

Size:
20
px
Line Height:
1.4
em
Weights:
Bold
Text style
Heading H5
Size:
18
px
Line Height:
1.25
em
Weights:
Bold
Text style
Heading H6
Size:
16
px
Line Height:
1.3
em
Weights:
Bold
Text style
Text 500
Size:
22
px
Line Height:
1.18
em
Weights:
Medium
Text style
Text 400
Size:
20
px
Line Height:
1.1
em
Weights:
Medium
Text style
Text 300
Size:
18
px
Line Height:
1.22
em
Weights:
Medium
Text style
Text 200
Size:
16
px
Line Height:
1.37
em
Weights:
Medium
Text style
Text 100
Size:
14
px
Line Height:
1.15
em
Weights:
Medium
Paragraph
Paragraph
Paragraph
Text style
Paragraph Default - Gravida vulputate scelerisque dui at aliquam at. Nec purus nisl a tellus velit tellus.
Size:
18
px
Line Height:
1.5
em
Weights:
Medium
Buttons
Buttons
Buttons
Primary Button
Primary Button
Primary Button
Secondary Button
Secondary Button
Secondary Button
Primary Square Button
Primary Square Button
Primary Square Button
Lists
Lists
Lists
Default Lists
Default Lists
Default Lists
Default
Default
Default
Default
Default
Default

1.

Default

1.

Default

1.

Default
Default Lists
Default Lists
Default Lists
Default
Default
Default
Default
Default
Default

1.

Default

1.

Default

1.

Default
Social Media Icons
Social Media Icons
Social Media Icons
Icons
Icons
Icons
Inputs
Inputs
Inputs
Text Inputs
Text Inputs
Text Inputs
Default Input
Default Input
Default Input
Text Inputs
Text Inputs
Text Inputs
Text Input
Text Input
Text Input
Checkboxes
Checkboxes
Checkboxes
Radio Buttons
Radio Buttons
Radio Buttons

Radio

Radio

Badges
Badges
Badges
Primary Badge
Primary Badge
Primary Badge
Secondary Badge
Secondary Badge
Secondary Badge