Material Design Dimens

Additional

Language
Java
Version
1.4 (Sep 19, 2016)
Created
May 8, 2016
Updated
May 17, 2017
Owner
Dmitry Malkovich (DmitryMalkovich)
Contributors
Faiz Malkani (faizmalkani)
John Carlson (Jawnnypoo)
Dmitry Malkovich (DmitryMalkovich)
DavidDTA
4
Activity
Badge
Generate
Download
Source code
APK file

Show card

Material Design Dimens

Default colors and dimens per Material Design guidelines and Android Design guidelines inside one library.

Dimens

Pattern:

R.dimen.material_[layout|component|typography]_[keylines|button|...]

R.color.material_[red|blue|...]_[500|800|...]

Usage

Just add the dependency to your build.gradle:

compile 'com.dmitrymalkovich.android:material-design-dimens:1.4'

Examples

Dialogs

Name Dimens Values
Padding around content area @dimen/material_component_dialogs_padding_around_content_area 24dp
Padding between title and body text @dimen/material_component_dialogs_padding_between_title_and_body_text 20dp
Padding around buttons @dimen/material_component_dialogs_padding_around_buttons 8dp
Action area height @dimen/material_component_dialogs_action_area_height 52dp
Dialog elevation @dimen/material_component_dialogs_elevation 24dp

Metrics & Keylines

Name Dimens Values
Screen edge left and right margins @dimen/material_layout_keylines_screen_edge_margin 16dp
Content associated with an icon or avatar left margin @dimen/material_layout_keylines_content_left_margin_from_screen_edge 72dp
Horizontal margins on mobile @dimen/material_layout_keylines_horizontal_mobile_margin 16dp

Cards

Name Dimens Values
Primary title top padding @dimen/material_component_cards_primary_title_top_padding 24dp
Primary title bottom padding @dimen/material_component_cards_primary_title_bottom_padding 16dp
Action button row padding @dimen/material_component_cards_action_button_row_padding 8dp
Supporting text top padding @dimen/material_component_cards_supporting_text_top_padding 16dp
Supporting text bottom padding @dimen/material_component_cards_supporting_text_bottom_padding 24dp

Floating Action Buttons

Dimens Values
@dimen/material_component_floating_action_button_margin 16dp
@dimen/material_component_button_height 36dp
@dimen/material_component_button_touchable_target_height 48dp

Color Palette

Colors Value
@color/material_indigo_100 #C5CAE9
@color/material_indigo_500 #3F51B5
@color/material_indigo_700 #303F9F

Layout

  • Keylines
  • Spacing
  • ... (More comming soon)

Components

  • Bottom sheets
  • Buttons
  • Floating Action Buttons
  • Cards
  • Dialogs
  • Grid lists
  • Lists
  • Text fields
  • Toolbars
  • ... (More comming soon)

Typography

  • Font sizes

Sample

Contributing

Want to add your favorites dimens, just make pull request!

External contributors

License

Copyright 2016 Dmitry Malkovich

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.