pingus

byNafiu Abdulrazaq

Build a complete, responsive meme website called PINGUS WORLD for the Solana meme coin PINGUS ($PINGUS). DESIGN AND BRANDING Use my three uploaded PINGUS images throughout the website. Preserve the original pink character, thick black outlines, goofy expressions, rainbow propeller hat, and lollipop. Do not replace the artwork with generic characters or unrelated AI-generated images. Style: playful, hand-drawn, cartoon-inspired. Colors: pink (#FFB6C1), pale pink (#FFF0F3), white (#FFFFFF), and black (#111111). Use rounded fonts, thick black borders, comic-style cards, subtle shadows, doodles, and playful animations. Maintain this visual identity throughout the entire website. Avoid generic crypto templates, excessive gradients, and glossy 3D graphics. 1. NAVIGATION Create a responsive navigation bar with the PINGUS logo and links to About, Playground, Community, and Token. Include a prominent BUY $PINGUS button linking to: https://pump.fun/coin/7uhdNpeqQpE4YNe3xH47A38ziKDqP1r18x8Pcrqhpump?share Implement smooth scrolling and a mobile hamburger menu. 2. HERO SECTION Use the original colorful PINGUS illustration wearing the propeller hat and holding the rainbow lollipop. Headline: "PINGUS IS JUST PINGUS." Subtitle: "No thoughts. Just vibes. Probably drooling." Description: "Meet PINGUS, the pinkest little creature on Solana. A goofy meme, a colorful hat, a rainbow lollipop, and absolutely nothing going on upstairs." Buttons: - BUY $PINGUS - ENTER PINGUS WORLD Make the second button scroll to the playground. Add a scrolling ticker: "$PINGUS • JUST A LITTLE GUY • PINGUS FOREVER • NO THOUGHTS" Add subtle character-bouncing animations without distorting the original artwork. 3. CHARACTER SHOWCASE Create three illustrated cards: CLASSIC PINGUS: Use the original classic character. "Just a little pink guy. Living his life. Doing absolutely nothing productive." SNIFFLES: Use the original two-character illustration with blue drips. "Sometimes things get weird. Sometimes things get weirder. That's just PINGUS." PARTY PINGUS: Use the colorful character with the propeller hat and lollipop. "Hat on. Lollipop acquired. Brain offline." Use pink backgrounds, thick black outlines, and playful hover effects. 4. INTERACTIVE PINGUS PLAYGROUND Heading: "WELCOME TO THE PINGUS PLAYGROUND" Implement three functional features: A. BOUNCE THE PINGUS A button triggers a jumping animation, decorative stars, and the message: "PINGUS HAS ACTIVATED." B. MOOD SELECTOR Allow users to select HAPPY, CONFUSED, SNIFFLY, and COOL. Use the supplied images and appropriate captions. Do not fabricate nonexistent original images. C. RANDOM PINGUS GENERATOR A button labeled "GIVE ME A PINGUS" randomly displays an available PINGUS image and a funny caption. Example captions: - "PINGUS HAS ARRIVED." - "NO THOUGHTS DETECTED." - "THE PINGUS HAS SPOKEN." - "BRAIN STATUS: LOADING..." - "WE ARE SO PINGUS." - "ABSOLUTELY NOTHING IS HAPPENING." All interactions must work without registration or wallet connections. 5. PINGUS LORE Heading: "THE LEGEND OF PINGUS" Display this story alongside the original artwork: "Somewhere between a doodle and a fever dream, PINGUS appeared. Nobody knows exactly what PINGUS is thinking. Nobody knows why the hat spins. Nobody knows why the lollipop is rainbow-colored. Some say PINGUS is a penguin. Others say PINGUS is just a little guy. PINGUS doesn't care. PINGUS simply exists. And honestly? That's enough." Style the section like a hand-drawn comic. 6. COMMUNITY Heading: "THE PINGUS CULTURE" Create attractive social cards linking to: Official X: https://x.com/pingus_fans X Community: https://x.com/i/communities/1946881561472987531 TikTok: https://www.tiktok.com/@pingus_fans?_r=1&_t=ZS-9Ai0860Rquv Add a meme-sharing section: "GOT A PINGUS MEME? THE INTERNET NEEDS TO SEE IT." Include a SHARE YOUR PINGUS button linking to the official X account. Open external links in new tabs. 7. TOKEN SECTION Heading: "A LITTLE GUY. A LITTLE COIN." Display: Token: PINGUS Ticker: $PINGUS Network: Solana Contract address: 7uhdNpeqQpE4YNe3xH47A38ziKDqP1r18x8Pcrqhpump Add a working copy-address button with the confirmation: "PINGUS ADDRESS COPIED!" Create three buttons: BUY ON PUMP.FUN: https://pump.fun/coin/7uhdNpeqQpE4YNe3xH47A38ziKDqP1r18x8Pcrqhpump?share BUY ON JUPITER: https://jup.ag/tokens/7uhdNpeqQpE4YNe3xH47A38ziKDqP1r18x8Pcrqhpump VIEW DEXSCREENER: https://dexscreener.com/solana/3P3ik27ZvVFDvL3CiRyFd69ioo7XTvTB1i5p12MAFJq6 Make Pump.fun the primary button. Do not implement wallet connections, transaction signing, or requests for private keys or seed phrases. Do not invent token prices, market capitalization, liquidity, trading volume, or holder counts. Include a disclaimer explaining that cryptocurrency is volatile and profits are not guaranteed. 8. FOOTER Include the PINGUS illustration, PINGUS WORLD branding, social links, token links, and copyable contract address. Footer slogan: "MADE WITH ZERO THOUGHTS AND MAXIMUM PINGUS ENERGY." 9. TECHNICAL REQUIREMENTS Use React and TypeScript if supported. Build a functional website, not a static mockup. Use reusable components and local image assets. Ensure all buttons, navigation links, animations, and interactive features work. Make the website responsive on desktop, tablet, and mobile. Include accessible controls, descriptive image alt text, keyboard navigation, reduced-motion support, and optimized images. Add page title: "PINGUS ($PINGUS) — Just a Little Guy" Meta description: "Meet PINGUS, the pinkest little guy on Solana. Explore the playground, discover the lore, and join the community." Do not add unnecessary databases, user authentication, or wallet integrations. 10. DEPLOYMENT AND FINAL CHECKS Prepare the website for production deployment. If using Vite, configure: Build command: npm run build Output directory: dist Ensure the website can be deployed to DigitalOcean App Platform or another static hosting service. Before finishing, verify that: - All original images load correctly. - The character artwork is not distorted. - All social and token links work. - The copy-address button works. - The playground interactions function correctly. - The mobile layout works. - There are no broken links, missing assets, or build errors. FINAL GOAL: Create a polished, funny, interactive PINGUS meme universe that preserves the original hand-drawn graphics throughout the entire website and encourages visitors to explore, share memes, join the community, and discover $PINGUS.

Landing
Landing

Comments (0)

No comments yet. Be the first!

Project Tasks

28 planning tasks
#1

Generate system requirement document

6m 3s0.05 cr used
Done
#2

Generate personas & user flows

0m 5s0.05 cr used
Done
#7

Create flow for PINGUS World visitor

0m 4sCredits in parent
Done
#8

Landing

31m 48sCredits in subtasks
Done
#30

Fix Landing review findings: Q2 as reviewed now: `frontend/src/pages/Landing.jsx` still… (+2 more)

0m 59s0.02 cr used
Error
#29

Fix Landing review findings: Hero uses the wrong PINGUS artwork: the requested… (+6 more)

0m 39s0.02 cr used
Done
#28

Fix Landing review findings: Hero uses the wrong PINGUS artwork: the requested… (+6 more)

1m 51s0.02 cr used
Done
#22

Fix Landing: Required landing-page sections are missing from the rendered page. renders only…

4m 25sCredits unavailable
Error
#24

Fix Landing: The reduced-motion ticker exposes a clipped, non-scrollable text line. In , the visible…

4m 25sCredits unavailable
Error
#27

Fix Landing: The Landing page omits the required character showcase, playground interactions, lore…

4m 25sCredits unavailable
Error
#13

Landing / Navigation

3m 6s0.75 cr used
Done
#14

Landing / Hero

4m 1s0.75 cr used
Done
#15

Landing / Ticker

1m 43s0.75 cr used
Done
#16

Landing / Footer

1m 27s0.75 cr used
Done
#21

Fix Landing: Hero uses the wrong PINGUS artwork: the requested propeller-hat-and-lollipop…

3m 4sCredits unavailable
Done
#23

Fix Landing: The requested navigation links are absent from the visible desktop navigation and are…

3m 4sCredits unavailable
Done
#25

Fix Landing: Anchor destination '#playground' has no matching rendered element ID

3m 24sCredits unavailable
Done
#26

Fix Landing: The hero uses the classic PINGUS image () instead of the required…

3m 4sCredits unavailable
Done
#17

Retry First Page

2m 34s0.02 cr used
Error
#18

Retry First Page

1m 52s0.02 cr used
Error
#19

Retry First Page

3m 9s0.02 cr used
Error
#20

Retry First Page

12m 0s0.02 cr used
Done
#9

About

Credits in subtasks
Backlog
#10

Playground

Credits in subtasks
Backlog
#11

Community

Credits in subtasks
Backlog
#12

Token

Credits in subtasks
Backlog
#5

Architecture

0.05 cr needed
Backlog
#6

Workspace task plan

0.05 cr needed
Backlog
Landing design preview
Landing: Read hero and ticker
Landing: Open BUY $PINGUS
Landing: Enter PINGUS World
Landing: Open mobile menu
About: Read character cards
About: Read PINGUS lore
Playground: Bounce the PINGUS
Playground: Select a mood
Playground: Give me a PINGUS
Community: Open social card
Community: Share your PINGUS
Token: Read token details
Token: Copy contract address
Token: Copy address manually
Token: Open Pump.fun
Token: Open Jupiter or Dexscreener
Landing: Use footer links
Landing: Copy footer address
Landing design preview
Landing: Read hero and ticker
Landing: Open BUY $PINGUS
Landing: Enter PINGUS World
Landing: Open mobile menu
About: Read character cards
About: Read PINGUS lore
Playground: Bounce the PINGUS
Playground: Select a mood
Playground: Give me a PINGUS
Community: Open social card
Community: Share your PINGUS
Token: Read token details
Token: Copy contract address
Token: Copy address manually
Token: Open Pump.fun
Token: Open Jupiter or Dexscreener
Landing: Use footer links
Landing: Copy footer address