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!

System Requirements

System Requirements Document for pingus

1. Introduction

PINGUS WORLD is a responsive, interactive meme website for the Solana meme coin PINGUS ($PINGUS). It introduces visitors to the PINGUS character and lore, provides playful browser-based interactions, links to the community and external token destinations, and presents the specified token information.

The intended audience is the general PINGUS World visitor: someone exploring the character, using the playground, learning about the token, or following community links. The site is public and does not require registration or wallet connections.

Page 1 of 27

2. System Overview

PINGUS WORLD is a public, single-page website with five separately navigable destinations: Landing, About, Playground, Community, and Token. The responsive navigation links to About, Playground, Community, and Token; the Landing destination is the public entry. The site uses the three supplied PINGUS images as local artwork, preserving their original appearance and proportions.

The website includes the specified hero, character showcase, lore, playground interactions, community links, token details, copy-address controls, disclaimer, and footer. Visitors interact directly with the site; external social and token services own their respective destinations and any activity after a visitor follows a link.

The site does not provide wallet connections, transaction signing, requests for private keys or seed phrases, registration, or invented token market statistics. It does not require a database or user authentication.

2a. Product Interpretation and Delivery Boundary

PINGUS WORLD is a public-facing static website. Its first-party pages provide the accepted content and browser interactions; external providers own the linked social and token destinations. Playground interactions work without registration or wallet connections. Token links navigate to external services and do not initiate transactions within PINGUS WORLD.

The current scope is limited to the specified website, its supplied artwork, its local interactions, and its external links. No future requirements were supplied.

Page 2 of 27

2b. Source Content Inventory

The three authoritative uploaded images are product content and brand assets. They must be used as original PINGUS artwork throughout the website, preserving their appearance. The supplied images depict:

  • A pink, thickly outlined PINGUS character with a goofy expression.
  • Two pink PINGUS characters with blue drips.
  • A pink PINGUS character wearing a colorful propeller hat and holding a rainbow lollipop.

The images are provided at:

  • chat_media/36f03c73-9c5f-4b7e-aca1-66b3249a6200/c6241ff2_IMG_1266.png
  • chat_media/36f03c73-9c5f-4b7e-aca1-66b3249a6200/3ca4416b_9557E71F-EEFA-47F0-B8ED-08D109F3BB6B.jpeg
  • chat_media/36f03c73-9c5f-4b7e-aca1-66b3249a6200/9aee6d85_57CC2CC0-7A4E-4845-9379-94646DEE64A7.jpeg

The following exact product copy and values are required:

Navigation and hero

  • Navigation links: About, Playground, Community, Token.
  • Prominent button: BUY $PINGUS, linking to https://pump.fun/coin/7uhdNpeqQpE4YNe3xH47A38ziKDqP1r18x8Pcrqhpump?share
  • 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.
  • Hero buttons: BUY $PINGUS and ENTER PINGUS WORLD; the latter scrolls to the playground.
  • Ticker: $PINGUS • JUST A LITTLE GUY • PINGUS FOREVER • NO THOUGHTS
Page 3 of 27

Character showcase

  • CLASSIC PINGUS — Just a little pink guy. Living his life. Doing absolutely nothing productive.
  • SNIFFLES — Sometimes things get weird. Sometimes things get weirder. That's just PINGUS.
  • PARTY PINGUS — Hat on. Lollipop acquired. Brain offline.

Playground

  • Heading: WELCOME TO THE PINGUS PLAYGROUND
  • Bounce result: PINGUS HAS ACTIVATED.
  • Mood choices: HAPPY, CONFUSED, SNIFFLY, COOL
  • Generator button: GIVE ME A PINGUS
  • Generator captions: PINGUS HAS ARRIVED., NO THOUGHTS DETECTED., THE PINGUS HAS SPOKEN., BRAIN STATUS: LOADING..., WE ARE SO PINGUS., ABSOLUTELY NOTHING IS HAPPENING.

Lore

  • Heading: THE LEGEND OF PINGUS
  • Story:

    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.

Page 4 of 27

