SlideShare une entreprise Scribd logo
1  sur  17
BEAUTIFY
YOUR BLOG
HOW TO MAKE YOUR SITE
LOOK awesome!
Gemma from Jane&Philbert
BLOG & WEBSITE THEMES
• What is your platform? (WordPress.com/.org, Blogger, Tumblr
etc.)
• NOT ALL THEMES ARE CREATED
EQUAL!
FONTS & TYPOGRAPHY
• A little web font history
• What the hell is a “serif” and a “sans-serif” font?!
FONTS & TYPOGRAPHY
• And a “Display” font...?

It looks

BRILLIANT when huge...
...and

completely shit

when small.
FONTS & TYPOGRAPHY
• Rule of thumb:
ONE GREAT TEXT FONT
+
ONE OR TWO DISPLAY FONTS FOR TITLES
& HEADINGS
=
EASY TYPOGRAPHY RECIPE FOR BEGINNERS
DON’T FEAR THE FACE

Would you trust this man?
DIY HEADERS & GRAPHICS
• Bravery
• Practice
• The ability to “appropriate” other people’s designs.
• And now for a rant about “colour theory”...
MMM, HEALTHY & NOURISHING
JOYFUL SUNSHINE?
EARTHY AND MANLY?
DIY HEADERS & GRAPHICS
• Colour means nothing without context
• Just consider your target audience, and pick a colour that
reflects who you are best to those people.
• Not sure about “your style”? Build a Pinterest board of styles
you like
DIY HEADERS & GRAPHICS
• Pixlr.com
• KEEP IT SIMPLE
• Look at colours and fonts used on your site – those are useful
pointers to keep everything on brand
• Use your Pinterest board for inspiration
Q+A
MORE INFO AVAILABLE AT
janeandphilbert.com/mumsne
t

THANKS &

Happy Pimping!

Contenu connexe

Tendances

Danny Chew Wedding Fashion Shoot
Danny Chew Wedding Fashion ShootDanny Chew Wedding Fashion Shoot
Danny Chew Wedding Fashion ShootShootFest
 
Design for non-designers: five visual principles to guide you
Design for non-designers: five visual principles to guide youDesign for non-designers: five visual principles to guide you
Design for non-designers: five visual principles to guide youDavid Hall
 
The 17 Graphic Design Tips All Non Designers Need to Know
The 17 Graphic Design Tips All Non Designers Need to KnowThe 17 Graphic Design Tips All Non Designers Need to Know
The 17 Graphic Design Tips All Non Designers Need to KnowRam Chary Everi
 
Designing hacks
Designing hacksDesigning hacks
Designing hacksjbcima
 
Survival skills for designers
Survival skills for designersSurvival skills for designers
Survival skills for designersRobert Hsu
 
Career counseling emily kolm and ad astra part ii making connections
Career counseling emily kolm and ad astra part ii making connectionsCareer counseling emily kolm and ad astra part ii making connections
Career counseling emily kolm and ad astra part ii making connectionsAd Astra Group
 
Epic #SEOisAEO series: More than you thought you needed to know about Schema ...
Epic #SEOisAEO series: More than you thought you needed to know about Schema ...Epic #SEOisAEO series: More than you thought you needed to know about Schema ...
Epic #SEOisAEO series: More than you thought you needed to know about Schema ...Anton Shulke
 

Tendances (9)

Danny Chew Wedding Fashion Shoot
Danny Chew Wedding Fashion ShootDanny Chew Wedding Fashion Shoot
Danny Chew Wedding Fashion Shoot
 
Design for non-designers: five visual principles to guide you
Design for non-designers: five visual principles to guide youDesign for non-designers: five visual principles to guide you
Design for non-designers: five visual principles to guide you
 
The 17 Graphic Design Tips All Non Designers Need to Know
The 17 Graphic Design Tips All Non Designers Need to KnowThe 17 Graphic Design Tips All Non Designers Need to Know
The 17 Graphic Design Tips All Non Designers Need to Know
 
Designing hacks
Designing hacksDesigning hacks
Designing hacks
 
Masthead
MastheadMasthead
Masthead
 
Slides That Rock
Slides That RockSlides That Rock
Slides That Rock
 
Survival skills for designers
Survival skills for designersSurvival skills for designers
Survival skills for designers
 
Career counseling emily kolm and ad astra part ii making connections
Career counseling emily kolm and ad astra part ii making connectionsCareer counseling emily kolm and ad astra part ii making connections
Career counseling emily kolm and ad astra part ii making connections
 
Epic #SEOisAEO series: More than you thought you needed to know about Schema ...
Epic #SEOisAEO series: More than you thought you needed to know about Schema ...Epic #SEOisAEO series: More than you thought you needed to know about Schema ...
Epic #SEOisAEO series: More than you thought you needed to know about Schema ...
 

