GoodBarber
  • Preços
LoginCriar um app
  • PRINCIPAIS TENDÊNCIAS DE APPS
  • eCommerce
  • Sistemas de assinatura
  • Chatbot
  • Cursos Online
  • Agendamento online
  • Guia de viagem
  • Eventos
  • Criadores de Conteúdo
  • Entrega local e coleta na loja
  • OS ESSENCIAIS
  • Jornais
  • Rádio
  • Escolas e Universidades
  • Espiritualidade
  • Organizações
  • Restaurante
  • Mercearia
  • Crie seu app sob medida
  • Comunicação dos Funcionários
  • GoodBarber para RevendedoresVocê tem uma agência e quer revender nossas soluçõesDescubra a oferta
  • Desenvolvimento personalizadoA GoodBarber cria o app que atende às suas necessidades comerciais exclusivasSolicite um orçamento
Ver todas as soluções
  • APP BUILDER SEM CÓDIGO
  • Apps de conteúdo
  • Apps de comércio eletrônico
  • Extensions Store
  • O dashboard ideal
  • Criação assistida por IA
  • Servidor MCP
  • TECNOLOGIA
  • Apps nativos (iOS e Android)
  • Progressive Web App
  • Design system
  • Desenvolvedores
  • GoodBarber logoPOR QUE GOODBARBER?
  • DNA da GoodBarber
  • GoodBarberheart emojiDesign
  • App builder sem código
  • Confidencialidade e conformidade
  • RECURSOS DO PRODUTO
  • Blog
  • GoodBarber Academy
  • Tutorial em vídeo
  • FAQ
  • Atualizações & Versões
  • Ajuda online
  • TÓPICOS
  • Como criar um App
  • Como testar um app com TestFlight
  • Como criar uma Conta de Desenvolvedor do Google
  • Como converter um arquivo de Excel em um App
  • Como escolher um criador de aplicativos
  • Suporte excepcionalEspecialistas de verdade estão com você em cada etapa do processo de criação do seu aplicativo móvelDescobrir
  • resellerREVENDEDOR DE APPS
  • Programa de revendedor
  • Como vender um app?
  • Depoimentos dos revendedores
  • Blog Reseller
  • compassDESCOBRIR
  • Use um construtor de apps para vender apps
  • Faça o download do nosso guia da agência
  • Dicas de marketing da Apple e do Google para vender seus produtos e serviços
  • GBTC: Publique seu app com facilidadeDescubra a GoodBarber Takes Care e simplifique o processo de publicação de apps para a App Store e o Google Play. Deixe-nos lidar com os detalhes técnicos para você.Aprenda mais 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
    • Immersive feedback atom
  • UI Elements
    • Action
    • Actions Menu
    • Author
    • Content
    • DateBullet
    • Distance
    • Duration
    • Item
    • Item Icon
    • Item Indicator
    • Item Label
    • Media
    • Pager
    • Play
    • Player
    • Text
    • ToolBar
    • Widget Header
  • UI Components
    • Background
    • Text Field
    • Dropdown
    • Date & Time Picker
    • Checkboxes & Radio Button
    • Button
    • Thumbnail
    • Form
    • TabBar
UI Elements icon

UI Elements

UI elements are the building blocks of our components. Each element combines atoms of the design system to do a single job. Assembled together, elements form the components of the app.

  • An action button with a bookmark icon

    Action

    The contextual button to act on a piece of content.

  • An open Actions Menu with Comment, Share and Save

    Actions Menu

    One icon that opens every action available on a piece of content.

  • An author element, a circular avatar next to a name

    Author

    The avatar and the name that credit the creator of a piece of content.

  • A content block with a suptitle, a title and a subtitle stacked

    Content

    The stack of text blocks that describes a piece of content in a cell.

  • A date bullet showing a day and a month

    DateBullet

    The date of an event, at a glance.

  • A distance label on its own

    Distance

    The label that shows how far a place is.

  • A duration label on its own

    Duration

    The label that shows how long a video lasts.

  • An Item and its child elements

    Item

    The structural unit of a navigation entry, with its child elements.

  • The Item Icon and its background layer

    Item Icon

    The pictogram of a navigation entry, on its own background layer.

  • A tiny indicator on its own

    Item Indicator

    The marker of the selected entry of a navigation.

  • An Item Label on its own

    Item Label

    The text of a navigation entry, in three sizes that adapt to each device.

  • A media container holding a play icon and a duration

    Media

    The container that anchors elements over a cell's image.

  • A pager on its own

    Pager

    The dots that show where you are in a carousel.

  • A play icon on its own

    Play

    The icon that signals playable media.

  • A player control with a play icon and a timer

    Player

    The control that plays and pauses audio, right from its cell.

  • A text element showing a reading time

    Text

    A basic element, a piece of text styled by its context.

  • A ToolBar row with an author on the left and action icons on the right

    ToolBar

    The row that lines up the metadata and the actions of a cell.

  • A widget header with a title on the left and a View all link on the right

    Widget Header

    The title bar of a home widget, and its link to the section.

  • EMPRESA
  • Sobre nós
  • Suporte incrível
  • DNA da GoodBarber
  • Startup Studio
  • Empregos
  • Imprensa
  • T&C
  • Política de Privacidade & GDPR
  • Contato
  • PRODUTO
  • App para loja online
  • Criar um aplicativo
  • Criar uma PWA
  • Lista de extensões
  • Revendedor de aplicativos
  • Preços
  • Feedback dos usuários
  • Desenvolvedores
  • Desenvolvimento personalizado
  • Glossário
  • ALTERNATIVAS
  • GoodBarber vs Adalo
  • GoodBarber vs Bubble
  • GoodBarber vs FlutterFlow
  • GoodBarber vs Glide
  • GoodBarber vs Lovable
  • Ver todos os comparativos
  • SOCIAL
  • Facebook
  • Instagram
  • X
  • YouTube
  • Linkedin
  • Threads
  • TikTok

© GoodBarber - Since 2011 - Made in Corsica

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