Community

  • Heading: THE PINGUS CULTURE
  • 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
  • Meme-sharing message: GOT A PINGUS MEME? THE INTERNET NEEDS TO SEE IT.
  • Button: SHARE YOUR PINGUS, linking to the Official X URL above.
  • External community links open in new tabs.

Token

  • Heading: A LITTLE GUY. A LITTLE COIN.
  • Token: PINGUS
  • Ticker: $PINGUS
  • Network: Solana
  • Contract address: 7uhdNpeqQpE4YNe3xH47A38ziKDqP1r18x8Pcrqhpump
  • Copy confirmation: PINGUS ADDRESS COPIED!
  • 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
  • Pump.fun is the primary token action.
  • Include a disclaimer that cryptocurrency is volatile and profits are not guaranteed.

Footer

  • Include PINGUS illustration, PINGUS WORLD branding, social links, token links, and a copyable contract address.
  • Slogan: MADE WITH ZERO THOUGHTS AND MAXIMUM PINGUS ENERGY.
Page 5 of 27

Metadata

  • 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.

2c. Page Content and Component Coverage

Landing

  • Information and state: Public entry with PINGUS WORLD branding, hero headline, subtitle, description, original propeller-hat-and-lollipop PINGUS illustration, ticker, and footer. The page title and meta description use the exact values in the Source Content Inventory.
  • Primary actions: BUY $PINGUS opens the specified Pump.fun URL. ENTER PINGUS WORLD scrolls to Playground.
  • Supporting actions: Responsive navigation links to About, Playground, Community, and Token. A mobile hamburger menu exposes the same navigation destinations. Smooth scrolling is used for in-page navigation.
  • Domain entities: PINGUS character artwork, PINGUS WORLD brand, token link, navigation destinations.
  • Components: Responsive navigation, hero copy and buttons, original character image, scrolling ticker, footer.
  • States and recovery: The hero and navigation render as public content without account state. The ticker moves while respecting reduced-motion preferences; in reduced-motion mode, its phrases remain readable in a static or scrollable arrangement. If an image cannot load, the page must not substitute unrelated artwork; the missing local asset must be recoverable and the image’s descriptive alternative text remains available.
Page 6 of 27

About

  • Information and state: The three character showcase cards and the complete PINGUS lore story, presented in a hand-drawn comic style alongside original artwork.
  • Primary actions: Visitor reads the character descriptions and lore.
  • Supporting actions: Navigation continues to Playground, Community, or Token.
  • Domain entities: Classic PINGUS, Sniffles, Party PINGUS, lore story, supplied images.
  • Components: Three illustrated cards with their exact titles and captions; comic-style lore panel with original artwork.
  • States and recovery: Content is available without registration. If an image fails to load, do not fabricate a replacement character image; retain descriptive alt text and allow the asset to be restored.
Page 7 of 27

Playground

  • Information and state: Three independent browser interactions: bounce, mood selection, and random PINGUS generation. No registration or wallet connection is required.
  • Primary actions: Visitor triggers the bounce, selects a mood, or requests a random PINGUS.
  • Supporting actions: Visitor may repeat any interaction or navigate to another destination.
  • Domain entities: Supplied PINGUS images, mood labels and captions, generator captions, bounce animation state.
  • Components: Original-art stage; bounce button and decorative stars; mood selector with four choices; separate random-image and caption result with GIVE ME A PINGUS button.
  • States and recovery: Bounce activation displays PINGUS HAS ACTIVATED. and a jumping animation with decorative stars. Mood selection visibly identifies the selected mood and shows an appropriate caption with a supplied image; do not fabricate nonexistent mood-specific images. The generator displays an available supplied image and one of the specified funny captions. Interactions remain keyboard-operable and their results are announced to assistive technology. Reduced-motion preferences suppress or simplify animation without disabling controls. If an image fails, retain the interaction and descriptive alternative text; do not replace it with invented artwork.
Page 8 of 27

