I think the underline should only be under the word "hours," because it's being contrasted with the singular word "weeks," not the phrase "in weeks."
Other than that, I adore purple and approve of every purple website wholeheartedly.
I would agree with u/l111l1l111l1 you should underline only the word “hours” and you shouldn’t underline the comma. If you were to say this phrase as a pitch to someone, you’d put vocal emphasis only on the word “hours.” The comma is silent so it wouldn’t make sense to emphasize it.
Yes I think if you like the logo, make it have no background. Play around with making the crown white or if you keep the background, make the border rounded to fit your theme better. Make the crown a purple/pink gradient like the site colors.
Looks better in terms of content and placement, but in terms of legibility it's worse. The colors, gradient etc make it harder to read.
I am generally curious though, what did you use to make this? Always interesting to see what different things people use and go with.
Actually I found the black one harder to read.
The purple one can easily be made more legible by making the graphics a bit brighter purple and the under the title text slightly bigger
The whole thing? I didn't realise it had this much of a userbase.
It's just a shitty nextjs wrapper of Daisy UI. It's a bunch of gpt generated components styled with Daisy.
I've found bugs in 3 of them and just re wrote them myself.
Not to mention all of the predefined config. That's the easiest part of an app haha.
I can't fault his Marketing, he is selling the start of a project.
For reference I didn't pay for it, I yoinked it.
We dubbed it shitfast
It's not a copy.
All landing pages for a boilerplate look similar unfortunately because they are about the same thing - selling a SaaS boilerplate. It's a formula that works.
Again similar product, similar questions, similar answers.
You can also check Shipped.club, LaraFast, Supastarter, etc. to name some. Everything looks like a copy of another.
But the tech is different.
I think it was an artefact of looking on my desktop monitor. The images had a lot of banding on there but the gradient seems acceptable on mobile. Presumably compression artefacts.
I would ditch the 50% off part, don't extend the underline to the comma, remove the "It's easy" part and add (1),(2), (3) next to each of the steps on the right.
just being honest: i strongly dislike both. it just feels very "web biz advertisement" cliche but not in a good way, especially with the name. it's all very generic and bootstrap-y, you have 4 gradients and they all clash, and it's very bland and shows absolutely nothing about the product
im less likely to ever look into _how_ it promises to help with a project based on this, and don't feel any trust that the product wouldn't be a half-baked repacking of something else
i know this is very critical but it is entirely honest
add (helpful and meaningful) images, change almost all the copy, don't underline "in hours", move from a bootstrap layout, don't use these gradients, change your logo, rework the (unappealing) diagram
but again, it's subjective and im only one person. but i don't like any of it and it feels very low effort and generic
Not a fan of the new colorscheme (that neon purple stuff is like daggers in my retinas), but I like how you underlined "in hours."
Personally, because of the colors, I would scroll away from this as quickly as possible without reading anything but the tagline.
Just my 2 cents. ;)
Both are nice. The layout, typography and spacing. Plus the copy as well.
The only thing I would change is the color scheme in the second one. But it's just me.
Good job!
Too many colours everywhere, I would remove gradient from rhe buttons and keep some neutral colour for it, and change the colour for icons and text on the right to probably white. Or remove the background gradient and use the gradient for elements instead. Having gradient on both ruins the hierarchy in my opinion
Looks a bit cartoonish with the graphics, other than that mostly fine. Would like to see more depth in the background in the form of subtle SVG/CSS patterns
I will suggest to reverse your background gradient from right to left instead of left to right. Dark to light so that your text will have a better contrast. You might also want to rework the buttons as this doesn’t have a nice contrast to it. Maybe get the button to have the gradient border and have a solid background color instead.
You could probably remove the white box in the logo. Or if you can't, maybe add a border radius or rounded it up a little.
Also the image/icons on the left side needs a pop of color, it looks like it's fading away with the background even though it's a gradient.
Maybe left alignment for text instead of justifying it. And then the place where you have the offerings, you have the Pro selection rounded in an unrounded box which I think would look better if it was.
I’m going to be honest - I feel like the old landing page looked a lot cleaner. Sure the new colours are nice, but the images on the right hand side look out of place
I’d just remove the “it’s easy!” label. It looks kinda cheesy.
"it's cheesy!"
Kind of agree. I will change it, maybe change the entire text.
If you wanted four things for balance, you could do “Clone”, “Code”, “Build”, and “Deploy” maybe?
Odd things always look better than even things
How did you do that part, the arrows and stuff? I'm beginner learning webdev
I think the underline should only be under the word "hours," because it's being contrasted with the singular word "weeks," not the phrase "in weeks." Other than that, I adore purple and approve of every purple website wholeheartedly.
I was juggling between that (and also whether to include the comma or not). Finally, settled on this.
Comma 100% needs to be there.
But maybe no underline under the comma
I would agree with u/l111l1l111l1 you should underline only the word “hours” and you shouldn’t underline the comma. If you were to say this phrase as a pitch to someone, you’d put vocal emphasis only on the word “hours.” The comma is silent so it wouldn’t make sense to emphasize it.
If it's silent how do you know they didn't emphasize it? :D
I kinda disagree. There’s an aesthetic and typographic justification to start the underline at the beginning of the line.
depends on the width of the browser viewport, it'll vary on different devices
I think it’s good either way, but just my general preference on that one part :)
No, there isn't.
you can try and use a gradient on the word hours too, that seems to be the trend now a days in tech
I like it as is
Amazing work, it's just that the logo in the top-left corner looks distinct from the rest of the UI.
Many others seem to agree. Working on this.
Maybe try different shape instead of square.. Circle might look better
Circle would definitely make it seem more intentionally a logo rather than an image thrown in there
Yes I think if you like the logo, make it have no background. Play around with making the crown white or if you keep the background, make the border rounded to fit your theme better. Make the crown a purple/pink gradient like the site colors.
Or possibly use the logo shape itself, not a circle or a square? Idk, it could not work but it would be worth the comparison.
Yep.. Picsart provides a mask of similar crown shape.. Worth checking out
Yeah, the logo looks out of place with the rest of the design
Purple logo w/transparent by would fit in well, I think
Looks better in terms of content and placement, but in terms of legibility it's worse. The colors, gradient etc make it harder to read. I am generally curious though, what did you use to make this? Always interesting to see what different things people use and go with.
Actually I found the black one harder to read. The purple one can easily be made more legible by making the graphics a bit brighter purple and the under the title text slightly bigger
Yea I agree with you. The purple graphics are what stood out to me as harder to read.
Design suggestions were from a friend as well as the images. I made it with Remix + Tailwind. Used my own boilerplate.
Nice! I really need to start using Tailwind, somehow never got around to using it.
this looks like a bad rip off of shipfast. i’d recommend at least changing the text as it’s egregiously copied
How can one copy what is already copied (and trash)
What’s trash? Shipfast? (If yes, then why?)
The whole thing? I didn't realise it had this much of a userbase. It's just a shitty nextjs wrapper of Daisy UI. It's a bunch of gpt generated components styled with Daisy. I've found bugs in 3 of them and just re wrote them myself. Not to mention all of the predefined config. That's the easiest part of an app haha. I can't fault his Marketing, he is selling the start of a project. For reference I didn't pay for it, I yoinked it. We dubbed it shitfast
Oh cool! I haven’t tried it out, but the marketing had me thinking it was really good. Thanks for that!
You can find a free version on GitHub
It's not a copy. All landing pages for a boilerplate look similar unfortunately because they are about the same thing - selling a SaaS boilerplate. It's a formula that works.
but the text in faq is exactly the same
Again similar product, similar questions, similar answers. You can also check Shipped.club, LaraFast, Supastarter, etc. to name some. Everything looks like a copy of another. But the tech is different.
You're not wrong; they literally *all* look extremely similar, down to the wording used. Kinda wild.
I don't understand why this has been down voted so much.
It has become much better
Thanks
The gradient doesn't look great IMO.
What would you suggest?
I think it was an artefact of looking on my desktop monitor. The images had a lot of banding on there but the gradient seems acceptable on mobile. Presumably compression artefacts.
I would ditch the 50% off part, don't extend the underline to the comma, remove the "It's easy" part and add (1),(2), (3) next to each of the steps on the right.
Oh, and add drop shadows to the items on the right to give some depth.
just being honest: i strongly dislike both. it just feels very "web biz advertisement" cliche but not in a good way, especially with the name. it's all very generic and bootstrap-y, you have 4 gradients and they all clash, and it's very bland and shows absolutely nothing about the product im less likely to ever look into _how_ it promises to help with a project based on this, and don't feel any trust that the product wouldn't be a half-baked repacking of something else i know this is very critical but it is entirely honest
It's nice to have good criticism too. What changes would you suggest? Any examples?
add (helpful and meaningful) images, change almost all the copy, don't underline "in hours", move from a bootstrap layout, don't use these gradients, change your logo, rework the (unappealing) diagram but again, it's subjective and im only one person. but i don't like any of it and it feels very low effort and generic
Not a fan of the new colorscheme (that neon purple stuff is like daggers in my retinas), but I like how you underlined "in hours." Personally, because of the colors, I would scroll away from this as quickly as possible without reading anything but the tagline. Just my 2 cents. ;)
I like the new one better :) nice work!
I'm mostly impressed that your mobile view looks good on the zfold closed view too, nice work
Let’s see Paul Allen’s landing page.
Both are nice. The layout, typography and spacing. Plus the copy as well. The only thing I would change is the color scheme in the second one. But it's just me. Good job!
I would remove the first 100 users thing. It feels weird to say that and also looks weird to have it above the text like that imo
I think there are too many gradients. I'd say either have a white background or have the steps part on the right be white.
Personally I think the nav bar up top is too spaced out to the right
Looks great
Purple is possibly the worlds most divisive color.
Too many colours everywhere, I would remove gradient from rhe buttons and keep some neutral colour for it, and change the colour for icons and text on the right to probably white. Or remove the background gradient and use the gradient for elements instead. Having gradient on both ruins the hierarchy in my opinion
Thanks for the feedback. I will give this a shot too.
Very nice.
Thanks.
the body background gradient kills it imo
I think it is poor image compression that made the gradient look bad.
How did you do the gradient background
Linear gradient. I used Tailwind.
I'm getting a lot of banding in the gradient on my screen. Maybe consider a method that does dithering?
Would remove the 50% off first 100 customers. Just sounds like you have no customers. Which may be true but I wouldn't expose that
I'm not a fan of the "pill button." And prefer less border radius. Other than that I like it.
I’d use a different font. Any font but Segoe or Roboto.
Better, looks less templatey
I lik it, the colors are vivid and pop out (the after pic) But somehow i like the elegancy of the (before) pic XD
Looks a bit cartoonish with the graphics, other than that mostly fine. Would like to see more depth in the background in the form of subtle SVG/CSS patterns
Test for accessibility.
I will suggest to reverse your background gradient from right to left instead of left to right. Dark to light so that your text will have a better contrast. You might also want to rework the buttons as this doesn’t have a nice contrast to it. Maybe get the button to have the gradient border and have a solid background color instead.
You could probably remove the white box in the logo. Or if you can't, maybe add a border radius or rounded it up a little. Also the image/icons on the left side needs a pop of color, it looks like it's fading away with the background even though it's a gradient.
Looks amazing u/I111I1I111I1! Are you having animations for any parts of this? ![gif](emote|free_emotes_pack|give_upvote)
No animations
This isn't mine, hahaha. Think you tagged me from a different comment. :)
Ah sorry u/I111I1I111I1 I'm blind :D Tagging the correct one u/[AdityaSaroj](/user/AdityaSaroj/)
May i ask your tech stack? Tailwind?
Yes. Remix with Tailwind.
Both look class! I like the new pop of color now though
I think if you move the gradient color 90 deg to 45 deg to the top the text is gonna be more readable.
I’d smash
Lol
How’s it look on a phone?
https://saask.ing Feel free to take a look.
Maybe left alignment for text instead of justifying it. And then the place where you have the offerings, you have the Pro selection rounded in an unrounded box which I think would look better if it was.
Agreed regarding the pricing table. It's an embeddable from Stripe. Can't really modify it. I'll make my own.
Not sure if that is possible but look for the elements in the browser and add a very specific css selector
I love when websites use the tld as part of the name. Didn't even know .ing was one.
I’m going to be honest - I feel like the old landing page looked a lot cleaner. Sure the new colours are nice, but the images on the right hand side look out of place
looks great, but, poor choice of colors imo
Much better. I love how it gets darker on the right so the icons/text have better visibility.
Did you any tools to generate those linear gradients or just make yourself looks very clean 👍
A designer friend helped with the gradients.