GoodBarber
  • Preise
LoginErstellen sie eine App
  • BELIEBTESTE APPS
  • E-Commerce
  • Abonnementsysteme
  • Online-Kurse
  • Buchung
  • Reiseführer
  • Veranstaltungen
  • Mitarbeiterkommunikation
  • Content Creators
  • Lokale Lieferung und Abholung
  • ESSENTIALS
  • Zeitung
  • Radio
  • Schulen
  • Glaube
  • Organisationen
  • Restaurant
  • Lebensmittel
  • Selbst erstellen
  • GoodBarber für WiederverkäuferSie sind Inhaber einer Agentur und möchten unsere Lösungen weiterverkaufen.Jetzt Angebot entdecken
  • Individuelle EntwicklungGoodBarber erstellt die App für Ihre geschäftlichen AnforderungenAngebot anfordern
Alle Lösungen durchsuchen
  • NO CODE APP BUILDER
  • Content-Apps
  • eCommerce-Apps
  • Store-Erweiterungen
  • Das ideale Dashboard
  • TECHNOLOGIE
  • Native App (iOS und Android)
  • Progressive Web App
  • Design system
  • Entwicklers
  • GoodBarber logoWARUM GOODBARBER?
  • GoodBarber DNA
  • GoodBarberheart emojiDesign
  • Der beste App-Builder
  • PRODUKTRESSOURCEN
  • Blog
  • GoodBarber Academy
  • Videoanleitung
  • FAQ
  • Updates und Releases
  • Online-Hilfe
  • TOPICS
  • So erstellen Sie eine App
  • So testen Sie eine App mit TestFlight
  • So erstellen Sie ein Google-Entwicklerkonto
  • So konvertieren Sie eine Excel-Datei in eine App
  • App-Baukasten: Plattform ohne erforderliche Programmierkenntnisse
  • Außergewöhnliche UnterstützungEchte Experten begleiten Sie bei jedem Schritt der Erstellung Ihrer mobilen Anwendung.Entdecken
  • resellerWIEDERVERKÄUFER MOBILER APPS
  • Programm für Wiederverkäufer
  • Wie verkaufe ich eine App?
  • Erfahrungsberichte von Wiederverkäufern
  • Blog für Wiederverkäufer
  • compassENTDECKEN
  • Verkaufen Sie Apps mit einem App-Baukasten
  • Leitfaden für Agenturen herunterladen
  • Marketing-Tipps von Apple und Google zum Verkauf ihrer Produkte und Dienstleistungen
  • GBTC: Ihre App ganz einfach veröffentlichenEntdecken Sie GoodBarber Takes Care und vereinfachen Sie den Prozess der App-Veröffentlichung sowohl im App Store als auch bei Google Play. Überlassen Sie uns die technischen Details.Weitere Informationen über 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.

  • UNTERNEHMEN
  • Über uns
  • Großartiger Support
  • GoodBarber DNA
  • Startup Studio
  • Karriere
  • Presse
  • T&C
  • Datenschutzerklärung und DSGVO
  • Kontaktieren Sie uns
  • PRODUKT
  • e-Commerce app erstellen
  • App Erstellen
  • PWA Erstellen
  • Liste der Erweiterungen
  • App Wiederverkäufer Programm
  • Preise
  • Feedback der Nutzer
  • Entwicklers
  • Individuelle Entwicklung
  • SOCIAL
  • Facebook
  • Instagram
  • Twitter
  • YouTube
  • Linkedin
  • Threads
  • TikTok

© GoodBarber – Since 2011 – Hergestellt auf Korsika

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