Similaire à Beautify Your Blog with Gemma Regalado of Jane&Philbert

Becoming a Web Design Champion
Becoming a Web Design ChampionBecoming a Web Design Champion
Becoming a Web Design ChampionMeagan Fisher
 
Building a Powerful Small Business Website
Building a Powerful Small Business WebsiteBuilding a Powerful Small Business Website
Building a Powerful Small Business WebsiteReal Time Web Marketing
 
Make your school magazine look professional
Make your school magazine look professionalMake your school magazine look professional
Make your school magazine look professionalpostgradasia
 
JONAS' RESOURCES FOR BUILDING BEAUTIFUL WEBSITES WITH HTML, CSS AND JAVASCRIPT
JONAS' RESOURCES FOR BUILDING BEAUTIFUL WEBSITES WITH HTML, CSS AND JAVASCRIPTJONAS' RESOURCES FOR BUILDING BEAUTIFUL WEBSITES WITH HTML, CSS AND JAVASCRIPT
JONAS' RESOURCES FOR BUILDING BEAUTIFUL WEBSITES WITH HTML, CSS AND JAVASCRIPTTanyaVarshney9
 
Course Udemy WebDesign Basic
Course Udemy WebDesign BasicCourse Udemy WebDesign Basic
Course Udemy WebDesign Basicviet nghiem
 
Design Deliverables for a Post-Comp Era
Design Deliverables for a Post-Comp EraDesign Deliverables for a Post-Comp Era
Design Deliverables for a Post-Comp EraDan Mall
 
Designing for the Social Web
Designing for the Social WebDesigning for the Social Web
Designing for the Social WebJustin Seeley
 
The unbearable likeness of web design
The unbearable likeness of web designThe unbearable likeness of web design
The unbearable likeness of web designSarah Semark
 
Child Themes, Starter Themes, and Frameworks... Oh My!
Child Themes, Starter Themes, and Frameworks... Oh My!Child Themes, Starter Themes, and Frameworks... Oh My!
Child Themes, Starter Themes, and Frameworks... Oh My!Julie Kuehl
 
Make presentations that rock!
Make presentations that rock!Make presentations that rock!
Make presentations that rock!Akash Shrivastava
 
Extensis Web Typography Workshop | WebVisions Portland
Extensis Web Typography Workshop | WebVisions PortlandExtensis Web Typography Workshop | WebVisions Portland
Extensis Web Typography Workshop | WebVisions PortlandExtensis
 
FLBlogCon*tent - Learn to Write Mo' Better!
FLBlogCon*tent  - Learn to Write Mo' Better!FLBlogCon*tent  - Learn to Write Mo' Better!
FLBlogCon*tent - Learn to Write Mo' Better!FLBlogCon
 
BEG, BORROW, OR STEAL? WHERE TO BEGIN WHEN BUILDING A THEME
BEG, BORROW, OR STEAL? WHERE TO BEGIN WHEN BUILDING A THEMEBEG, BORROW, OR STEAL? WHERE TO BEGIN WHEN BUILDING A THEME
BEG, BORROW, OR STEAL? WHERE TO BEGIN WHEN BUILDING A THEMEJulie Kuehl
 
Designing Your UX Career
Designing Your UX CareerDesigning Your UX Career
Designing Your UX CareerBen Sykes
 
The Brand of YOU: Using Social Media & Building Your Online Reputation
The Brand of YOU: Using Social Media & Building Your Online Reputation The Brand of YOU: Using Social Media & Building Your Online Reputation
The Brand of YOU: Using Social Media & Building Your Online Reputation Erica Campbell Byrum
 

Similaire à Beautify Your Blog with Gemma Regalado of Jane&Philbert (20)

Becoming a Web Design Champion
Becoming a Web Design ChampionBecoming a Web Design Champion
Becoming a Web Design Champion
 
Building a Powerful Small Business Website
Building a Powerful Small Business WebsiteBuilding a Powerful Small Business Website
Building a Powerful Small Business Website
 
Make your school magazine look professional
Make your school magazine look professionalMake your school magazine look professional
Make your school magazine look professional
 
JONAS' RESOURCES FOR BUILDING BEAUTIFUL WEBSITES WITH HTML, CSS AND JAVASCRIPT
JONAS' RESOURCES FOR BUILDING BEAUTIFUL WEBSITES WITH HTML, CSS AND JAVASCRIPTJONAS' RESOURCES FOR BUILDING BEAUTIFUL WEBSITES WITH HTML, CSS AND JAVASCRIPT
JONAS' RESOURCES FOR BUILDING BEAUTIFUL WEBSITES WITH HTML, CSS AND JAVASCRIPT
 
Course Udemy WebDesign Basic
Course Udemy WebDesign BasicCourse Udemy WebDesign Basic
Course Udemy WebDesign Basic
 