Community

  • Information and state: The PINGUS community heading, three specified social destinations, and meme-sharing invitation.
  • Primary actions: Visitor opens Official X, X Community, TikTok, or SHARE YOUR PINGUS.
  • Supporting actions: Visitor returns to the site or continues to another destination.
  • Domain entities: Official X, X Community, TikTok, meme-sharing invitation.
  • Components: Social cards and meme-sharing callout.
  • States and recovery: External links open in new tabs. The site does not claim to submit or publish a meme; SHARE YOUR PINGUS links to the Official X account. If an external service is unavailable, the visitor remains able to use the site and can retry the link.
Page 9 of 27

Token

  • Information and state: Exact token name, ticker, network, contract address, external token links, and cryptocurrency disclaimer.
  • Primary actions: Visitor copies the contract address or opens the primary Pump.fun link.
  • Supporting actions: Visitor opens Jupiter or Dexscreener.
  • Domain entities: PINGUS token details, contract address, external token destinations, disclaimer.
  • Components: Token information card, copy-address control, Pump.fun primary button, Jupiter and Dexscreener links, disclaimer.
  • States and recovery: Successful copy displays PINGUS ADDRESS COPIED!. If clipboard access fails, the address remains visible and selectable so the visitor can copy it manually. External links navigate to their specified destinations. No wallet connection, transaction signing, private-key or seed-phrase request, or invented market statistics are presented.
Page 10 of 27

3. Functional Requirements

  1. As a PINGUS World visitor, I should be able to enter the public Landing page and understand the PINGUS WORLD identity and purpose.
    Provenance: explicit.
    Lifecycle and acceptance: On visiting the site, the visitor sees the PINGUS branding, exact hero headline, subtitle, description, original propeller-hat-and-lollipop artwork, ticker, and specified page title and meta description. The page is available without registration. If an image fails, it is not replaced with unrelated or fabricated artwork; descriptive alt text remains available and the asset can be restored. The visitor can continue using navigation or the hero actions.

  2. As a PINGUS World visitor, I should be able to navigate to About, Playground, Community, and Token.
    Provenance: explicit.
    Lifecycle and acceptance: The visitor activates a navigation link or mobile hamburger menu and selects a destination. The site scrolls smoothly to the corresponding destination; the mobile menu is usable by keyboard and exposes the same links. Reduced-motion preferences disable smooth motion where appropriate without preventing navigation. The visitor can continue to another destination.

  3. As a PINGUS World visitor, I should be able to follow the prominent BUY $PINGUS link.
    Provenance: explicit.
    Lifecycle and acceptance: The visitor activates BUY $PINGUS from navigation or the hero and is taken to https://pump.fun/coin/7uhdNpeqQpE4YNe3xH47A38ziKDqP1r18x8Pcrqhpump?share. If the external destination is unavailable, the visitor can return to the site and use its other destinations. The site does not connect a wallet or sign a transaction.

Page 11 of 27
  1. As a PINGUS World visitor, I should be able to enter the playground from the hero.
    Provenance: explicit.
    Lifecycle and acceptance: The visitor activates ENTER PINGUS WORLD; the page scrolls to Playground. The visitor can then use any playground interaction without registration or wallet connection. Reduced-motion settings do not block the destination.

  2. As a PINGUS World visitor, I should be able to read the three character showcase cards and the PINGUS lore.
    Provenance: explicit.
    Lifecycle and acceptance: On About, the visitor sees CLASSIC PINGUS, SNIFFLES, and PARTY PINGUS, each with its exact supplied caption and corresponding original artwork, and can read the complete specified lore alongside original artwork. If an image is unavailable, the site does not fabricate a replacement. The visitor can continue to another destination.

  3. As a PINGUS World visitor, I should be able to trigger the PINGUS bounce interaction.
    Provenance: explicit.
    Lifecycle and acceptance: On Playground, the visitor activates the bounce button. The original character performs a jumping animation without distortion, decorative stars appear, and PINGUS HAS ACTIVATED. is displayed and announced accessibly. The visitor can trigger it again or continue to another playground interaction. Reduced-motion preferences provide a usable non-animated result.

