STYLEGUIDE & COMPONENTS

Starting the website with global typography is the easiest way to build a scalable website.

Headings H1-H6

Modern Real Estate Requires Modern Tech Solutions

Hero-ONE H1 / 45px / 1.3 EM

Modern Real Estate Requires Modern Tech Solutions

H1 / 40px / 1.3 EM

Revolutionising Proptech with our state-of-the-art hardware & software

H2 / 35px / 1.3 EM

Welcome the innovation in your real estate

H3 / 30px / 1.3 EM

Velis Real Estate Tech created its Singu brand

H4 / 25px / 1.3 EM
Make a Good First Impression
H5 / 20px / 1.3 EM
How Singu Helps Your Business
H6 / 18px / 1.3 EM

Paragraphs - Small, Normal & Big

We understand that you have a business to run and that introducing our new software solution might seem challenging for you. Don’t worry - the implementation is focused on saving your time. Chosen project coordinators from both sides will take the entire process into their own hands, ensuring the process is easy, fast, and efficient.

Small Paragraph/ 14px / 1.6 EM

We understand that you have a business to run and that introducing our new software solution might seem challenging for you. Don’t worry - the implementation is focused on saving your time. Chosen project coordinators from both sides will take the entire process into their own hands, ensuring the process is easy, fast, and efficient.

GLOBAL PARAGRAPH/17px/ 1.6EM

We understand that you have a business to run and that introducing our new software solution might seem challenging for you. Don’t worry - the implementation is focused on saving your time. Chosen project coordinators from both sides will take the entire process into their own hands, ensuring the process is easy, fast, and efficient.

Large Paragraph / 20px/ 1.6EM

Labels - Small, Normal & Big

This is some text inside of a div block.
Small Label/ 12px / 1.4 EM
This is some text inside of a div block.
Normal Label/ 14px/ 1.4EM
This is some text inside of a div block.
Normal Label/ 16px / 1.8 EM

Primary, Secondary & Tertiary Buttons

Request A Demo
Velis Primary CTA
Request A Demo
Velis Secondary CTA
Request A Demo
SINGU Primary CTA
Request A Demo
Velis Secondary CTA
Request A Demo
Velis Primary CTA (Gradient)
Request A Demo
Velis Secondary CTA (GRADIENT)
Request A Demo
SINGU Primary CTA (Gradient)
Request A Demo
SINGU Secondary CTA (GRADIENT)
Read More
VELIS TERTIARY BUTTON (SKY BLUE)
Read More
VELIS TERTIARY BUTTON (NAVY BLUE)
Read More
SINGU TERTIARY BUTTON (GREEN)

Misc

Workflow ecosystem run it up the flag pole what the. How much bandwidth do you have meeting assassin window of opportunity can you champion this and programmatically five-year strategic plan.
Global Block QUote / 18px / 1.4 EM
  • I know you've made thirty iterations but can we go back to the first one
  • I know you've made thirty iterations but can we go back to the first one
  • I know you've made thirty iterations but can we go back to the first one

Rich Element - Testing how styles fit together

Girl sitting on her laptop and smiling for the camera
Image taken from unsplash

How UX Designers Use Psychology to Manipulate Their Users

When I’m asked what I do for a living, I say “I’m a UX designer!” which is often responded to with, “Cool … so what is that exactly?”.

And then I quote my favourite definition of UX Design:

“The application of psychology to the design of technology” — Robert Hoekman Jr

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Could you solutionize that for me im not sure, try something else, or I want you to take it to the next level, nor use a kpop logo that's not a kpop logo! ugh but the target audience is makes and famles aged zero and up, so jazz it up a little.

  • Can you put "find us on facebook" by the facebook logo?
  • Can my website be in english? so can you make the blue bluer?

We try your eye, but can you change everything?. We don't need a backup, it never goes down! that's going to be a chunk of change or make it pop. Can you help me out? you will get a lot of free exposure doing this could you rotate the picture to show the other side of the room? can you make it stand out more? and we try your eye, but can you change everything? could you rotate the picture to show the other side of the room?

  1. This is what a numbered point looks like