Blue Basic
A fresh blue basic layout featuring a light blue background (#a2ddec), Fredoka One bold font for the profile name, clean white content area with a peace sign graphic in the bottom right, circular profile picture and friend avatars, hidden friends section, custom online badge, lowercase Helvetica typography, transparent navigation, custom cursor, and hidden section headings for a minimalist look. This layout creates a relaxed, friendly atmosphere perfect for casual profiles. Created by SpaceHeyLayouts.com & TimeToGoBack.com (Original design by sun). Simply copy the code below and paste it into your SpaceHey profile's CSS section.
📋 Layout Code
<!-- (c) Layout created by sun (https://layouts.spacehey.com/layout?id=1849) -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
:root {
--logo-blue: transparent!important;
--darker-blue: #000000;
--lighter-blue: #ffcdd2;
--even-lighter-blue: #ffffff;
--lightest-blue: #FFFFFF;
--dark-orange: transparent!important;
--light-orange: #dfd1f4;
--even-lighter-orange: #FFFFFF;
--green: #000000;
}
.section {color: black!important;}
h4, nav label, {display: none;}
.search-wrapper input[type=text] {
font-family: times;
background-color: white!important;
border: none!important;
border-radius: 0px !important;
font-size: 9px;
}
button{
border-radius: 0px !important;
border: 1px solid!important;
border-color: black!important;
text-transform: lowercase;
font-family: times;
font-size: 9px!important;
background-color: white!important;
width:;
color: white!important}
body {
background: #a2ddec;
background-image:;
background-size: ;
background-attachment: repeat;
text-transform: lowercase;
font-family: helvetica;
font-size:13px!important;
}
.blog-preview p {
background-color: transparent;
padding: 0px 1px;
border-radius: 10px;
margin-top: -50px;
color: black;
}
}
.blog-preview p a{
color: black!important;
}
.blog-preview p a:hover
.blog-preview p a:active,
.blog-preview p a:focus{
color: white!important;
}
nav {
margin-bottom: 0px;
border-radius: 50px 50px 0 0;
color: black!important;
text-align: center;
overflow: hidden;
border: 0px;
border-color: black!important;
border-bottom: none!important;
}
nav .top {
color
}
nav .links {
background: transparent!important;
font-size: 11px;
}
nav { background: transparent!important;
}
nav img.logo{
filter: brightness(0) saturate(100%);
}
.contact {
font-size: 11px;
font-family: helvetica;
border: dotted 0px!important;
background-image: url("")!important;
background: ;
border-top: 0px;
}
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.profile-info{
display: none!important;
}
.profile .url-info {
display:none;
}
.profile .table-section {
font-size: 11px;
border: dotted 0px!important;
border-right: none!important;
}
.home-actions {
border: none;
}
table.details-table {
border-radius: ;
border: dotted px;
border-collapse: collapse;
border-top: 0px;
background: white!important;
}
table.details-table td {
border-radius
background: url("");
color: black!important;
border-bottom: dotted px;
border-right: dotted px;
}
.profile-pic {
border-radius: 500px;
border:;
overflow: hidden;
margin-top: -25px!important;
filter:;
}
.heading {
margin-top: 10px;
padding: 5px 0 !important;
background: transparent!important;
background-image: url("")!important;
background-position: ;
background-repeat: repeat!important;
border: dotted px;
color: black!important;
font-size: 11px;
text-align: left;
font-family: ;
-webkit-text-stroke-width: 0px;
-webkit-text-stroke-color: black;
border-bottom: 1px solid;
border-color: #20476c!important;
line-height: 0px;
}
h1 {
background: url("");
font-size:50px!important;
font-family: Fredoka one;
font-weight: 200;
transform: ;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
font-style: ;
text-shadow: ;
text-align: center;
line-height: 39px!important;
display: block;
color: #20476c;
padding: 10px;
margin-top: -55px!important;
margin-bottom: 20px!important;
}
main:before {
background-image: url('');
background-position: center;
background-size: contain;
background-repeat: no-repeat;
color: transparent!important;
display: block;
content: "";
width:;
height: 90px;
margin-bottom: -30px;
}
main {
border-radius: 50px 50px 50px 50px;
border: black solid 1px;
background: url("https://www.spaceheylayouts.com/images/peace-out.png")!important;
background-repeat: no-repeat!important;
background-size: 400px!important;
background-position: right bottom!important;
background-color: white!important;
}
.container {
border-radius: 0px 0px 0 0;
overflow: hidden;
padding: 50px;
margin-top: 0px;
}
footer {
border-radius: 0px 0px 50px 50px;
border: 0px;
border-top: 0px;
background: transparent!important;
display: block !important;
line-height: 0px;
height: 83px;
margin-top: -1px!important;
}
table.comments-table td {
display:flex;
background-color: white!important;
border: dotted 1px;
width: 10px!important;
font-size: 11px;
}
.comments-table td:first-child img {
width: 60px!important;
border-radius: 50px;
}
.profile .friends .person img {
width: 60px;
border-radius: 50px;
}
.blog-preview p {
font-size: .6rem;
}
a.addme {
font-size: 4rem;
font-weight: bold;
margin-bottom: 15px;
display: block;
}
a:link {
color: black!important;
background:none;
}
a:hover {
text-transform: lowercase;
text-decoration-style: #20476c dashed!important;
color: black!important;
border: none;
filter: opacity(100%);
}
a:visited {
color: black!important;
}
.friends
{display:none;
}
.table-section:last-child {
display: none !important;}
.online {
content: url("https://www.spaceheylayouts.com/images/blue-online.jpeg");}
*
{cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto !important;}
</style>