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

lackls08	1760777207 USING!! Report Comment
ace!	1760756249 using Report Comment
nico ☆	1759547036 using !! Report Comment
saxophoneplayingbugg	1758072425 Using ^J^ Report Comment
ande	1756727091 using :)) Report Comment
○_•fr3ddy•_○	1752656418 using Report Comment
Raku	1750926502 using ! Report Comment
⛧𝔪𝔬𝔩𝔩𝔶	1750784086 using Report Comment
Dash	1749838093 using!!!1 Report Comment
💿Lani💿	1749107521 using Report Comment
xixijr (O_o?)	1748483013 using!! (O_o!!) Report Comment
Ryan (っ˘ڡ˘ς)	1748380634 Using Report 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	1742487947 using Report Comment
Scarsremainstill	1742252429 Using Report Comment