Design Deliverables for a Post-Comp Era
Design Deliverables for a Post-Comp EraDesign Deliverables for a Post-Comp Era
Design Deliverables for a Post-Comp Era
 
I am-designer
I am-designerI am-designer
I am-designer
 
I am-designer
I am-designerI am-designer
I am-designer
 
Designing for the Social Web
Designing for the Social WebDesigning for the Social Web
Designing for the Social Web
 
The unbearable likeness of web design
The unbearable likeness of web designThe unbearable likeness of web design
The unbearable likeness of web design
 
Child Themes, Starter Themes, and Frameworks... Oh My!
Child Themes, Starter Themes, and Frameworks... Oh My!Child Themes, Starter Themes, and Frameworks... Oh My!
Child Themes, Starter Themes, and Frameworks... Oh My!
 
Make presentations that rock!
Make presentations that rock!Make presentations that rock!
Make presentations that rock!
 
Doing business
Doing businessDoing business
Doing business
 
Extensis Web Typography Workshop | WebVisions Portland
Extensis Web Typography Workshop | WebVisions PortlandExtensis Web Typography Workshop | WebVisions Portland
Extensis Web Typography Workshop | WebVisions Portland
 
Redesign on a dime
Redesign on a dimeRedesign on a dime
Redesign on a dime
 
FLBlogCon*tent - Learn to Write Mo' Better!
FLBlogCon*tent  - Learn to Write Mo' Better!FLBlogCon*tent  - Learn to Write Mo' Better!
FLBlogCon*tent - Learn to Write Mo' Better!
 
BEG, BORROW, OR STEAL? WHERE TO BEGIN WHEN BUILDING A THEME
BEG, BORROW, OR STEAL? WHERE TO BEGIN WHEN BUILDING A THEMEBEG, BORROW, OR STEAL? WHERE TO BEGIN WHEN BUILDING A THEME
BEG, BORROW, OR STEAL? WHERE TO BEGIN WHEN BUILDING A THEME
 
Designing with Personas
Designing with PersonasDesigning with Personas
Designing with Personas
 
Designing Your UX Career
Designing Your UX CareerDesigning Your UX Career
Designing Your UX Career
 
The Brand of YOU: Using Social Media & Building Your Online Reputation
The Brand of YOU: Using Social Media & Building Your Online Reputation The Brand of YOU: Using Social Media & Building Your Online Reputation
The Brand of YOU: Using Social Media & Building Your Online Reputation
 

Dernier

How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity PlanDatabarracks
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 

Dernier (20)

How to write a Business Continuity Plan
How to write a Business Continuity PlanHow to write a Business Continuity Plan
How to write a Business Continuity Plan
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxMerck Moving Beyond Passwords: FIDO Paris Seminar.pptx
Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
The Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and ConsThe Ultimate Guide to Choosing WordPress Pros and Cons
The Ultimate Guide to Choosing WordPress Pros and Cons
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 

Beautify Your Blog with Gemma Regalado of Jane&Philbert

  • 1. BEAUTIFY YOUR BLOG HOW TO MAKE YOUR SITE LOOK awesome! Gemma from Jane&Philbert
  • 2.
  • 3.
  • 4. BLOG & WEBSITE THEMES • What is your platform? (WordPress.com/.org, Blogger, Tumblr etc.) • NOT ALL THEMES ARE CREATED EQUAL!
  • 5. FONTS & TYPOGRAPHY • A little web font history • What the hell is a “serif” and a “sans-serif” font?!
  • 6.
  • 7. FONTS & TYPOGRAPHY • And a “Display” font...? It looks BRILLIANT when huge... ...and completely shit when small.
  • 8. FONTS & TYPOGRAPHY • Rule of thumb: ONE GREAT TEXT FONT + ONE OR TWO DISPLAY FONTS FOR TITLES & HEADINGS = EASY TYPOGRAPHY RECIPE FOR BEGINNERS
  • 9. DON’T FEAR THE FACE Would you trust this man?
  • 10. DIY HEADERS & GRAPHICS • Bravery • Practice • The ability to “appropriate” other people’s designs. • And now for a rant about “colour theory”...
  • 11. MMM, HEALTHY & NOURISHING
  • 14. DIY HEADERS & GRAPHICS • Colour means nothing without context • Just consider your target audience, and pick a colour that reflects who you are best to those people. • Not sure about “your style”? Build a Pinterest board of styles you like
  • 15. DIY HEADERS & GRAPHICS • Pixlr.com • KEEP IT SIMPLE • Look at colours and fonts used on your site – those are useful pointers to keep everything on brand • Use your Pinterest board for inspiration
  • 16. Q+A
  • 17. MORE INFO AVAILABLE AT janeandphilbert.com/mumsne t THANKS & Happy Pimping!