Want to get this as ready made template with just 1 CLICK INSTALL?
Face Replacement Prompt:
Can you please recreate this avatar image but change the face with the face provided on the 2nd image. Keep the same avatar glossy style and also keep the sunglass, hair style, teeth everything same, just change the face. Also please change the background to solid yellow color.
Banner Section Prompt:
I want to create a banner section like the layout of the 1st image. A headshot image at the middle and a big bold text behind the image like you can see on the layout. There is an arrow image with the text right after “I’M”. The text content should be slightly overlapped by the headshot image. At the top, I also want a menu of 4 items spreading evenly. At the bottom, on the left I want a short paragraph and on the right a button: "CONTACT ME". Try to make the button style like the button provided as the 2nd image here. Also behind the headshot make an animated gradient effect which looks aesthetic. Make the overall theme of the website minimal but really modern with less text and content, like you can see on the 3rd image reference. But make all the content look big and in uppercase like the text, buttons, etc. Also make sure there is as little empty space as possible. Make the Font: Kanit. Make the background dark. After the 3rd image, I also attached the Headshot and arrow image.
Please make these following changes: - increase the title font size to 13vw - make the image width to 30vw - for the left and right big text, they would be slightly overlapped by the headshot image. I mean slightly, not too much, so these would be readable. And for the top “HELLO” text it should be cover its 50% height by the headshot image - adjust the arrow size same to the text size - adjust the background glowing effect size so it will be slightly visible from behind the headshot image - for the bottom text and button, make the bottom gap 90px and edges gap 75px - there should be no blue gradient with the title text - make sure the whole banner section height will be 100vh - change the menu like this: HOME, ABOUT, WORK, CONTACT
Headshot Mouse Move Prompt:
Now, with the headshot image, I want to add a mouse move effect. With the mouse move, the headshot should move slightly towards the mouse. Please make it smooth.
Infinite Slider Prompt:
Now. under the banner section create an infinite auto sliding image slider. The slides will move infinitely with loop. Basically, I want 2 rows of that slider, 1st one goes from right to left and 2nd one left to right. I also provide the 12 images: first 6 for the 1st row, the last 6 is for the 2nd row. Use border radius with each image. Keep everything big and try to match the design with the previous section so the whole website has the same design style.
We can see the same images in both rows. I have provided you 12 images. among them use the first 6 images for the top row, and the remaining for the 2nd row.
Ring Image Text Change Prompt:
Keep everything same just change the background to a solid red color so later we can easily remove the background. Also make the text ALEX
About Section Prompt:
Now create an about section with a big title: "ABOUT" and a minimal paragraph text, and a button: "SEE MORE". The text and button style would be the same as our banner section. Also add these 4 images inside the section randomly to reduce the whitespace. These images also should move with the mouse.
Services Section Prompt:
Let's create our services section where I want to showcase 5 services with the layout provided. A big heading at the top. And the service items with a big number and a title and paragraph and on the right an image. I also attached the 5 images. Make the paragraph minimal and use a slight border between the item. Make this section background light color with border radius.
- the title "SERVICES" should be in solid color, not gradient - reduce the horizontal gap between the numbers and the texts - right side images need to be small and in 1:1 aspect ratio - the padding for each items need to be reduced - the paragraph should be in one line, make it short if needed
Projects Section Prompt:
We want to create another section for the projects where we want a big title: "PROJECTS". and then 3 cards. Each card's structure would be like the 1st screenshot provided. One big number and the title with the category name and on the right side a button: "SEE LIVE". Under that we want 3 images with this structure. I also provide all the images from the 2nd image. Keep the card to a fixed width, not have to be full width. And when we scroll each card will come and stick over the screen, one over another.
Contact Section Prompt:
Now let’s create a contact section. I want to keep it simple, just a heading: "CONTACT" Then a minimal paragraph and finally a button: "EMAIL ME" which will link to the mail: contact@makedreamwebsite.com keep the text style same as our about section.
Perfect! Just reduce the gap between the contact section and the projects section
Initial Responsive Prompt:
Right now, I’m viewing this website from a 1727px wide device and it looks perfect. Now, can you please make this whole website responsive for the lower width devices.
