Pink Paradise Layout - Space Hey Layouts

← Back to All Layouts

💕

A dreamy pink layout perfect for expressing your soft, feminine side. Features pastel colors, hearts, and adorable graphics that create a sweet atmosphere. This layout is designed with customizable elements and works perfectly on SpaceHey profiles. Simply copy the code below and paste it into your profile's "About Me" section or custom CSS area.

📝 Layout Code

<style>
/* Pink Paradise Layout */
:root {
    --pink-primary: #FFB6C1;
    --pink-secondary: #FFC0CB;
    --pink-accent: #FF69B4;
    --text-color: #333;
}

body {
    background: linear-gradient(135deg, var(--pink-primary) 0%, var(--pink-secondary) 100%);
    font-family: 'Arial', sans-serif;
    color: var(--text-color);
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 15px;
    box-shadow: 0 8px 32px rgba(255, 105, 180, 0.3);
}

h1, h2, h3 {
    color: var(--pink-accent);
    font-family: 'Calistoga', cursive;
    text-shadow: 2px 2px 4px rgba(255, 182, 193, 0.5);
}

a {
    color: var(--pink-accent);
    text-decoration: none;
    transition: all 0.3s ease;
}

a:hover {
    color: var(--pink-primary);
    text-shadow: 0 0 8px rgba(255, 105, 180, 0.6);
}

.profile-header {
    background: linear-gradient(to right, var(--pink-accent), var(--pink-primary));
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.profile-pic {
    border: 5px solid white;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(255, 105, 180, 0.4);
}

.content-box {
    background: white;
    padding: 20px;
    border-radius: 10px;
    margin: 15px 0;
    border-left: 5px solid var(--pink-accent);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* Heart decorations */
.heart::before {
    content: '💕 ';
}

/* Cute scrollbar */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: var(--pink-secondary);
}

::-webkit-scrollbar-thumb {
    background: var(--pink-accent);
    border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--pink-primary);
}
</style>

<div class="container">
    <div class="profile-header">
        <h1>✨ Welcome to My Pink Paradise ✨</h1>
        <p>A space filled with love, dreams, and pink vibes 💕</p>
    </div>
    
    <div class="content-box">
        <h2 class="heart">About Me</h2>
        <p>Add your bio here! Talk about your interests, hobbies, and what makes you unique.</p>
    </div>
    
    <div class="content-box">
        <h2 class="heart">My Interests</h2>
        <ul>
            <li>Cute aesthetics 🌸</li>
            <li>Music & playlists 🎵</li>
            <li>Making friends 💖</li>
            <li>Art & creativity 🎨</li>
        </ul>
    </div>
    
    <div class="content-box">
        <h2 class="heart">Favorite Things</h2>
        <p>Share your favorite songs, movies, books, or anything else you love!</p>
    </div>
</div>