please note: all vertical spacing and css line‐height ... · 12 col bootstrap page layout with...
TRANSCRIPT
1100px page width, 20px gutter20px gutters
12 col Bootstrap page layout with 20px gutters. PLEASE NOTE: All vertical spacing and CSS line‐height should be divisible by 8 (8, 16, 24,32,40 etc.)TURN ON PAGE GUIDES IN PHOTOSHOP TO VIEW VERTICAL ALIGNMENTREFER TO PHOTOSHOP FILES FOR ACCURATE FONT SIZES & LINE HEIGHTSUse Google Font‐family: RobotoFont‐weight(s): 300(light), 400(normal), 700(bold/strong)H1 font‐size:42px color: #be0d20; H1 font‐weight:300;Default body text= font‐size: 15px; line‐height:24px; font‐weight:400; color:#282828Text links, bold/strong= #be0d20Page bkg color=#ededed
104px
248px
120px
48px
336px
336px
WIDGET HEADER: Font‐size: 22‐24px;Line‐height:24px;Color: #ffffff;
WIDGET COPY:Font‐size: 14px;Line‐height:16px;Color: #ffffff;
LINK COLOR: #ffffcc;
PLEASE NOTE: All vertical spacing and CSS line‐height should be divisible by 8 (8, 16, 24,32,40 etc.)
ALL WIDGETS:width: 340pxheight:272px
20px gutters
20px gutters
PLEASE NOTE: All vertical spacing and CSS line‐height should be divisible by 8 (8, 16, 24,32,40 etc.)
Nav menu bkg=#3b3b3b
Slider bkg: #979797Slider images to be provided
Page color#ededed
Header bkg=#ffffff
Background‐color: #be0d20border‐top:1px solid #ffffff
Page color#ededed
Font‐size: 26px;Font‐weight: 300;
Font‐size: 12px;Line‐height:16pxFont‐weight: 400;
Font‐size: 11px;Font‐weight: 400,700;
footer bkg color#ffffff
Each column in footer has: padding‐left:20px;
Button color: #be0d20
www. http://www.totalankleinstitute.com/
Border: 3px solid #be0d20
BUTTONborder:1px solid #ffffff;padding:15px;
Breadcrumb area
These are graphics
SECONDARY NAVbackground‐color:#be0d20font‐size: 14px;line‐height: 32px;padding‐left:15px;padding‐right:15px;
InBone‐Products.psdhttp://www.totalankleinstitute.com/inbone‐products.html
Font‐size:22px;Line‐height:24px;Font‐weight: 700;
Font‐size:14px;Line‐height: 16px;Font‐weight: 400;
Color:#ffffff;
Breadcrumbtext color: #282828;font‐size:15px;font‐weight:700;Height: 48px;
H1=42pxH1 weight: 300;Bold text=18pxBody text= 15pxLine‐height: 24px;
List ItemFont‐size:15pxLine‐height: 32px;
Section headerFont‐size: 28pxFont‐weight: 700;
Inbone‐P
roducts‐To
tal‐Ankle.p
sdhttp
://www.to
talanklein
stitute.co
m/in
bone‐an
kle.htm
l
Body text= 15pxLine‐height: 24px;
Title: 22px #be0d20Line‐height:16px;
Body text= 14pxLine‐height: 16px;
Title: 22px #be0d20Line‐height:24px;
Body text= 14pxLine‐height: 16px;
Products‐P
ROPHEC
Y.psd
http
://www.to
talanklein
stitute.co
m/prophecy‐p
reoperative‐n
avigation‐gu
ides.h
tml
Title: 22px #be0d20Line‐height:24px;Body text= 14pxLine‐height: 24px;
Title: 22px #be0d20Line‐height:24px;Body text= 14pxLine‐height: 24px;
Breadcrumbtext color: #282828font‐size:15px;font‐weight:700;Height: 48px;
These are graphics
H1=42pxH1 weight: 300;Bold text=18pxBody text= 15pxLine‐height: 24px;
INFINITY‐Products.psdhttp://www.totalankleinstitute.com/infinity‐products.html
Body textfont‐size:15pxline‐height: 24px;
line‐height: 32px;
INFIN
ITY‐Products‐To
tal‐Ankle.p
sdhttp
://www.to
talanklein
stitute.co
m/in
finity‐an
kle.htm
l
Section headersfont‐size:20pxline‐height: 24px;font‐weight:700;
font‐size:15pxline‐height: 32px;
Border: 1px solid #ededed
Resource‐Center.psdhttp://www.totalankleinstitute.com/resource‐center.html
Button color: #be0d20
Physician‐Stories.psdhttp://www.totalankleinstitute.com/physician‐stories.html
Events.psdhttp://www.totalankleinstitute.com/events.html
In‐the‐News.psdhttp://www.totalankleinstitute.com/in‐the‐news.html
META DATA1Font‐color:#be0d20;
POST BODYBody text= 15pxLine‐height: 24px;
About‐us.psdhttp://www.totalankleinstitute.com/about‐us.html
Contact.psdhttp://www.totalankleinstitute.com/contact.html
Recreate form at:http://www.totalankleinstitute.com/contact.html
Button color: #be0d20