Material Design
Clean, purposeful design following Google's Material Design principles.
Design
Interfaces that feel native.
Material Design interfaces, drawn to Google's guidelines for Android phones and tablets.
The practice
Three things every screen has to do.
Design work here is structural before it is decorative. These are the tests a layout has to pass before it is worth drawing in detail.
Adaptive Layout
Responsive design that works beautifully across all Android devices.
Native Feel
Authentic Android experience with familiar navigation and interactions.
The module
Eight pixels, all the way down.
Material’s baseline grid is eight density-independent pixels. So is our module. The two systems meet without anyone having to translate, which is why platform conventions and brand geometry can sit on the same screen without arguing.
One unit — 8px. Every measure on this page is a multiple of it.
Concept explorations
Six ideas, drawn in the system.
Internal design explorations, not client work and not shipped products.
01
Tecnicubes AI
Personal, private, powerful.
02
Productivity Hub
Your workplace can be any place.
03
Creative Studio
Take your inner artist out and about.
04
Learning Center
Knowledge at your fingertips.
05
Wellness Journey
Mind, body, and soul harmony.
06
Security Shield
Privacy protection at its finest.
Form factors
One system, two proportions.
The same components, re-composed rather than rescaled. A tablet is not a stretched phone, and a layout that pretends otherwise gives itself away in the first second of use.
Android Mobile
Built for the thumb.
A single column, one clear action per screen, and navigation exactly where the platform has trained people to reach for it.
- Material Design components
- Android navigation patterns
- Google Play Store aesthetics
Android Tablet
Built for the room.
The extra width buys a persistent rail and a second pane, so context stays on screen instead of being paged in and out.
- Persistent navigation rail
- Two-pane detail layouts
- Density tuned to the larger measure