SlideShare una empresa de Scribd logo
1 de 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!

Más contenido relacionado

La actualidad más candente

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
 

La actualidad más candente (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 ...
 

Similar a 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
 
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
 
BcnDevCon13 - No Designer? No Problem!
BcnDevCon13 - No Designer? No Problem!BcnDevCon13 - No Designer? No Problem!
BcnDevCon13 - No Designer? No Problem!Edin Kapic
 

Similar a 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
 
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
 
BcnDevCon13 - No Designer? No Problem!
BcnDevCon13 - No Designer? No Problem!BcnDevCon13 - No Designer? No Problem!
BcnDevCon13 - No Designer? No Problem!
 

Último

UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPathCommunity
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityIES VE
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Nikki Chapple
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsRavi Sanghani
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024TopCSSGallery
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...itnewsafrica
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3
 
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
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxLoriGlavin3
 
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationData governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationKnoldus Inc.
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesKari Kakkonen
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3
 
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
 
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
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch TuesdayIvanti
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersNicole Novielli
 

Último (20)

UiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to HeroUiPath Community: Communication Mining from Zero to Hero
UiPath Community: Communication Mining from Zero to Hero
 
Decarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a realityDecarbonising Buildings: Making a net-zero built environment a reality
Decarbonising Buildings: Making a net-zero built environment a reality
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
 
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
Microsoft 365 Copilot: How to boost your productivity with AI – Part one: Ado...
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and Insights
 
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024
 
Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024Top 10 Hubspot Development Companies in 2024
Top 10 Hubspot Development Companies in 2024
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
 
Moving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdfMoving Beyond Passwords: FIDO Paris Seminar.pdf
Moving Beyond Passwords: FIDO Paris Seminar.pdf
 
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptxA Deep Dive on Passkeys: FIDO Paris Seminar.pptx
A Deep Dive on Passkeys: FIDO Paris Seminar.pptx
 
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
 
The State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptxThe State of Passkeys with FIDO Alliance.pptx
The State of Passkeys with FIDO Alliance.pptx
 
Data governance with Unity Catalog Presentation
Data governance with Unity Catalog PresentationData governance with Unity Catalog Presentation
Data governance with Unity Catalog Presentation
 
Testing tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examplesTesting tools and AI - ideas what to try with some tool examples
Testing tools and AI - ideas what to try with some tool examples
 
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxUse of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx
 
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
 
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
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
2024 April Patch Tuesday
2024 April Patch Tuesday2024 April Patch Tuesday
2024 April Patch Tuesday
 
A Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software DevelopersA Journey Into the Emotions of Software Developers
A Journey Into the Emotions of Software Developers
 

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!