magma

magma

  • Matter
  • CLI
  • API
  • Help
  • Blog
  • Resources

›Primitives

Matter

  • Digital Substance

Primitives

  • Typography
  • Text Tokens
  • Color
  • Color Tokens
  • Icons
  • Grid
  • Spacing
  • Elevation

Components

    Transaction-focused

    • Accordion
    • Alert Box
    • Avatar
    • Badge
    • Breadcrumb
    • Button Group
    • Button
    • Callout
    • Checkbox
    • Date Picker
    • Date Time Picker
    • Dropdown Menu
    • Filter Search
    • Filter Tags
    • Input Text
    • Link
    • Pagination
    • Progress Indicator
    • Radio Button
    • Rating
    • Select
    • Slider
    • Spinner
    • Tabs
    • Toast
    • Tooltip

    Content-focused

    • Core Editorial
    • Autoría

Containers

  • Container 1
  • Container 2

Modules

    Structural

    • Cabecera
    • footer

    Other

    • Orden de trabajo
    • Otros

Patterns

  • This is document number 3

Espaciado

Estas pautas indican el tipo de espaciado usado en Repsol.

Descarga la librería


Sistema de espaciado

Repsol Design System sigue un sistema de espaciado de 8 px entre los elementos que componen la interfaz de usuario.

Al establecer 8 px como unidad base nos aseguramos una escala más consistente debido a que la mayoría de resoluciones son divisibles entre 8.

Spacing - RDS

Dentro de la escala existen dos excepciones que son 4 y 12 px de spacing lo que nos permite crear un margen y padding más pequeño o intermedio.

Spacing - RDS

← GridElevation →
  • Sistema de espaciado
magma
Docs
Getting Started (or other categories)Guides (or other categories)API Reference (or other categories)
Community
User ShowcaseStack OverflowProject ChatTwitter
More
BlogGitHubStar
Facebook Open Source
Copyright © 2019 Secuoyas Experience SLU