About

Creative block costs designers billable hours. The average freelance web designer spends 2 - 4 hours per project just on the ideation phase before a single wireframe exists. This generator produces complete website concept briefs by combining N independent design dimensions - industry vertical, site typology, visual style, color harmony, typographic pairing, layout pattern, and feature set - yielding a theoretical space of over 50 million unique combinations. Each color palette is computed using HSL harmony rules (complementary, analogous, triadic, split-complementary) rather than pulled from a static list, ensuring chromatic coherence. Typography pairings follow established contrast principles: serif with sans-serif, geometric with humanist. The tool does not replace design judgment. It provides a structured starting point that eliminates the blank-canvas problem.

Limitations: generated concepts assume standard web contexts. They do not account for accessibility-specific constraints like WCAG AAA contrast on every palette swatch, nor do they consider budget or timeline feasibility. Treat each output as a creative brief seed, not a specification document. Pro tip: generate 5 - 10 ideas and cherry-pick elements across them to synthesize a hybrid concept.

Formulas

The generator computes unique concepts by sampling independently across D design dimensions. The total concept space S is the Cartesian product of all dimension cardinalities:

S = D∏i=1 |C_i|

Where C_i is the set of options in dimension i (industry, type, style, etc.).

Color palettes use HSL harmony. For a base hue H₀, complementary offset is:

H_comp = (H₀ + 180) mod 360

Triadic offsets use 120° separation. Analogous uses 30° steps. Split-complementary uses 150° and 210° offsets.

Selection uses weighted probability. Each option o in dimension C_i has weight w_o. Probability of selection:

P(o) = w_o|C_i|∑j=1 w_j

Where w_o = 1 for uniform distribution, or higher for contextually relevant matches (e.g., "Minimalist" style weighted higher for "Portfolio" types).

Reference Data

Website Type	Typical Industry	Key Feature	Avg. Pages	Complexity
Portfolio	Creative / Freelance	Project gallery with filters	5 - 8	Low
E-Commerce	Retail / Fashion	Cart, checkout, product filtering	20 - 100+	High
SaaS Landing Page	Technology / Startups	Pricing table, feature comparison	1 - 5	Medium
Blog / Magazine	Media / Education	Category taxonomy, reading time	10 - 50	Medium
Corporate / Business	Finance / Consulting	Team section, case studies	8 - 15	Medium
Non-Profit / NGO	Charity / Social	Donation integration, impact stats	6 - 12	Medium
Restaurant / Food	Hospitality	Menu display, reservation form	4 - 8	Low
Real Estate	Property / Architecture	Listing search, map integration	10 - 30	High
Event / Conference	Entertainment / Education	Schedule, speaker bios, tickets	5 - 10	Medium
Dashboard / Admin	Technology / Finance	Data visualization, CRUD tables	15 - 40	Very High
Social Network	Community / Media	User profiles, feeds, messaging	20 - 60	Very High
Educational / LMS	Education / Training	Course catalog, progress tracking	15 - 50	High
Directory / Listing	Local Business / Travel	Search filters, reviews, ratings	10 - 25	High
Personal / Resume	Any Professional	Timeline, downloadable CV	1 - 3	Low
Booking / Appointment	Healthcare / Beauty	Calendar, time slots, payments	5 - 12	High
Wiki / Knowledge Base	Technology / Support	Search, nested categories, versioning	50 - 500+	High
Podcast / Audio	Media / Entertainment	Embedded player, episode archive	3 - 8	Low
Photography	Creative / Weddings	Lightbox gallery, client proofing	4 - 10	Medium
Fitness / Wellness	Health / Sport	Class schedule, membership tiers	6 - 12	Medium
Crowdfunding	Startup / Creative	Progress bar, reward tiers, backers	3 - 8	Medium

Frequently Asked Questions

Each palette starts with a random base hue H₀ in HSL space. The generator then applies one of four harmony rules: complementary (180° offset), analogous (30° steps), triadic (120° separation), or split-complementary (150° and 210°). Saturation stays within 40 - 75% and lightness within 45 - 70% to avoid garish or muddy tones. This guarantees any generated palette is usable without manual correction.

Extremely unlikely. With over 50 million theoretical combinations across all dimensions, and each dimension sampled independently using cryptographic-quality randomness via the Web Crypto API, a collision probability per generation is approximately 1 in 50,000,000. The generator also stores the last 50 generated concepts in history and checks against them.

Pairings follow the contrast principle: a display/heading font is matched with a body font from a different classification. Serif pairs with sans-serif. Geometric sans pairs with humanist serif. Monospace pairs with rounded sans. Each pairing in the internal dictionary has been curated based on x-height compatibility and stroke contrast ratios used in professional typographic practice.

Yes. Each website type includes a complexity rating (Low, Medium, High, Very High) and an estimated page count range. A personal resume site suggests 1 - 3 pages at Low complexity, while a social network suggests 20 - 60 pages at Very High complexity. Use the complexity filter to match output to your actual project timeline and budget.

Features are drawn from a type-specific pool. An e-commerce concept pulls from cart systems, product filtering, wishlists, and payment integration. A blog concept pulls from category taxonomies, reading time estimation, and comment systems. There is also a shared pool of universal features (SEO optimization, analytics integration, responsive design) that can appear on any type. The generator selects 3 - 6 features per concept, weighted toward type-specific ones.

Yes. Click the lock icon on any dimension card (Industry, Type, Style, Colors, Typography, Layout, Features). Locked dimensions retain their current value while all unlocked dimensions regenerate. This allows iterative refinement - for example, locking an industry and style while exploring different color palettes and typography pairings.