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