GoFuckYourself.com - Adult Webmaster Forum

GoFuckYourself.com - Adult Webmaster Forum (https://gfy.com/index.php)
-   Fucking Around & Business Discussion (https://gfy.com/forumdisplay.php?f=26)
-   -   Business What Do You Think Of My New Site?.. (https://gfy.com/showthread.php?t=1389407)

EddyTheDog 03-24-2026 03:34 AM
What Do You Think Of My New Site?..
 
https://damianhill.design/

I decided I was going to take this shit seriously - With a little help from my assistant EddyTheBot I can build pretty much anything - We put this site together and I am pretty happy with it - Hover over things and prepare to be amazed :winkwink: - lol...

I'm still not sure if I am going to keep it mainstream and do a seperate one for adult or just say fuck it, "I am What I Am".....

Mr Pheer 03-24-2026 06:59 AM
Genuine, constructive criticism here...

Instruct your agent to use best webdesign practices, especially for font sizes and contrast ratio.

Quote:
Best practices for website design focus on creating an accessible, readable, and consistent user experience. Key principles include setting body text to at least 16px (1em) for legibility, maintaining high color contrast (at least 4.5:1 for normal text), and using hierarchy to guide users.

Typography Best Practices

Typography is crucial for conveying information effectively and ensuring content is comfortable to read across different devices.

Font Size:

Body Text: Set a minimum size of 16px (1em) for body copy on all devices to ensure most people can read without zooming. For text-heavy pages like blogs, consider increasing this to 18px–20px.

Headings: Use larger font sizes to establish a clear hierarchy. For example, on desktops, H1 might be 32–36px, H2 24–30px, and H3 20–24px. On mobile, scale these down slightly (e.g., H1 to 24–30px) to save space.

Functional/Secondary Text: Captions, navigation items, and footnotes can be slightly smaller, around 12–14px, but should rarely go below this default.

Input Fields: Text inputs must use a font size of at least 16px to prevent iOS browsers from auto-zooming, which can obscure part of the input.

Scale relative: Use a modular scale (like 1.250 or 1.333 ratio) to make headings scale proportionally relative to the body text.

Consistency: Use as few different font sizes as possible across the site.

Font Style & Legibility:

Typefaces: Choose fonts that are easy to read. Limit the number of typefaces to two or three to maintain visual consistency and a professional look.

Weights: Use font weight to enhance contrast between headings and body text. Avoid very thin or hairline weights, as they can be hard to read on older devices. Aim to use no more than three font weights.

Alignment: Most websites benefit from consistent left-aligned text (set flush left), as it provides a constant starting point for the eye. Avoid justified text, which does not display well in web browsers.

Color and Contrast Standards

Accessible color choices are essential for users with visual impairments, including color blindness and low vision, and improve usability for everyone.

Contrast Ratios (WCAG Standards):

Normal Text: Requires a contrast ratio of at least 4.5:1 against the background for WCAG Level AA compliance.

Large Text: Text that is 18pt (approx. 24px) or larger, or 14pt (approx. 19px) and bold, requires a minimum ratio of 3:1.

Interactive Elements: Ensure buttons, forms, and icons have a contrast ratio of at least 3:1 higher.

Highest Standard (Level AAA): For enhanced accessibility, strive for a ratio of 7:1 for normal text and 4.5:1 for large text.

Effective Combinations:

Use dark text on a light background or light text on a dark background.

Avoid combinations of two strong colors (e.g., bright blue on bright yellow) or low-contrast pairings like light gray on white.

Use neutral colors (dark grays, off-whites) to reduce harshness.

Beyond Color:

Never rely solely on color to convey information, indicate actions, or distinguish elements. For example, do not mark error messages only in red; pair them with icons, patterns, or clear text labels.

Links: Differentiate links from surrounding text using both color and another indicator, such as an underline. Links must also have a 3:1 contrast ratio against the surrounding body text.

Readability and Spacing

Proper spacing prevents text from feeling overwhelming and helps readers flow naturally from one line to the next.

Line Height (Leading):

For standard paragraphs, use a line height of at least 1.5 times the font size.

Short headings can have a smaller line height, between 1 and 1.35.

Line Length (Measure):

Control line length to keep reader attention. Most lines should be 45–90 characters long. A target of roughly 66 characters is often ideal for long texts.

Whitespace:

Use whitespace to group related elements and distinguish different sections.

Use unindented paragraphs separated by whitespace on the web. Aim for at least 1em of whitespace between paragraphs.

Layout and Navigation Principles

A successful design guides user behavior and makes key tasks intuitive.

Navigation Best Practices:

Simplicity and Visibility: Keep navigation clear and make it visible. Most people expect to find the main menu at the top of the page.

Descriptive Labels: Use plain, short, descriptive labels (e.g., "Compare plans," "Find pricing") rather than creative or generic terms.

Limit Menu Items: Try not to include more than seven labels in your primary menu to avoid decision fatigue.

Consistency: Keep navigation patterns, labels, and order consistent across all pages. Use active states to show users their current location.

Responsive Design: Optimize navigation for all devices, including using thumb-friendly menu buttons (like a hamburger menu) on mobile.

General UX Principles:

User-Centricity: Design around user goals and research, not business assumptions.

Hierarchy: Use size, color, and contrast to create a visual hierarchy. The primary Call-to-Action (CTA) should be the highest-contrast element and dominating headlines should signal importance.

Scannability: Break content into easy-to-scan headlines and short messaging.

Consistency: Keep layouts, button styles, and patterns standardized across the site to reduce mental effort for the user.
Tell your agent that ^^^

And if you're using Claude Code, absolutely use the frontend design skill and it will stop making your sites look like an Ai agent did it.

/frontend-design — "Create distinctive, production-grade frontend interfaces with high design quality"

It came from Anthropic's official marketplace (frontend-design@claude-code-plugins), 277K+ installs.

:thumbsup

EddyTheDog 03-24-2026 07:12 AM
Quote:
Originally Posted by Mr Pheer (Post 23439358)
Genuine, constructive criticism here...

Instruct your agent to use best webdesign practices, especially for font sizes and contrast ratio.



Tell your agent that ^^^

And if you're using Claude Code, absolutely use the frontend design skill and it will stop making your sites look like an Ai agent did it.

/frontend-design — "Create distinctive, production-grade frontend interfaces with high design quality"

It came from Anthropic's official marketplace (frontend-design@claude-code-plugins), 277K+ installs.

:thumbsup
Ahhh - I really liked it - Now I have to destroy it and start again - Oh well...

EDIT: Seriously - That site was mainly me - EddyTheAgent helped with the coding but the design was 90% me - I like 'Brutalism' and the flashes of blue are cool.....

CaptainHowdy 03-24-2026 07:29 AM
Looks scary . . .

adultinnovation 03-24-2026 07:41 AM
you're 20 years late

Mr Pheer 03-24-2026 07:43 AM
Quote:
Originally Posted by EddyTheDog (Post 23439359)
Ahhh - I really liked it - Now I have to destroy it and start again - Oh well...

EDIT: Seriously - That site was mainly me - EddyTheAgent helped with the coding but the design was 90% me - I like 'Brutalism' and the flashes of blue are cool.....
If you like it and you want it that way then don't change it... but if you want people to stay and hang around, maybe change it some... You dont have to destroy it, simply refine it a bit.

blackmonsters 03-24-2026 07:47 AM
Learn to code and stop trying to sell AI slop.

:2 cents:

Duced 03-24-2026 07:54 AM
Quote:
Originally Posted by blackmonsters (Post 23439371)
Learn to code and stop trying to sell AI slop.

:2 cents:
:1orglaugh:1orglaugh:1orglaugh:1orglaugh


Not bad for a quick 5 minute jobby. Needs more actual content and a more premium typeface.

Bring back the 2advanced era.

EddyTheDog 03-24-2026 10:37 AM
Quote:
Originally Posted by blackmonsters (Post 23439371)
Learn to code and stop trying to sell AI slop.

:2 cents:
I can code, but why would I spend multiple hours putting together a CSS hover effect that an AI can do in seconds - It makes no sense...

INever 03-24-2026 10:40 AM
Quote:
Originally Posted by EddyTheDog (Post 23439395)
I can code, but why would I spend multiple hours putting together a CSS hover effect that an AI can do in seconds - It makes no sense...

even easier.

1000s of free wordpress templates

and free templates at https://html5up.net

fris 03-24-2026 10:43 AM
Quote:
Originally Posted by EddyTheDog (Post 23439359)
Ahhh - I really liked it - Now I have to destroy it and start again - Oh well...

EDIT: Seriously - That site was mainly me - EddyTheAgent helped with the coding but the design was 90% me - I like 'Brutalism' and the flashes of blue are cool.....
here are some free designs i have posted using tailwind.

https://free-templates.net/item/news-feed

https://free-templates.net/item/bubble-gum

https://free-templates.net/item/brutal-cams

https://free-templates.net/item/links-list

everything is completely free to use, new templates added all the time.

Duced 03-24-2026 10:49 AM
Quote:
Originally Posted by fris (Post 23439398)
here are some free designs i have posted using tailwind.

https://free-templates.net/item/news-feed

https://free-templates.net/item/bubble-gum

https://free-templates.net/item/brutal-cams

https://free-templates.net/item/links-list

everything is completely free to use, new templates added all the time.
Amazing site Fris! Them designs are awesome. Love the brutalism look. Good Job!

NatalieK 03-24-2026 11:11 AM
on that text you have under the image...

remove the "Just" "them" & "the"

would read easier...

& that image is taking too long to load :thumbsup

adultinnovation 03-24-2026 11:19 AM
lots of armchair designers

EddyTheDog 03-24-2026 11:20 AM
Quote:
Originally Posted by fris (Post 23439398)
here are some free designs i have posted using tailwind.

https://free-templates.net/item/news-feed

https://free-templates.net/item/bubble-gum

https://free-templates.net/item/brutal-cams

https://free-templates.net/item/links-list

everything is completely free to use, new templates added all the time.
They are great - Well done - Not my style though - If i was to build my perfect house, after months of designing it would end up as a black cube in the middle of an empty field :winkwink:...

fris 03-24-2026 12:19 PM
Quote:
Originally Posted by Duced (Post 23439399)
Amazing site Fris! Them designs are awesome. Love the brutalism look. Good Job!
few of them i have turned into wp themes, which will eventually be free. just testing and tweaking some features still.

if interested in any just leave your email and i will give you access to any of them.

https://retroslate.wptailwind.com/
https://windytheme.com/
https://flavor.wptailwind.com/
https://brightsun.wptailwind.com/
https://bluethumbs.wptailwind.com/ (still tweaking)
https://darksense.wptailwind.com/

The Porn Nerd 03-24-2026 12:35 PM
Where are all the cocks??

Niklify 03-24-2026 12:37 PM
Quote:
Originally Posted by fris (Post 23439398)
here are some free designs i have posted using tailwind.

everything is completely free to use, new templates added all the time.
really cool Templates

Duced 03-24-2026 01:22 PM
Quote:
Originally Posted by fris (Post 23439428)
few of them i have turned into wp themes, which will eventually be free. just testing and tweaking some features still.

if interested in any just leave your email and i will give you access to any of them.

https://retroslate.wptailwind.com/
https://windytheme.com/
https://flavor.wptailwind.com/
https://brightsun.wptailwind.com/
https://bluethumbs.wptailwind.com/ (still tweaking)
https://darksense.wptailwind.com/
Bro these are actually amazing. Finally someone that get's it!

Yeah I don't do WordPress no more, too restrictive in building a powerful site.

Rails all the way. Gives me the best toolbelt in my experience.

But your static themes are good. I've been generating similar ones like this. You've done a good job and they are very polished.

This is the perfect UX direction to take in my eyes, obviously taking inspirating from past legendary sites like Babelogger etc.

I haven't checked but you on Tailwind V4 right?

fris 03-24-2026 01:36 PM
Quote:
Originally Posted by Duced (Post 23439452)
Bro these are actually amazing. Finally someone that get's it!

Yeah I don't do WordPress no more, too restrictive in building a powerful site.

Rails all the way. Gives me the best toolbelt in my experience.

But your static themes are good. I've been generating similar ones like this. You've done a good job and they are very polished.

This is the perfect UX direction to take in my eyes, obviously taking inspirating from past legendary sites like Babelogger etc.

I haven't checked but you on Tailwind V4 right?
v3 still, i like the scanning of template files for the classes using tailwind cli, i havent gone to v4 yet.

i been enjoying doing most of my systems in javascript lately. (the free templates platform is javascript)

Duced 03-24-2026 01:45 PM
Quote:
Originally Posted by fris (Post 23439455)
v3 still, i like the scanning of template files for the classes using tailwind cli, i havent gone to v4 yet.

i been enjoying doing most of my systems in javascript lately. (the free templates platform is javascript)
Cool cool, I don't think there are that many breaking changes just obviously the config file is different now.

I try to keep up to date with the Rails ecosystem for the modern web.

Yeah you done a good job if they are JavaScript? They preview out to actual HTML/CSS which is good, none of the React DOM structure crap.

WordPress must have evolved now because the page transitions etc on them themes you worked on are crazy good. You leveraging the built in REST API they have for it now?

Can't believe you're giving away all this for free. This is a goldmine hahah!!!!

Thanks Fris!!!!!!!!!!!!!!!!!!!!

roxpoxy 03-24-2026 01:50 PM
Quote:
Originally Posted by EddyTheDog (Post 23439395)
I can code, but why would I spend multiple hours putting together a CSS hover effect that an AI can do in seconds - It makes no sense...
So that you understand how it works, and can tweak it, refine it.
right now the scramble text hover effect is nice, but it screws with the container element height, and makes it look sloppy in the lower part of the site.

If you "understand" the css/javascript behind the effect, this is a quick fix, otherwise it's a fun exercise in prompt debugging.

fris 03-25-2026 04:03 AM
Quote:
Originally Posted by Duced (Post 23439461)
Cool cool, I don't think there are that many breaking changes just obviously the config file is different now.

I try to keep up to date with the Rails ecosystem for the modern web.

Yeah you done a good job if they are JavaScript? They preview out to actual HTML/CSS which is good, none of the React DOM structure crap.

WordPress must have evolved now because the page transitions etc on them themes you worked on are crazy good. You leveraging the built in REST API they have for it now?

Can't believe you're giving away all this for free. This is a goldmine hahah!!!!

Thanks Fris!!!!!!!!!!!!!!!!!!!!
ya, i created a preview route that will preview the html. the system also has a screenshot generator that will create the screenshot and thumb based on the html i upload.

if you want to check it out, ive made the system free.

https://github.com/chrismccoy/free-downloads

Duced 03-25-2026 08:01 AM
Quote:
Originally Posted by fris (Post 23439538)
ya, i created a preview route that will preview the html. the system also has a screenshot generator that will create the screenshot and thumb based on the html i upload.

if you want to check it out, ive made the system free.

https://github.com/chrismccoy/free-downloads
Awesome man. Code base looks clean as fuck!


All times are GMT -7. The time now is 09:39 PM.

Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2026, vBulletin Solutions, Inc.
©2000-, AI Media Network Inc123