Jump to content

How to design a 'Choose your Mood' landing page

Recommended Posts

Hi everyone,

I have a client who would like me to create a landing page/welcome page before entering their main website. They'd like there to be two buttons with text prompting them to 'Choose their Mood'. The user then selects 'Day' or 'Night' - leading them to the main website in either a light colour pallet or dark (pending on their choice). The main website's content would be identical in both 'day' or 'night' formats - the only difference being a change in the colour pallets.

 

Is this possible? Or overly complicated? I'm looking for any and all the guidance I can get! Thanks in advance,

Gabrielle 

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

First, with Welcome Page. You can create a standard page, add two buttons. I think you can do this by yourself?

Next, light/dark color palette, You will need to use code in this case. 

Can you share link to your site? Which plan: Personal, Business, Commerce... do you use?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 3 weeks later...
On 6/14/2022 at 4:57 AM, tuanphan said:

First, with Welcome Page. You can create a standard page, add two buttons. I think you can do this by yourself?

Next, light/dark color palette, You will need to use code in this case. 

Can you share link to your site? Which plan: Personal, Business, Commerce... do you use?

Hey, thanks for responding! It's a personal site for a client. I can't post the link publicly (yet). Would you anticipate the coding for the light/dark color palette to be quite complex? I can get as far as designing both light/dark website(s) + the landing page with 2 buttons. 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.