Buttons

This is just a bunch of text that I think will be added to over time and then...
ButtonsCombosGroups
  • Button font is Nexa; weight: 500
  • All buttons have 2px radius with few exceptions
  • An example of an exception is the 'Search' button on the homepage
TopButtonsCombosGroups

Buttons

  • Button font is Nexa; weight: 500
  • All buttons have 2px radius with few exceptions
  • An example of an exception is the 'Search' button on the homepage
  • There are 3 sizes of buttons

Primary button

Large
button-largebtn
Button
button
Small
button-smallbtn

Secondary button

Large
Button-largeBTN-secondaryBTN
Button
Button-secondary
Small
Button-smallbtn-secondarybtn

Unique buttons

Search
important button
o
Filters
icon button
Click me
button full width

Combos

PrimarySecondaryTertiaryClick me
button combos

Groups

  • Button groups can be used as tabs or as radio buttons or checkboxes
  • Careful: Mobile can be an issue with long groups
Tab 1
Tab 2
Tab 3
Tab 5
Primary button group
Tab 1
Tab 2
secondary button group
h
Images
t
Floorplan
n
Virtual tour
f
Styling
l
Furnish
property details group