Frutiger Metro (Green)

Tags: frutiger metro, 2000s, layout

Description:

An attempt to making a Frutiger Metro layout for anyone to use. I've been obsessed with the Frutiger Metro aesthetic, so I thought of making it. As usual, you can make any changes to this layout :)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Wafflezaurus  (https://layouts.spacehey.com/layout?id=100236) -->

<style>
body {
background: url(https://i.pinimg.com/564x/cf/e8/cd/cfe8cd2ab2ee5e58e5fda873a88ce1ae.jpg);
    background-size: cover;
    background-attachment:fixed;                                                                                  
    background-position: center;
}
main{
background-image: none;
background-color: transparent;
}
.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-image: none;
background-position:undefined;
background-attachment: fixed;
background-size: auto;
border: 2px Solid;
box-shadow: 0 0 8px #000000, 0 0 8px #000000;
text-shadow: 1px 1px 2px #ffffff, 0 0 8px #b1ff14; 
font-size: 20px
}

.contact {
  background-image: url(https://i.pinimg.com/564x/d2/f6/92/d2f692aceb539a477f2d616f53390989.jpg);
  background-position: center;
  background-size: cover;
  background-attachment: scroll;
}
:root {
--logo-blue: none;
--darker-blue:none;
--lighter-blue: ;
--even-lighter-blue:url(https://i.pinimg.com/564x/ff/e6/06/ffe606909eb9ed696e955e2066f78fad.jpg);
--lightest-blue: ;
--dark-orange:White;
--light-orange: url(https://i.pinimg.com/564x/69/a5/e4/69a5e458a5b6e01753f144b4aaebeb56.jpg);
--even-lighter-orange:black;
--green:black;
text-shadow: 1px 1px 2px #000000, 0 0 12px #ffffff, 0 0 8px #b1ff14; 
font-size: 20px
}

.profile .table-section .heading{
    background-image: url(https://i.pinimg.com/564x/ce/98/67/ce98676d76183a7f7f121c995b176561.jpg);
    color: #ffffff;
    text-shadow: 1px 1px 2px #000000, 0 0 8px #000000; 
    text-align: center;
}

.profile .contact .heading{
    background-image: url(https://i.pinimg.com/564x/ce/98/67/ce98676d76183a7f7f121c995b176561.jpg);
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
    text-align: center;
}

.profile .blurbs .heading{
    background-image: url(https://i.pinimg.com/564x/ce/98/67/ce98676d76183a7f7f121c995b176561.jpg);
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
    text-align: center;
}
.profile .friends .heading{
    background-image: url(https://i.pinimg.com/564x/ce/98/67/ce98676d76183a7f7f121c995b176561.jpg);
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
    text-align: center;
}

footer {
background: none;
font-size: 15px;
}

nav .links{
  background: #568004;
  background-image: linear-gradient(180deg, #ffffff, #90d10d);
  padding: 1.5px 12px;
  margin: 4px;
  border-radius: 5px;
  font-size: 12px;
  text-align: center;
}</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 47 comments ( View all | Add Comment )

RioBravo96	1744041983 using man Report Comment
Fartard	1743974475 using Report Comment
anti★thesis (( elmo/ryker )) WIP	1742487947 using Report Comment
Andreaz Abhorrence	1742252429 Using Report Comment
Brickskull	1742249216 using Report Comment
ｍａｌｉ	1742241594 used Report Comment
magdalini	1740794408 using!! Report Comment
els	1740697365 using :) Report Comment
Metro	1740579999 Using. Report Comment
person<3	1740407883 using! Report Comment
frnksb1gto3(freakiero)	1740358671 usingggg Report Comment
Zucaritas	1740267911 Using! (⁠ʃ⁠ƪ⁠＾v⁠＾) Report Comment
D1SC0!!	1739587051 usinggg :3 Report Comment
2K3RY1	1739068469 usingg Report Comment
1D0Nt3@t$t4r$	1738998326 Using ^^ Report Comment
till	1738376340 usimg :] Report Comment
MrReinraus	1738238582 using Report Comment
harrison :]	1738188728 using!! Report Comment
oswald/kris	1737135022 using!!!! Report Comment
Summyyy	1736797398 usingg Report Comment