Ecco System
0.3.0
0.3.0
  • Please read this first!
  • Concept foundation
  • Tokens
    • Colors
    • Typography
    • Spacing
    • Border radius
    • Grid
  • Components
    • Buttons
    • Form elements
      • Checkbox
      • Checkbox Toggle
      • Date picker
      • Dropdown
      • File Selector
      • Radio button
      • Slider
      • Text fields
    • Lists
      • Tables
    • Menus
      • Global navigation
      • Tabs
      • Tree
    • Modal
    • Pagination
    • Toast and Status Bar
    • Tool tip
  • Templates
    • Web desktop templates
    • Larger mobile templates
    • Smaller mobile templates
Powered by GitBook
On this page

Was this helpful?

  1. Tokens

Grid

FCA devices' grid.

PreviousBorder radiusNextComponents

Last updated 4 years ago

Was this helpful?

FCA web interfaces have a 32px margin and divided into 8 columns, in preferably 16 px between them.

Mobile grid also have 8 columns, however its margin is 8px at right and left.

Desktop grid
This is a larger ratio mobile example
This is a small ratio mobile example