GoodBarber
  • Prijzen
InloggenMaak een app
  • TRENDING APPS
  • E-commerce
  • Abonnementssystemen
  • Online cursussen
  • Reservering
  • Reisgids
  • Evenementen
  • Interne communicatie
  • Content creators
  • Lokale bezorging en afhalen
  • ESSENTIALS
  • Kranten
  • Radio
  • Scholen
  • Religie
  • Organisaties
  • Restaurant
  • Boodschappen
  • Zelf bouwen
  • GoodBarber voor resellersU hebt een onderneming en wilt onze oplossingen doorverkopen.Ontdek het aanbod
  • Gepersonaliseerde ontwikkelingGoodBarber bouwt een app die voldoet aan jouw unieke zakelijke behoeftenEen quote aanvragen
Bekijk alle oplossingen
  • GEEN CODE APP BOUWER
  • Content-apps
  • E-commerce apps
  • Uitbreidingen opslaan
  • Het ideale dashboard
  • TECHNOLOGIE
  • Native app (iOS & Android)
  • Progressive Web App
  • Design system
  • Ontwikkelaars
  • GoodBarber logoWAAROM GOODBARBER?
  • GoodBarber DNA
  • GoodBarberheart emojiOntwerp
  • De beste app-bouwer
  • PRODUCTBRONNEN
  • Blog
  • GoodBarber Academy
  • Instructievideo's
  • Veelgestelde vragen
  • Updates & Releases
  • Helpcentrum
  • ONDERWERPEN
  • Een app maken
  • Een app testen met TestFlight
  • Een Google Developer-account maken
  • Een Excellent-bestand omzetten in een app
  • Appbouwer: No Code-platform
  • Uitzonderlijke ondersteuningEchte experts begeleiden je bij elke stap om je mobiele applicatie te makenOntdekken
  • resellerRESELLERS VAN MOBIELE APPS
  • Reseller-programma
  • Hoe kunt u een app verkopen?
  • Tevreden resellers
  • Reseller-blog
  • compassONTDEK
  • Gebruik een app-bouwer om apps te verkopen
  • Download onze gids voor bureaus
  • Marketingtips van Apple & Google om hun producten en diensten te verkopen
  • GBTC: uw app eenvoudig publicerenOntdek GoodBarber Takes Care en vereenvoudig het app-publicatieproces voor zowel de App Store als Google Play. Laat de technische details maar aan ons over.Meer over 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.

  • BEDRIJF
  • Over ons
  • Geweldige ondersteuning
  • GoodBarber DNA
  • Startup Studio
  • Vacatures
  • Media
  • Algemene voorwaarden
  • Privacybeleid & AVG
  • Contact
  • PRODUCT
  • Winkel app maken
  • App maken
  • PWA Maken
  • Lijst met extensies
  • App-wederverkopers
  • Prijzen
  • Feedback van gebruikers
  • Ontwikkelaars
  • Gepersonaliseerde ontwikkeling
  • SOCIALS
  • Facebook
  • Instagram
  • Twitter
  • YouTube
  • Linkedin
  • Threads
  • TikTok

© GoodBarber - Since 2011 - Gemaakt in Corsica

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