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

The theme is in the details

Avatar for Tammie Lister Tammie Lister
April 26, 2014
Design
2
560

The theme is in the details

My talk from WordCamp Sheffield

Avatar for Tammie Lister

Tammie Lister

April 26, 2014
Tweet

More Decks by Tammie Lister

See All by Tammie Lister
Growing the WordPress design system
Avatar for Tammie Lister tammielis
1
1.1k
CSS in the editor
Avatar for Tammie Lister tammielis
0
330
Global styles the story so far
Avatar for Tammie Lister tammielis
1
820
Dropped stitches and tangled yarn - a call to simplify WordPress
Avatar for Tammie Lister tammielis
1
1.3k
Being Brave
Avatar for Tammie Lister tammielis
2
1.7k
Lessons from growing design in the open
Avatar for Tammie Lister tammielis
0
1.1k
Thinking in patterns
Avatar for Tammie Lister tammielis
0
43
Design matters in open source
Avatar for Tammie Lister tammielis
1
810
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
660

Other Decks in Design

See All in Design
アプリ360onWeb使い方と裏ワザ？紹介！
Avatar for ikejun360 ikejun360
1
430
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
260
モビリティプラットフォームの未来を築くクラウド基盤
Avatar for Hajime KOSHIRO kossykinto
0
160
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.1k
Installing and Running decksh/pdfdeck
Avatar for Anthony Starks ajstarks
1
910
プロダクトリニューアルと同時に進める初めてのデザインシステム
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
360
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
340
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
Avatar for Isao utm529f
0
1.7k
BXデザイン組織が挑んだスクラム 〜ブランドを育み、デザイナーを解放する変革の物語〜（Scrum Fest Mikawa 2025）
Avatar for Tadashi Inoue tadashiinoue
0
1k
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか？
Avatar for ふわり fuwarisprit
3
2k
Spectrum Tokyo_ デザイナーが事業責任者になってみた
Avatar for Woo seop Shin shin_2
0
180
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
Avatar for MIXI DESIGN mixi_design
PRO
0
140

Featured

See All Featured
Evolving SEO for Evolving Search Engines
Avatar for Ryan Jones ryanjones
0
77
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
186
22k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
0
1.9k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
65
35k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
0
250
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
19k

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?