Skip to content
  • Home
  • Info
Decks Slides Marketplace

Widelabs Brand Guidelines 2017 / Guideline

Logo grid and spacing

Detailed grid system defining protective field dimensions with labeled measurements and spacing ratios for precise logo placement

Slide 9 of 50

  1. Widelabs Brand Guidelines 2017 01
  2. Transition slide marking the beginning of the brand system documentation 02
  3. Widelabs identity and values 03
  4. Navigation guide listing major sections: logo construction, brand signet, materials 04
  5. Section opener introducing logo guidelines covering logotype, construction methodology, brand 05
  6. Widelabs logotype with usage examples showing the mark on dark 06
  7. Practical mockups demonstrating how the Widelabs logo appears across watches 07
  8. Specifications for logo placement minimum clear space, protective field dimensions 08
  9. Logo grid and spacing 09
  10. Logo field and margins 10
  11. Comparative examples showing correct and incorrect logo positioning within various 11
  12. Mockups demonstrating logo usage on digital platforms including app watch 12
  13. Examples showing brand application on printed materials including business cards 13
  14. Brand application example in physical environments and spatial design contexts 14
  15. Section divider introducing typeface guidelines and font family selections 15
  16. Widelabs uses Sequel Sans as the primary typeface family 16
  17. Defined typeface scale specifying sizes for headings, body text, captions 17
  18. Specifications for bold, italic, and other typeface weights with guidelines 18
  19. Real-world examples showing how Sequel Sans typeface functions within actual 19
  20. Case study mockup highlighting Widelabs design achievement: 300 products designed 20
  21. Section divider introducing color system guidelines specifying primary, secondary 21
  22. Primary color palette with hex codes, RGB values, and technical 22
  23. Extended secondary color set providing additional design flexibility beyond 23
  24. Widelabs primary purple color with approved tonal variations showing treatments 24
  25. Accent and highlight color specifications for UI elements, interactive components 25
  26. Section divider introducing imagery guidelines covering photography, illustration, and visual 26
  27. Standards for photography styling, lighting approach, and aesthetic direction 27
  28. Illustration approach defining line quality, visual style, and treatment 28
  29. Guidelines for post-processing treatments, filters, and effects applied consistently across 29
  30. Examples of past design projects demonstrating brand application and visual 30
  31. Section opener introducing icon design standards, grid system, and usage 31
  32. Icon construction methodology with grid alignment, consistency rules, and design 32
  33. Icon sizing and scale 33
  34. Complete icon library showing comprehensive set with multiple variations 34
  35. Section divider introducing motion design principles, animation standards, and easing 35
  36. Widelabs uses appropriate easing functions for individual elements, with ease 36
  37. Duration, easing curve, and technical specifications for brand animations ensuring 37
  38. Section divider introducing modular grid system and alignment principles 38
  39. Modular grid system with baseline grid specifications for consistent alignment 39
  40. Standardized spacing scale and margin specifications ensuring consistent visual rhythm 40
  41. Section divider introducing client work, case studies, and project portfolio 41
  42. Detailed case study showing design process, deliverables, problem-solving approach 42
  43. Second portfolio project demonstrating the range and versatility of Widelabs 43
  44. Overview of Widelabs design process and approach for solving client 44
  45. Mockups demonstrating brand application across responsive web and mobile design 45
  46. Brand display mockups across desktop, tablet, and mobile device interfaces 46
  47. Client feedback highlighting the quality of Widelabs work 47
  48. Concluding section reinforcing key brand guidelines and proper usage principles 48
  49. Brand application on social platforms with Instagram post examples showing 49
  50. Contact information and call-to-action for potential client inquiries and collaboration 50

1/50

Deck.gallery

Curated by Muharrem Senyil

© 2026