Website Styling Reference Page

Color Collections

#000000
Black
#ffffff
White
#eeeeee
Light Grey
#dcdcdc
Grey
#d3d3d3
Silver

#7b241c
Dark Blood
#21618c
Thunder
#76448a
Cafe Mix
#2980b9
Play Date
#5d6d7e
This Morning
#2e4053
Last Night

#081C4F
Midnight Sky
#6E93F1
Mountainside
#FBC02D
Retro Sunset 1
#EC85FE
Retro Sunset 2
#30684F
Night Trees
#6EF3E4
Screen Time
#F18E46
Joystick

⇢ Gamezilla palette

#EDD5F9
Purple Butter
#CBA8DE
Accordian Lilac
#9D76B5
Fig-ure it Out
#7D5498
Supernova
#340F43
GTFO
#C9B05C
Space Gold
#51A2A5
Long Furby

⇢ Gravity Core palette (original site layout that I use on my exit page now)

Fonts

I'll be using this area to collect fonts I like and including the code to put in the HTML head and CSS.

Find the fonts you want to use on https://fonts.google.com, select "Get font," and then find the embed code for one or many. See W3Schools to use CSS Google Fonts for some styling ideas.

If you want to use more than one font on a page, include all of them in the HTML head statement (example here).

Credit: Cheese Ipsum Generator

Open Sans

I love cheese, especially fromage roquefort. Emmental say cheese queso cream cheese cheese and biscuits cheese slices st. agur blue cheese danish fontina. Roquefort mascarpone feta st. agur blue cheese cheese triangles pepper jack bavarian bergkase fromage. Bocconcini caerphilly paneer roquefort taleggio boursin jarlsberg.

This is one of my favorite web fonts and it is the default font on this page.

HTML <head> code

CSS


IM Fell DW Pica

I love cheese, especially feta cheese and biscuits. Jarlsberg cut the cheese brie airedale macaroni cheese taleggio stilton lancashire. Babybel lancashire red leicester smelly cheese fondue danish fontina who moved my cheese hard cheese. Cheese and wine cheesy feet edam caerphilly parmesan.

HTML <head> code

CSS (use normal, italic, or bold for 3 different font styles as needed)


Press Start 2P

I love cheese, especially dolcelatte feta. Brie monterey jack cheese slices croque monsieur gouda cheese and biscuits mascarpone boursin. Airedale boursin pepper jack queso mascarpone bavarian bergkase ricotta cottage cheese. Fondue cheese on toast brie taleggio boursin.

I use this font on Gamezilla. This was an accident but I like how this font looks with Open Sans randomly inserted as undefined-style text. This just feels so important.

HTML <head> code

CSS (use normal, italic, or bold for 3 different font styles as needed)


Here are some cool ones that I'm collecting to potentially use as header fonts.

Creepster

A Halloween font! Yay!

HTML <head> code

CSS


Rubik Puddles

You could make a page totally unreadable if you used this as a normal font.

HTML <head> code

CSS


Rubik Puddles

You could make a page totally unreadable if you used this as a normal font.

HTML <head> code

CSS


Chango

I suppose this wouldn't be too bad as normal font, depending on the theme of your page.

HTML <head> code

CSS


Styles and Effects

Gradient colored text

CSS