Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The theme is in the details

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Tammie Lister Tammie Lister
April 26, 2014
Design
570
2

The theme is in the details

My talk from WordCamp Sheffield

Avatar for Tammie Lister

Tammie Lister

April 26, 2014

More Decks by Tammie Lister

See All by Tammie Lister
Growing the WordPress design system
Avatar for Tammie Lister tammielis
1
1.2k
CSS in the editor
Avatar for Tammie Lister tammielis
0
360
Global styles the story so far
Avatar for Tammie Lister tammielis
1
900
Dropped stitches and tangled yarn - a call to simplify WordPress
Avatar for Tammie Lister tammielis
1
1.4k
Being Brave
Avatar for Tammie Lister tammielis
2
1.8k
Lessons from growing design in the open
Avatar for Tammie Lister tammielis
0
1.2k
Thinking in patterns
Avatar for Tammie Lister tammielis
0
43
Design matters in open source
Avatar for Tammie Lister tammielis
1
860
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
700

Other Decks in Design

See All in Design
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
Avatar for Yu Morita securecat
1
360
Tendências de UX Research 2026
Avatar for Viviane Delvequio videlvequio
0
100
2026年、デザイナーはなにに賭ける？
Avatar for Kazuhiro Tobita 0b1tk
0
540
2026_01_07_３DプリントはじめましたLT.pdf
Avatar for HideakiTakechi hideakitakechi
0
170
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
770
I.A. como meio, não como fim. Dados + IA e até onde vai a promessa?
Avatar for Viviane Delvequio videlvequio
0
270
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
130
社長の宿題への回答 「新卒×AI」が生み出す価値
Avatar for さき saki822
2
130
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
330
公開スライド）熊本市様-電子申請中級編
Avatar for @Garyuten garyuten
0
1.2k
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.2k
「バイブコーディングって何？」から始まった、 AIとの一年間と、その先のこと
Avatar for 瀬戸英晴 seto
0
480

Featured

See All Featured
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
530
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
110
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.4k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
170
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.9k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.4k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
490
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
140
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
390

Transcript

  1. The theme is in the details TAMMIE LISTER

  2. @karmatosed

  3. “The difference between something good and something great is attention

    to detail.” ― Charles R. Swindoll

  4. SHOWS YOU CARE

  5. ADDS VALUE

  6. BECOME A THEME CRAFTER

  7. “Craftsmanship names an enduring, basic human impulse, the desire to

    do a job well for its own sake.” ― Richard Sennett, The Craftsman

  8. TAKE TIME

  9. CREATE EMOTIONAL RESPONSES

  10. HOW?

  11. FOUNDATIONS SCALE TYPOGraphy TYPOGraphy TYPOGraphy scale aphy scale TYPOGraphy raphy

    scale WHITE SPACE COLOUR Theory levels of focus TYPOGraphy sc OGraphy scale TYPOGraph y scale TYPOGraphy scale Rhythm TYPOGraphy sca TYPOGr OGraphy scale aphy scale TYPOGraphy scale TYPOGrap TYPOGraphy TYPOGraphy s TYPOGraphy scale y scale

  12. maximize by woo themes FEEDBACK

  13. parallax by themify

  14. COLOUR CHANGES SERENE BY ELEGANT THEMES

  15. HUB by woothemes

  16. STITCHED by woothemes PERSONALITY

  17. A CASE STUDY: SEARCH INPUTS

  18. sorbet by automattic

  19. twenty fourteen

  20. MEDIUM BY ARRAy

  21. pay attention to the voice

  22. SUBMIT

  23. DEVICES MAGNIFY

  24. THE ART OF DETAILS

  25. THANKS : ANY QUESTIONS?