Page 12 of 27
  1. As a PINGUS World visitor, I should be able to select HAPPY, CONFUSED, SNIFFLY, or COOL.
    Provenance: explicit.
    Lifecycle and acceptance: On Playground, the visitor selects one of the four mood controls. The selected mood is visibly indicated, an appropriate caption is shown, and an available supplied image is used. No nonexistent original mood image is fabricated. The visitor can select another mood or continue to another interaction. Controls are keyboard-operable and selection results are accessible.

  2. As a PINGUS World visitor, I should be able to request a random PINGUS image and caption.
    Provenance: explicit.
    Lifecycle and acceptance: On Playground, the visitor activates GIVE ME A PINGUS. The site randomly displays an available supplied PINGUS image and one of the specified captions: PINGUS HAS ARRIVED., NO THOUGHTS DETECTED., THE PINGUS HAS SPOKEN., BRAIN STATUS: LOADING..., WE ARE SO PINGUS., or ABSOLUTELY NOTHING IS HAPPENING. The result is announced accessibly. The visitor can request another result or continue elsewhere. No registration or wallet connection is required.

  3. As a PINGUS World visitor, I should be able to open the specified community destinations and follow the meme-sharing link.
    Provenance: explicit.
    Lifecycle and acceptance: On Community, the visitor sees the exact heading, Official X, X Community, TikTok, meme-sharing message, and SHARE YOUR PINGUS button. The social links open in new tabs; the share button links to Official X. The site does not claim to publish a meme. If a destination is unavailable, the visitor can return and retry or continue using the site.

Page 13 of 27
  1. As a PINGUS World visitor, I should be able to inspect the specified token details and copy the contract address.
    Provenance: explicit.
    Lifecycle and acceptance: On Token, the visitor sees Token PINGUS, Ticker $PINGUS, Network Solana, and the exact contract address. Activating the copy control copies the address and displays PINGUS ADDRESS COPIED!. If clipboard access fails, the visible address remains selectable for manual copying. The visitor can continue to an external token link or another site destination.

  2. As a PINGUS World visitor, I should be able to open the specified token destinations.
    Provenance: explicit.
    Lifecycle and acceptance: On Token, the visitor sees BUY ON PUMP.FUN, BUY ON JUPITER, and VIEW DEXSCREENER, each linked to its exact URL. Pump.fun is visually primary. The site does not implement wallet connections, transaction signing, or requests for private keys or seed phrases. If an external destination is unavailable, the visitor can return to the site and use another link.

  3. As a PINGUS World visitor, I should be able to read the cryptocurrency disclaimer.
    Provenance: explicit.
    Lifecycle and acceptance: The Token destination explains that cryptocurrency is volatile and profits are not guaranteed. The disclaimer is visible with the token information and does not make investment-performance claims.

Page 14 of 27
  1. As a PINGUS World visitor, I should be able to use the footer’s PINGUS links and copyable contract address.
    Provenance: explicit.
    Lifecycle and acceptance: The footer includes a PINGUS illustration, PINGUS WORLD branding, social links, token links, copyable contract address, and the exact slogan MADE WITH ZERO THOUGHTS AND MAXIMUM PINGUS ENERGY. Copy success displays the specified confirmation; clipboard failure leaves the address selectable. The visitor can follow the footer links or continue browsing.

  2. As a PINGUS World visitor, I should be able to use the website across desktop, tablet, and mobile with accessible controls.
    Provenance: explicit.
    Lifecycle and acceptance: Layouts respond to viewport size; buttons, navigation, and playground controls work with keyboard navigation; images have descriptive alt text; images are optimized without changing their appearance or proportions; and reduced-motion preferences are respected. At 375px, 768px, and 1280px, readable text and controls remain within their containers and viewport. If a layout or asset issue occurs, content remains accessible through responsive reflow and descriptive alternatives.

  3. As a PINGUS World visitor, I should be able to access the site as a production-ready static website.
    Provenance: explicit.
    Lifecycle and acceptance: The site is prepared for DigitalOcean App Platform or another static hosting service. If Vite is used, the build command is npm run build and the output directory is dist. Before release, verify original images load, artwork proportions are preserved, links work, copy-address works, playground interactions function, mobile layout works, and there are no broken links, missing assets, or build errors. Build or deployment failure is corrected before release.

