Log in – Header area 1 Lock icon size 14 x 18px. Mobile: Lock icon Tablet, Desktop and wide desktop: Lock icon + text ”Logg in” Log in text: –Font: Arial,

Slides:



Advertisements
Similar presentations
© Hexaware Technologies. All rights reserved. © Hexaware Technologies. All rights reserved. Passionate Employees Innovative Services Delighted.
Advertisements

1 Lesson 5. 2 R3 R1 R5 R4 R6 R2 B B A A
CGI.com Style Guide 1. Colours Cherry #E31937 Beet #991F3D Pumpkin #FF6A00 Honey #F2A200 Cloud #A5ACB0 Ice # A1C4D0 Main text colour #333.
Links.  Styling Links  Links can be styled with any CSS property (e.g. color, font-family, background-color).  Special for links are that they can.
Web Development & Design Foundations with XHTML Chapter 7 Key Concepts.
Web Development & Design Foundations with XHTML Chapter 7 Key Concepts.
Oral Session First & Last name Your address Phone: Your contact phone Mobile phone: Your contact mobile phone Address: Your business address.
Presentation Title Font: Helvetica Regular Size:44 Title may be centered or flush left.
Presentation Title Font: Helvetica Regular Size:44 Title may be centered or flush left.
 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.
Review Questions 1. Which typestyle has a heavy mark? 2. Which effect has a line through a word? 3. Which typestyle is slanted? 4. What is a unit of measurement?
Content Typography & colours. Typography principles The objectives for typography in our web appearance are to help us maintain consistency with our overall.
Icons, links and buttons We have a unique icon design principle. Our icons are based on the same irregular circle shape with a clear graphic pictogram.
Forms and tables NOTE THAT FOR THE FORMS AND IFRAMED CONTENT TO BE RESPONSIVE THE CONTENT OWNER NEEDS TO MAKE THEM RESPONSIVE ACCORDING TO INTERNET RESPONSIVE.
Title Slide (Arial bold, 36 pt., centered ) Name of Presenter (Arial bold, 24 pt., centered)
August 31, 2015 Ms. Fiorante CC Enrichment. * STEP #1 GO TO * YOU WILL NEED A GMAIL ACCOUNT TO SIGN UP.
House Styles for ICT How we expect your work to be presented……
Web parts, elements and user controls Width: 350 px / Height: 125 px Rounded corners: Rounding 6 px Background color: ? Name text: Arial, Bold, 12 px,
READ ME FIRST All text boxes are placeholder text and can be directly typed into All image boxes are placeholders. Entrant should search for image by clicking.
1 © Cepheid Speaker NameSpeaker Name June 2013June 2013 Presentation Title Can Be Up to Three Lines in Length © Cepheid.
Navigation Typography– Mega Drop Down Menu 1 Wide Desktop Login: Arial, Regular, 14 px, #f08c00 Hover: Underline Toolbar link: Arial, 11 px, #999999, underline.
ADD THE TITLE OF THE POSTER HERE IN ARIAL NARROW BOLD ALL IN CAPITAL FONT SIZE 40 PT Name and refrences of author : Font Arial 18 pt.
1 of TOTALwww.ednovo.orgPage 1 of TOTAL Gooru UX Style Guide 8/3/2011.
Navigation grid – Wide desktop 1 Main navigation bar maximum width 890 px (= 4 content columns) 3 text columns, each 256 px wide 51 px margins in between.
Sub title- Authors (font 50; black; bold)
Title of presentation in Arial Bold 22pt allows for up to two lines
Place your logo here Poster size: A0 (841 x 1189 mm)
Sub title- Authors (font 50; black; bold)
Sub title- Authors (font 50; black; bold)
Presentation Subtitle
Small corporate logo may Go here
TITLE (CALIBRI 36 PT BOLD)
Title of Poster Arial 88 pt Centered on Poster Small Caps
TITLE (CALIBRI 36 PT BOLD)
Presentation Title Subtitle.
TITLE (CALIBRI 36 PT BOLD)
Title of Poster Arial 88 pt Centered on Poster Small Caps
TITLE (CALIBRI 36 PT BOLD)
Presentation Title Presentation Subtitle.
Logo of your institution (if available)
TITLE (CALIBRI 36 PT BOLD)
TITLE (CALIBRI 36 PT BOLD)
Title of academic poster
Title of academic poster
University/Department / Faculty (Arial Bold 28-32)
A Tutorial for Students Word 2003 Version
TITLE (CALIBRI 36 PT BOLD)
TITLE (CALIBRI 36 PT BOLD)
Title of academic poster
TITLE (CALIBRI 36 PT BOLD)
TITLE (CALIBRI 36 PT BOLD)
Logo of your institution (if available)
Information Only – Read and Delete this slide before publishing
TITLE (CALIBRI 36 PT BOLD)
Title of academic poster
TITLE (CALIBRI 36 PT BOLD)
Sub title- Authors (font 50; black; bold)
TITLE (CALIBRI 36 PT BOLD)
Paper Title in One or Two Lines
TITLE (CALIBRI 36 PT BOLD)
Sub title- Authors (font 50; black; bold)
Title: Arial Bold 95 Pts. Subtitle (Optional): Arial Bold 65 Pts.
Sub title- Authors (font 50; black; bold)
Logo of your institution (if available)
TITLE (CALIBRI 36 PT BOLD)
Title-font:125-Arial Authors-font: 80-Arial Affiliation-font:60-Arial
Sub title- Authors (font 50; black; bold)
TITLE (CALIBRI 36 PT BOLD)
Use this slide to present information in bullet form.
Presentation transcript:

Log in – Header area 1 Lock icon size 14 x 18px. Mobile: Lock icon Tablet, Desktop and wide desktop: Lock icon + text ”Logg in” Log in text: –Font: Arial, Regular, 14 px, #f08c00 –Hover: Underline Mobile Tablet Desktop Wide desktop

Log in - Wide Desktop, Desktop, Tablet 2 Oma Fortum: Corporate A, font-size 18px, #ffffff Title: Corporate S, bold, font-size 15px, # Input placeholder (grey text): Corporate S, font-size 15px, #b3b3b3 Button text: Arial, Regular, font-size 15px, #ffffff BGcolor: ? Links: Corporate S, Regular, font-size 15px #eb6a0f / Hover: #f08c00 Text: Corporate S, Regular, font-size 14px, #000000

Log in - Mobile 3 Title: Corporate S, bold, font-size 15px, # Input placeholder (Gray text): Corporate S, font-size 18px, #b3b3b3 Button text: Arial, Regular, font-size 15px, #ffffff BGcolor: ? Links: Corporate S, Regular, font-size 15px #eb6a0f / Hover: #f08c00, underline Text: Corporate S, Regular, font-size 14px, #000000