dino-web

byKhushi

Build a premium, adorable, single-page website for a cute dinosaur mascot named "Dino." The website should feel like a modern startup landing page mixed with a playful Pixar-style aesthetic. The design should immediately make visitors smile while looking professionally designed. ------------------------------------ DESIGN STYLE ------------------------------------ Theme: Cute • Modern • Friendly • Playful • Premium Design inspiration: Linear, Notion, Stripe, Framer, with soft cartoon elements. Use plenty of white space. Rounded corners everywhere. Soft shadows. Large illustrations. Smooth animations. Glassmorphism only where appropriate. Maximum content width: 1200px Border Radius: 20px cards 16px buttons 32px hero image container Spacing: Generous vertical spacing (80-120px between sections) ------------------------------------ COLOR PALETTE ------------------------------------ Primary Green: #6BCB77 Secondary Green: #A8E6A3 Mint: #DFF8E8 Cream: #FFF8EE Background: #FCFFFC Dark Text: #24322B Body Text: #5B6B63 Accent Blue: #79C8FF Accent Yellow: #FFE58F Accent Pink: #FFB7D5 Cards: #FFFFFF Borders: #E8F2EB Buttons: Primary: Background #6BCB77 Text White Secondary: White background Green border Dark text ------------------------------------ TYPOGRAPHY ------------------------------------ Font: Poppins Hero Heading: 64px Bold Section Heading: 42px Body: 18px Buttons: 16px SemiBold ------------------------------------ NAVBAR ------------------------------------ Sticky navbar Logo: Cute dinosaur icon Navigation: Home About Features Gallery Contact CTA Button: "Build with Dino" ------------------------------------ HERO SECTION ------------------------------------ Split layout. LEFT Headline: Hi, I'm Dino! 🦖 Subheading: I may have tiny arms... but I build BIG websites. Description: Fast, beautiful websites created with just an idea. Buttons: Start Building See Examples RIGHT Large adorable dinosaur illustration. The dinosaur should: smile wave blink occasionally slightly bounce up and down hold a tiny laptop Background behind dinosaur: Large soft green gradient blob. Floating decorations: Leaves Stars Clouds Small hearts Tiny sparkles ------------------------------------ ABOUT SECTION ------------------------------------ Headline Who is Dino? Text: I'm not a programmer. I don't know HTML. I don't know CSS. JavaScript still scares me. But I do know how to turn ideas into beautiful websites. Illustration: Cute Dino drinking coffee. ------------------------------------ FEATURES ------------------------------------ Six premium cards. ⚡ Lightning Fast Create websites in minutes. 🎨 Beautiful Design Modern layouts that look handcrafted. 📱 Responsive Looks amazing on every device. ✨ Smooth Animations Elegant transitions everywhere. 💡 Creative Ideas Turn simple prompts into polished designs. 🦖 Cute Approved Every project gets Dino's seal of approval. Cards should lift slightly on hover. ------------------------------------ GALLERY ------------------------------------ Section title: Things I've Built Show six mock website previews. Rounded browser windows. Soft shadows. Hover zoom. Categories: Portfolio Restaurant Coffee Shop Travel Fitness Startup ------------------------------------ FUN FACTS ------------------------------------ Four animated counters. Tiny Arms 2 Big Dreams 999+ Ideas Generated 10,000+ Happy Humans ∞ ------------------------------------ TESTIMONIAL ------------------------------------ Large speech bubble. Quote: "I can't believe a dinosaur built this." Avatar: Happy customer illustration. ------------------------------------ CALL TO ACTION ------------------------------------ Large green rounded section. Headline: Ready to build something awesome? Buttons: Let's Go Contact Dino ------------------------------------ CONTACT ------------------------------------ Rounded contact card. Fields: Name Email Message Large green Submit button. Cute dinosaur waving beside the form. ------------------------------------ FOOTER ------------------------------------ Logo Navigation Social icons Text: Made with ❤️ by Dino. ------------------------------------ ANIMATIONS ------------------------------------ Fade in on scroll. Cards slide upward. Buttons slightly grow. Hero illustration floats continuously. Leaves slowly drift. Counters animate. Smooth scrolling. Hover interactions everywhere. ------------------------------------ RESPONSIVE ------------------------------------ Perfect on: Desktop Tablet Mobile Use collapsible navigation on mobile. ------------------------------------ TECHNICAL ------------------------------------ Use HTML, CSS and JavaScript. No external frameworks. Clean semantic code. Organized sections. Fast loading. Professional production-quality UI. The final result should feel like an award-winning landing page that is adorable, polished, highly interactive, and immediately shareable on social media.