Page 15 of 27

4. User Personas

PINGUS World visitor

Provenance: required_inference, as specified by the accepted Planning Scope persona catalog.

The PINGUS World visitor is a public visitor exploring the character, lore, playground, community, or token information. Their primary goal is to enjoy the PINGUS experience and find relevant community or token destinations. They may read the character cards and lore, select a playground mood, trigger the bounce, generate a random PINGUS, copy the contract address, or follow external links. Their interactions require no registration or wallet connection. Success is observable when the visitor can use the requested interactions, read the specified content, and reach the intended external destination.

5. Core User Flows

Page 16 of 27

1. Explore PINGUS WORLD from the public entry

  1. The PINGUS World visitor opens the public Landing page.
  2. The visitor reads PINGUS IS JUST PINGUS., No thoughts. Just vibes. Probably drooling., and the specified description alongside the original propeller-hat-and-lollipop illustration.
  3. The visitor sees the ticker and can use the navigation links to About, Playground, Community, or Token.
  4. The visitor may activate BUY $PINGUS to open the specified Pump.fun destination, or ENTER PINGUS WORLD to scroll to Playground.
  5. If an external destination is unavailable, the visitor returns to the site and continues with another destination. No wallet connection or transaction is initiated by the site.

2. Read the character showcase and lore

  1. The visitor opens About from the navigation.
  2. The visitor views the CLASSIC PINGUS, SNIFFLES, and PARTY PINGUS cards with their exact captions and supplied artwork.
  3. The visitor reads THE LEGEND OF PINGUS and the complete specified story alongside original artwork.
  4. If an image fails to load, the site does not substitute fabricated artwork; descriptive alt text remains available and the asset can be restored.
  5. The visitor continues to Playground, Community, or Token using navigation.
Page 17 of 27

3. Use the playground bounce interaction

  1. The visitor opens Playground from navigation or ENTER PINGUS WORLD.
  2. The visitor activates the bounce control.
  3. The original character jumps without distortion, decorative stars appear, and PINGUS HAS ACTIVATED. is displayed and announced.
  4. With reduced motion enabled, the visitor receives a usable static or simplified result.
  5. The visitor may trigger the bounce again, select a mood, generate a PINGUS, or navigate elsewhere.

4. Select a PINGUS mood

  1. The visitor opens Playground.
  2. The visitor chooses HAPPY, CONFUSED, SNIFFLY, or COOL.
  3. The selected control is visibly indicated and the corresponding appropriate caption and an available supplied image are shown.
  4. The site does not fabricate nonexistent original mood images. The result is accessible to assistive technology.
  5. The visitor may select another mood or continue to another playground interaction.
Page 18 of 27

5. Generate a random PINGUS

  1. The visitor opens Playground.
  2. The visitor activates GIVE ME A PINGUS.
  3. The site randomly displays an available supplied PINGUS image and one of the specified funny captions.
  4. The result is announced accessibly. If an image fails, the site does not invent a replacement.
  5. The visitor may request another result or continue to another destination.

6. Visit the community destinations

  1. The visitor opens Community.
  2. The visitor sees THE PINGUS CULTURE, the three social cards, and GOT A PINGUS MEME? THE INTERNET NEEDS TO SEE IT.
  3. The visitor selects Official X, X Community, TikTok, or SHARE YOUR PINGUS.
  4. The specified external community links open in new tabs; the share button links to Official X. The site does not claim to publish a meme.
  5. If an external service is unavailable, the visitor can return to the site and retry or continue elsewhere.
Page 19 of 27

7. Inspect token details and copy the address

  1. The visitor opens Token.
  2. The visitor reads the token name, ticker, network, contract address, and cryptocurrency disclaimer.
  3. The visitor activates the copy-address control.
  4. On success, the site displays PINGUS ADDRESS COPIED!; if clipboard access fails, the address remains visible and selectable for manual copying.
  5. The visitor may open Pump.fun, Jupiter, or Dexscreener. Pump.fun is the primary action. The site does not connect a wallet, sign a transaction, or request private keys or seed phrases.

