# SpaceHey Profile Clone - ★ (xtzz) Create a scrollable SpaceHey/MySpace-style profile page with a dark red and black gothic/emo aesthetic. The entire app should feel like a classic MySpace profile with a heavily customized theme. Use a monospace font throughout. ## Color Scheme & Theme - Background: dark, almost black with a dark red tint (#3b0000, #000000) - Primary accent color: bright red (#ff6868, #ff0000, #bc1419) - Dark red accents: #940000, #ab2d2d, #831919 - Text color: soft red (#ff6868d4) on dark backgrounds - Link color: muted teal (#648998) - Bold text color: deep red (#940000) - Section heading backgrounds: black with transparency (#000000b3) - Section heading text: muted teal (#72878c) - Details table cells: very dark purple (#7600088c) with red box shadows - Details table label cells: dark red (#520000) - Comment backgrounds: transparent dark red (#ff08083d) ## Layout Structure (top to bottom) ### 1. Navigation Bar - Full-width bar at the top - Dark background - Links separated by red " ⁝ " dividers - Links: "Home | Browse | Search | Mail | Blog | Forum | Groups | Bulletin | More" - Red link color (#af3838) ### 2. Profile Header Area - Display name "★" in large fangsong/serif font (~2.5em), color #ff7777 - The name should have a pulsing red text shadow animation (cycling glow effect with #ff0000 shadow) - Below the name: "listening to music..." in smaller text - Mood: Neutral - Show "Online!" indicator with a small animated status element ### 3. Profile Info Section (two-column layout) **Left Column (~40%):** - Profile picture (use URL: https://cdn.spacehey.net/profilepics/2879456_319277f234c3d576cb74110efd602bf3.jpg — a dark red-tinted gothic anime-style image with a face and bat logo) - The profile picture should have a red glow box-shadow (0px 0px 15px #ff0707) and double border (#831919) - Below the pic: "i love sea food 〃く⁠コ⁠:⁠彡 ₊ ˚ ⊹" - Contact/action buttons section with dark background and double black border - Buttons: "Add Friend", "Favorites", "Message", "Forward", "Block" - Styled with red/dark theme - **URL Info:** spacehey.com/xtzz - **Instagram:** @t4co_munch3rr **Right Column (~60%):** - Details table with dark purple cells and red box shadows: - Status: "listening to music..." - Gender: Female - Age: displayed - Location: shown - Last Login: recent date - Bordered with dashed red (#b71414) bottom borders and red box shadows (2px 5px #9a1010) ### 4. "About Me" Blurb Section - Section heading: dark background (#000000b3) with text "About Me" in muted teal (#72878c) - Heading has a red box-shadow (4px 5px #7b0505) and inset red border - Content includes: - A small blinkie/banner image - A Pokémon adoption widget showing an animated Mew sprite (small 64x64 pixel art gif) with text "Name: cheese eater" and "Adopt one yourself! @ Pokémon Orphanage" - Animated GIFs of anime characters - Use these image URLs in the content: - Mew sprite: https://www.yatta-tempel.de/animierte/mew-em.gif - Cat gif: https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExbWwzZnk3Y3dtOHowZ3l2emN0ZWE1YWlkZ29jNDk2Zm16dGQ3dHJsdTNmJmVwPXYxX2ludGVybmFsX2dpZl9ieV9pZCZjdD1z/QstTz2ai7MMNO/giphy.gif ### 5. "Who I'd Like to Meet" Section - Same heading style as About Me - Contains a row of anime/character GIF images displayed side by side - Use these image URLs: - https://files.catbox.moe/ehoqo5.gif ### 6. Interests Table - Table with label-value pairs, dark purple cell backgrounds - Labels in very dark red (#520000) cells, monospace font - **General:** Drawing, music, boyfriend communication - **Music:** VERSAILLES, momento mori, malice mizer, buck-tick, xjapan, glamscure, mejibray - **Television:** Teen Titans, Adventure Time, My Little Pony, JoJo's Bizarre Adventure, Death Note, Ouran High School Host Club, Berserk, When They Cry, Puella Magi Madoka Magica - **Books:** JJBA manga, Berserk, Death Note, Twilight, Diary of a Wimpy Kid ### 7. Friends Section - Heading shows "★'s Friends (134)" - Display 8 friend avatars in a grid (2 rows of 4) - Each friend shows a small circular/square grayscale profile image with their name below - Friend names: Amelia, ambre_spy, Maxx ★, Lukewsnj, pablin ☽, Rott1ngheartstr1ngs, Jelly, miri - All friend images should have a grayscale filter - "View All Friends" link at the bottom ### 8. Comments Section - Title: "★'s Comments" - Display comments in a table format with profile pic on the left and comment text on the right - Comments: 1. **pinkipawzz**: "LETS MAKE OUT (♡o♡)" 2. **Overt**: "Amazing profile...solid 9/10...black is just more my style" 3. **WorldsCoolestLoser**: Comment about music taste 4. **vampire_chick87**: Comment about music taste - Each comment row has transparent dark red background (#ff08083d) - Left column (commenter info) takes 29% width ### 9. Blog Section - Small section showing one pinned blog entry - Title: "apology for those i hurt" - Marked with a pin/pinned indicator ### 10. Footer - Dark background with red tint - Small text with navigation links - "©2020-2026 SpaceHey" style text ## Visual Effects & Animations ### Floating Animation The ENTIRE page content should have a subtle floating/bobbing animation: - Vertical translate oscillating between 0px and 8px - 3-second duration, infinite loop, ease-in-out timing - Apply to the main content container ### Scanline Overlay Add a subtle CRT/scanline overlay effect over the entire screen: - Semi-transparent horizontal lines (alternating colored/transparent 1px strips) - Use a repeating linear gradient: rgba(82, 15, 15, 0.48) for 50%, transparent for 50% - Background-size: 100% 2px - Fixed position, full screen, pointer-events none - This creates a retro CRT monitor effect ### Name Glow Animation The profile name "★" should have an animated text shadow that pulses/cycles: - Alternating between different red shadow intensities - 1.4 second cycle, infinite ### Section Styling All inner content sections should have: - 6px double black border - Red box shadow (5px 8px #ba0000) - Very dark background with slight transparency ## Decorative Elements ### Side Characters (optional if layout allows) - Left side: An anime character image (red-tinted angel character) — use URL: https://i.imgur.com/3bkohfc.png - Right side: A 3D white cat figure — use URL: https://i.imgur.com/4R6N5o9.png - These are decorative elements positioned at the edges of the screen ## Typography - Primary font: monospace throughout - Headings: use a serif-style treatment (fangsong-like) - Font sizes: keep small and retro-feeling (12-14px for body, larger for headings) - Bold text always in deep red (#940000) - Text shadows: "2px 2px 0.5px #ab2d2d" on important text ## Important Notes - The overall vibe is dark, gothic, emo, early-2000s MySpace nostalgia - Heavy use of reds and blacks - The profile pic shows a dark, red-tinted anime/gothic face with a bat logo at the bottom - Make all interactive elements (buttons, links) consistent with the dark red theme - The whole page should scroll vertically - Use Image components for all the GIF/image URLs — they will animate automatically

no description found