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
320
Global styles the story so far
Avatar for Tammie Lister tammielis
1
800
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
780
Opportunity of Open Source
Avatar for Tammie Lister tammielis
0
650

Other Decks in Design

See All in Design
Vibe Coding デザインシステム
Avatar for poteboy poteboy
3
1.5k
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
680
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
490
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
1.2k
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
600
企画を動かすデザイナーの思考！「広げて絞る」アプローチ。
Avatar for Hikida Kan hikidakan
0
210
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
0
310
Yahoo!フリマ：生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
550
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
6
930
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
Avatar for 都村　美帆 abokadotyann
9
2.7k
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
620
【Designship 2025｜10.11】デザイン組織と事業貢献、その挑戦と結果。
Avatar for payatsun payatsusan213
1
800

Featured

See All Featured
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.3k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
5
750
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
73
11k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.3k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1k
The Language of Interfaces
Avatar for Des Traynor destraynor
162
25k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.7k
Designing for Performance
Avatar for Lara Hogan lara
610
69k

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?