8. Use the footer

  1. The visitor reaches the footer from any page position.
  2. The visitor sees the PINGUS illustration, PINGUS WORLD branding, social links, token links, copyable contract address, and MADE WITH ZERO THOUGHTS AND MAXIMUM PINGUS ENERGY.
  3. The visitor may copy the address or follow a link. Copy success displays the specified confirmation; on clipboard failure, the address remains selectable.
  4. The visitor continues to an external destination or returns to site navigation.
Page 20 of 27

6. Visuals Colors and Theme

The visual direction is Big-hearted cartoon energy, straight from the doodle pad, with Haraldur Thorleifsson as the named muse. The design should feel goofy, welcoming, and intentionally low-stakes for crypto-curious meme people. The supplied hand-drawn PINGUS artwork is the central brand voice and must remain intact.

  • Palette: Pale pink #FFF0F3 page ground; white #FFFFFF comic panels; pink #FFB6C1 character-led blocks and controls; accent #F06F86 used sparingly; near-black #111111 outlines, headings, and body text; muted rose-brown #72565B for secondary copy.
  • Typography: Fredoka 600–700 for headings and Nunito for body text. Responsive display scale: 48px mobile to 88px desktop. Section headings: 36–56px; card titles: 22–28px; body: 16–18px; labels: 12–14px. Keep words and controls within their containers.
  • Shape and components: Confident 3–4px near-black outlines, rounded but slightly irregular comic-panel corners, pill-shaped action buttons, small star/spark doodles, and restrained offset shadows. Use comic-style cards and subtle shadows.
  • Layout: Responsive single-page story with compact navigation, asymmetric split hero, three-panel character showcase, clearly separated playground modules, comic-strip lore, community links, token details, and compact footer. Use pink blocks and white panels for visual rhythm; stack cleanly on mobile.
  • Artwork: Use only the three supplied PINGUS images as character artwork, from local assets, with descriptive alt text and preserved aspect ratios. The propeller-hat-and-lollipop image leads the hero. Use the classic and Sniffles images in the requested showcase and mood/generator states where appropriate. Do not redraw, distort, or fabricate character variants.
Page 21 of 27
  • Motion: Expressive but gentle. Use a small vertical bounce for the intact hero illustration, brief star pops on the bounce action, and snappy panel/button feedback. Avoid excessive looping and motion that obscures text. Respect reduced-motion preferences.
  • Ticker: Render the ticker as a pink comic ribbon with heavy black rules. Provide a reduced-motion static or scrollable alternative so every phrase remains readable.
  • Responsive readability: At 375px, 768px, and 1280px, headlines, wordmarks, labels, numbers, cards, and controls remain fully inside the viewport and their containers. Wrap or scale text as needed. Decorative imagery may be cropped or overlapped only when it does not cover readable text or controls.
  • Avoid: Generic crypto templates, excessive gradients, glossy 3D graphics, blue/indigo-on-white crypto styling, glassmorphism, unrelated stock or AI-generated imagery, and any animation that bends, stretches, covers, or crops readable text, controls, or defining character features.

7. Signature Design Concept

The public entry opens with a slightly asymmetric two-column comic composition. On the left, a pale-pink field carries the large, flush-left PINGUS IS JUST PINGUS. headline, subtitle, description, and the two specified buttons. On the right, the original propeller-hat-and-lollipop PINGUS artwork appears at dominant scale on a clean white, black-outlined comic panel, preserving its full silhouette and proportions.

A pink ticker ribbon with heavy black rules anchors the bottom of the hero. The character may gently bounce as a whole, without warping. On mobile, copy stacks above the complete image, the headline scales from 48px, and buttons and artwork remain within the viewport. This concept recomposes only accepted content and controls.

Page 22 of 27

8. Interaction Model & Motion Direction

Interaction Model: Animated
Motion Tempo: expressive
Hero Dimensionality: layered_2d

