GoodBarber
  • Precios
LoginCrear una app
  • PRINCIPALES TENDENCIAS DE APPS
  • eCommerce
  • Membresía
  • Cursos online
  • Reserva online
  • Guia de viaje
  • Eventos
  • Comunicación con los empleados
  • Creadores de contenido
  • Entrega local y Recogida en tienda
  • LOS ESCENCIALES
  • Periódico
  • Radio
  • Escuelas y Universidades
  • Fe
  • Organizaciones
  • Restaurante
  • Tienda de comestibles
  • Construye tu propia
  • GoodBarber para ResellersTienes una agencia y quieres revender nuestras solucionesDescubre la oferta
  • Desarrollo personalizadoGoodBarber crea la aplicación que se adapta a las necesidades únicas de tu negocioSolicitar presupuesto
Explorar todas las soluciones
  • APP BUILDER SIN CÓDIGO
  • Apps de contenido
  • Apps de eCommerce
  • Extensions Store
  • El dashboard ideal
  • TECNOLOGÍA
  • Apps nativas (iOS y Android)
  • Aplicación web progresiva
  • Design system
  • Desarrolladores
  • GoodBarber logo¿POR QUÉ GOODBARBER?
  • ADN de GoodBarber
  • GoodBarberheart emojiDiseño
  • El mejor creador de aplicaciones
  • RECURSOS DE PRODUCTOS
  • Blog
  • GoodBarber Academy
  • Vídeo tutorial
  • FAQ
  • Actualizaciones y lanzamientos
  • Ayuda online
  • TEMAS
  • Cómo crear una aplicación
  • Cómo probar una aplicación con TestFlight
  • Cómo crear una cuenta de desarrollador de Google
  • Cómo convertir un archivo de Excel en una aplicación
  • Cómo escoger un creador de apps
  • Asistencia excepcionalVerdaderos expertos le acompañan en cada paso de la creación de su aplicación móvilDescubre
  • resellerRESELLERS DE APLICACIONES MÓVILES
  • Programa de reseller
  • ¿Cómo vender una aplicación?
  • Testimonios de Reseller
  • Blog Reseller
  • compassDESCUBRIR
  • Usa un creador de aplicaciones para vender aplicaciones
  • Descarga nuestra guía de agencias
  • Los consejos de marketing de Apple y Google para vender tus productos y servicios
  • GBTC: Publica tu app con facilidadDescubre GoodBarber Se Hace Cargo y simplifica el proceso de publicación de aplicaciones tanto para App Store como para Google Play. Permítanos manejar los detalles técnicos por ti.Más información sobre GBTC

Design System

Overview
  • Foundations
    • Layout
      • Grid
      • Spacing
      • Breakpoints
      • Layers
    • Graphic elements
      • Color
      • Typography
      • Images Aspect Ratios
      • Icons
  • Atomic Components
    • Color atom
    • Font atom
    • Image atom
    • Gradient atom
    • Shape atom
    • Shadow atom
    • Size atom
    • Border atom
    • Blur atom
    • Overlay atom
  • UI Components
    • Background
    • Text Field
    • Dropdown
    • Date & Time Picker
    • Checkboxes & Radio Button
    • Button
    • Thumbnail
    • Form
Atomic Components icon

Atomic Components

Atomic components in our design system establish the visual attributes of individual graphic elements, such as size, color, and shape. They play a crucial role in shaping the overall style and consistency of the app.

  • Color

    Color atom

    Defines the appearance of app components by applying color properties.

  • Font atom

    Font atom

    This atom sets font properties across devices, including color, family, and size.

  • Image atom

    Image atom

    Exclusive to bitmap images, the image atom plays a central role in app design.

  • Gradient Atom

    Gradient atom

    This constitutional object of the background component produces a gradient.

  • Shape Atom

    Shape atom

    The Shape Atom presets component shapes for a consistent design.

  • Shadow Atom

    Shadow atom

    Managing component shadows with preset levels and customization options.

  • Size Atom

    Size atom

    The size atom describes the size of a component.

  • Border atom

    Border atom

    This atom defines outline properties like their color and their size.

  • Blur Atom

    Blur atom

    Applies blurring effects to a component to create a sense of depth and focus.

  • Overlay Atom

    Overlay atom

    A customizable gradient can be placed atop images, components, or pages.

  • EMPRESA
  • Sobre Nosotros
  • Soporte impresionante
  • ADN de GoodBarber
  • Startup Studio
  • Empleos
  • Prensa
  • T&C
  • Política de privacidad y RGPD
  • Contacto
  • PRODUCTO
  • App de tienda online
  • Crear una app
  • Crear una PWA
  • Lista de Extensiones
  • Programa Reseller de Apps
  • Precios
  • Comentarios de los usuarios
  • Desarrolladores
  • Desarrollo personalizado
  • SOCIAL
  • Facebook
  • Instagram
  • Twitter
  • YouTube
  • Linkedin
  • Threads
  • TikTok

© GoodBarber - Since 2011 - Made in Corsica

  • Idioma
  • en
  • fr
  • it
  • es
  • pt
  • de
  • nl
  • fi
  • sv
  • no
  • da