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 51 comments ( View all | Add Comment )

Maika Xp	1746386791 OMG USINGG Report Comment
nyannyan	1746066878 Using! Report Comment
⊹ ׁ݂ ꒰꒰🦢 ˸ aceeee >< ⋅꒷	1744462506 usinggg <3 i love it Report Comment
skoolkewl	1744205897 hank you Report Comment
Billy Butt	1744041983 using man Report Comment
test profile	1743974475 using Report Comment
anti★thesis ((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