Landing Hero Motion Brief

  • Focal subject: The supplied original PINGUS wearing the colorful propeller hat and holding the rainbow lollipop.
  • Input → transformation → outcome: The visitor opens the public Landing page; the intact illustration makes a subtle vertical bounce; the visitor sees the PINGUS identity and can choose the specified buy link or scroll to Playground.
  • Motion vocabulary: Gentle vertical bounce of the complete image, restrained button feedback, and the specified scrolling ticker. No artwork warping, excessive looping, or motion that obscures text or controls.
  • Composed first frame: Asymmetric split hero with flush-left headline, subtitle, description, and buttons in a pale-pink field; full original character on a white comic panel; ticker ribbon below.
  • Reduced-motion state: Keep the character static and controls usable. Present ticker phrases in a static or scrollable arrangement so each can be read.

9. Non-Functional Requirements

Page 23 of 27
  1. Responsive layout — explicit: Support desktop, tablet, and mobile. Readable text and controls remain within the viewport and their containers at 375px, 768px, and 1280px.
  2. Accessibility — explicit: Provide accessible controls, descriptive image alt text, keyboard navigation, and accessible announcements for playground results and copy confirmation.
  3. Reduced motion — explicit: Respect reduced-motion preferences while keeping all interactions usable and ticker content readable.
  4. Artwork integrity — explicit: Use the three supplied images as local assets, preserve their appearance and aspect ratios, and do not replace them with generic or unrelated AI-generated artwork.
  5. Image optimization — explicit: Optimize images without distorting or otherwise changing the original artwork.
  6. Functional behavior — explicit: Navigation, buttons, animations, playground interactions, and copy-address controls work as specified.
  7. No invented token statistics — explicit: Do not invent token prices, market capitalization, liquidity, trading volume, or holder counts.
  8. No wallet or credential handling — explicit: Do not implement wallet connections, transaction signing, or requests for private keys or seed phrases.
  9. No unnecessary infrastructure — explicit: Do not add unnecessary databases, user authentication, or wallet integrations.
  10. Production readiness — explicit: Prepare for DigitalOcean App Platform or another static host; verify images, links, copy-address, playground, mobile layout, assets, and build.
  11. External link behavior — explicit: Community links open in new tabs. Token links use their specified destinations.
  12. Clipboard recovery — required_inference: If browser clipboard access fails, keep the address visible and selectable so the visitor can copy it manually; this is necessary to make the accepted copy-address capability recoverable.
Page 24 of 27

10. Tech Stack

  • Frontend: React and TypeScript if supported — explicit.
  • Build and hosting: Static website suitable for DigitalOcean App Platform or another static hosting service — explicit.
  • Vite: If used, build command npm run build; output directory dist — explicit.
  • Assets: Use the three supplied PINGUS images as local assets — explicit.
  • Backend, database, and authentication: None required for the accepted static website and browser interactions. Do not add unnecessary databases or user authentication.
Page 25 of 27

11. Assumptions and Constraints

  • Assumption — required_inference: The supplied images are available as local assets at build time and can be mapped to the described classic, Sniffles, and propeller-hat/lollipop artwork. If an asset is missing or cannot be identified, recover the supplied asset rather than inventing a replacement.
  • Assumption — required_inference: Mood captions may describe the selected mood while reusing available supplied images; the source does not specify a unique image for every mood. Do not imply that unavailable mood-specific original images exist.
  • Constraint — explicit: All playground interactions work without registration or wallet connections.
  • Constraint — explicit: Do not implement wallet connections, transaction signing, or requests for private keys or seed phrases.
  • Constraint — explicit: Do not invent token prices, market capitalization, liquidity, trading volume, or holder counts.
  • Constraint — explicit: Use the specified palette and preserve the supplied artwork; avoid generic crypto templates, excessive gradients, and glossy 3D graphics.
  • Constraint — explicit: No future requirements were supplied; no future scope is added.
Page 26 of 27

12. Glossary

  • PINGUS: The pink character and meme coin featured by PINGUS WORLD.
  • PINGUS WORLD: The public website described in this document.
  • Mood selector: The Playground control for choosing HAPPY, CONFUSED, SNIFFLY, or COOL.
  • Contract address: The specified PINGUS token identifier displayed on the Token destination and footer.
Page 27 of 27
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