StorefrontEngine: Adaptive Website Design Prompt
From Wikiprompt, the free prompt encyclopedia
StorefrontEngine: Adaptive Website Design Prompt A structured prompt template for generating adaptive, personality-driven website designs with GPT, including layout parameters and verification checks.
Prompt ContentSave
🌐
class StorefrontEngine:
KERNEL = K_DTC # constant genre; NEVER sampled
def __init__(self, BRAND, PRODUCT, CATEGORY):
self.theta = infer(BRAND, PRODUCT, CATEGORY) # personality, palette, copy, variants, menu…
self.P = self.layout_params(self.theta) # A₁: the adaptive vector
def layout_params(self, th): # g(θ): design CHANGES per personality
base = dict(zone=(0.34,0.40,0.26), hero_scale=1.0, hero_rot=0, accent_sat=0.5,
sticker_n=2, deco_density=0.3, type_case="title", motif="neutral")
return match th.personality:
case "loud": base|dict(hero_rot=8, hero_scale=1.15, accent_sat=0.9, sticker_n=3, deco_density=0.7, type_case="UPPER")
case "calm": base|dict(hero_rot=2, hero_scale=1.0, accent_sat=0.3, sticker_n=2, deco_density=0.15)
case "cute": base|dict(hero_rot=5, accent_sat=0.8, sticker_n=3, deco_density=0.5, type_case="UPPER")
case "luxe": base|dict(hero_rot=0, accent_sat=0.2, sticker_n=1, deco_density=0.1)
# … athletic / botanical / nostalgic / technical (total ⇒ every input gets a distinct P)
def build(self):
nav = Nav(logo=L, menu=self. theta. menu, capsule=BLACK(search|div|cart|badge))
hero = ThreeZone(L=Pitch(self.theta.headline, self.theta.pitch,
CTA(self.theta.cta_verb, icon, qty=(-,n,+))),
C=floating_hero(self.theta.hero_angle, scale=self.P.hero_scale,
rot=self.P.hero_rot, shadow=SOFT_CONTACT), # η
R=callouts(self.theta.benefits, icons=SEMANTIC))
stick = stickers(self.theta.sticker_words, n=self.P.sticker_n, over=hero.C) # A₅ real attributes
shelf = Shelf(hue=self.theta.shelf_hue, cards=self.theta.variants, # deep complementary
break_outside=True, price+rating+action=True)
return page(self.KERNEL, self.P, nav, hero, stick, shelf)
def verify(self, page, other_page=None):
assert P(self) != P(other_input) for distinct inputs, "A₁: template paste (no adaptation)"
assert deco_density_outside_focal(page) <= EPS, "A₂: playfulness not rationed"
assert all_tokens_from(self.theta.personality), "A₃: mixed personalities"
assert weight(product)>=weight(headline)>=weight(callouts)>=weight(deco), "A₄ hierarchy"
assert 0.65 <= hero_height(page) <= 0.72, "A₄ composition"
assert sells_category(self.theta.headline) and not vague(self.theta.headline), "A₅"
assert stickers_are_attributes(self.theta.sticker_words), "A₅ ¬generic praise"
StorefrontEngine($ BRAND,$PRODUCT,$PRODUCT_CATEGORY).build()
Sign in to see the full prompt
Continue with:
By logging in, you agree to our Terms of Use and Privacy Policy
Usage
This prompt is designed for use with creative. Copy the prompt content above and paste it into your preferred AI tool.
For best results, you may customize the placeholders (indicated by square brackets or capital letters) with your specific requirements.
References
- Category: creative Prompts
- Source: https://x.com/Gdgtify/status/2086750150257504424
Talk
0 comments