Atoms Molecules Organisms Installatie

logos

Colors

Corporate

Theater

Info

Success

Error

Warning

Fonts

Heading 1 - Jakarta Sans, ExtraBold - 32

Heading 2 - Jakarta Sans, ExtraBold - 26

Heading 3 - Jakarta Sans, ExtraBold - 24

Heading 4 - Jakarta Sans, ExtraBold - 20

Heading 5 - Jakarta Sans, ExtraBold - 18
Heading 6 - Jakarta Sans, ExtraBold - 16

Text 1 - Manrope, all weights - 22

Text 4 - Manrope, all weights - 16

Typography

Dit is een voorbeel van een list

  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item

Dit is een voorbeel van een list met decoratie

  • List item
  • List item
  • List item
  • List item
  • List item
  • List item
  • List item

Dit is een voorbeeld van een toggle switch

Dit is een voorbeeld van een radio button

Section heading - 32

Ervaar de magie van onze waanzinnige familieshows en theaterproducties! Koop hier je tickets en geniet van betoverende momenten.

Button

Card heading - 26

Ervaar de magie van onze waanzinnige familieshows en theaterproducties! Koop hier je tickets en geniet van betoverende momenten.

Button

Modal heading - 24

Ervaar de magie van onze waanzinnige familieshows en theaterproducties! Koop hier je tickets en geniet van betoverende momenten.

Button

Buttons

Primary

Button default Button medium Button small
Button default Button medium Button small
Button default Button medium Button small
Button default Button medium Button small

Secondary

Button default Button medium Button small
Button default Button medium Button small
Button default Button medium Button small
Button default Button medium Button small

Ghost

Button default Button medium Button small
Button default Button medium Button small
Button default Button medium Button small
Button default Button medium Button small

Primary

Button default Button medium Button small
Button default Button medium Button small
Button default Button medium Button small
Button default Button medium Button small

Secondary

Button default Button medium Button small
Button default Button medium Button small
Button default Button medium Button small
Button default Button medium Button small

Ghost

Button default Button medium Button small
Button default Button medium Button small
Button default Button medium Button small
Button default Button medium Button small

Icon Buttons

Primary

Secondary

Ghost

Primary

Secondary

Ghost

Floating Buttons

Social Buttons

Poster Buttons

Gert & James Zomerreveu
Gert & James Zomerreveu
Gert & James Zomerreveu

Kleurplaten

Gert & James Zomerreveu
Downloaden

Alerts

Info
Success
Error
Warning

Accordion

Heading van accordeon

Vel mattis ornare vestibulum ipsum tempus morbi. Tellus nisi aliquet mauris eget egestas sit quis ac elit.

Badges

Badge Badge
K3 Maya de bij Nachtwacht Red Star Line Sneeuwwitje Bumba Kabouter Plop Samson & Marie Andere

Breadcrumbs

Cards

Heading

Vel mattis ornare vestibulum ipsum tempus morbi. Tellus nisi aliquet mauris eget egestas sit quis ac elit.

Vestibulum tortor quam tortor.

Label
Heading

Heading

Vel mattis ornare vestibulum ipsum tempus morbi. Tellus nisi aliquet mauris eget egestas sit quis ac elit.

Vestibulum tortor quam tortor.

Heading

Vel mattis ornare vestibulum ipsum tempus morbi. Tellus nisi aliquet mauris eget egestas sit quis ac elit.

Vestibulum tortor quam tortor.

Heading

Heading

Vel mattis ornare vestibulum ipsum tempus morbi. Tellus nisi aliquet mauris eget egestas sit quis ac elit.

Vestibulum tortor quam tortor.

Heading

Heading

Vel mattis ornare vestibulum ipsum tempus morbi. Tellus nisi aliquet mauris eget egestas sit quis ac elit.

Vestibulum tortor quam tortor.

Label
Heading

Heading

Vel mattis ornare vestibulum ipsum tempus morbi. Tellus nisi aliquet mauris eget egestas sit quis ac elit.

Vestibulum tortor quam tortor.

Heading

Heading

Vel mattis ornare vestibulum ipsum tempus morbi. Tellus nisi aliquet mauris eget egestas sit quis ac elit.

Vestibulum tortor quam tortor.

Menus

Modals

Open basic modal Open modal width icon Open modal width image Open modal width image horizontal

Modal heading

Augue et accumsan at commodo nulla nulla augue cras ante. Nulla elit lectus tincidunt malesuada tellus. Aliquet vel condimentum rhoncus pharetra vulputate.

Annuleren Bevestigen

Modal heading

Augue et accumsan at commodo nulla nulla augue cras ante. Nulla elit lectus tincidunt malesuada tellus. Aliquet vel condimentum rhoncus pharetra vulputate.

Annuleren Bevestigen

Modal heading

Annuleren Bevestigen

Modal heading

Augue et accumsan at commodo nulla nulla augue cras ante. Nulla elit lectus tincidunt malesuada tellus. Aliquet vel condimentum rhoncus pharetra vulputate.

Annuleren Bevestigen

News & win

Nieuws
14-18

Repetities van nieuwe sprookjesmusical sneeuwwitje in volle gang!

05 jun '24
Nieuws
14-18

Repetities van nieuwe sprookjesmusical sneeuwwitje in volle gang!

05 jun '24
14-18

Repetities van nieuwe sprookjesmusical sneeuwwitje in volle gang!

05 jun '24
K3

Repetities van nieuwe sprookjesmusical sneeuwwitje in volle gang!

05 jun '24
K3

Repetities van nieuwe sprookjesmusical sneeuwwitje in volle gang!

05 jun '24
14-18

Repetities van nieuwe sprookjesmusical sneeuwwitje in volle gang!

05 jun '24

Segment buttons

Primary

Label Label Label Label
Label Label Label Label

Stepper

Stap 1
Heading
Stap 2
Heading
Stap 3
Heading
Stap 4
Heading
Stap 5
Heading

Tabs

Primary

Tab Tab Tab
Tab Tab Tab

Upload field

Of sleep je bestand in dit kader
Of sleep je bestand in dit kader
Bestand aan het uploaden...
Je bestand Bestandsnaam.pdf is geüpload.
Bestandstype .heic wordt niet ondersteund. Probeer opnieuw

Text fields

Label inside

Supporting text
Supporting text
Supporting text
Supporting text
Supporting text
Supporting text
Supporting text
Supporting text
Supporting text
Supporting text
Supporting text
Supporting text

Label outside

Supporting text
Supporting text
Supporting text
Supporting text
Supporting text
Supporting text
Supporting text
Supporting text
Supporting text
Supporting text
Supporting text
Supporting text

Checkboxes

Toggle

Radio buttons

Loaders

Default

Small

Overlay

Klantendienst

Hulp nodig?

Onze klantendienst staat van maandag-vrijdag voor je klaar tussen 10u-16u. Contacteer ons gerust.

Artiesten boeken

Boek jouw favoriete Studio 100 helden voor jouw evenement! Klik hier om naar het artiestenbureau te gaan en maak jouw feest onvergetelijk.

Form example

Stap 1
Overzicht
Stap 2
Gegevens
Stap 3
Betalen

Form titel

Persoonlijke gegevens
Let op: Veranderen van land kan de prijs en duur van de levering aanpassen.
Gelieve een geldig e-mailadres in te geven.
Niet beschikbaar
Factuuradres
Of sleep je bestand in dit kader

Dropdown menus

Navigation

Navigatie

Header

NL

Image Buttons

Onze Sterren
Onze Sterren
Onze Shows
Onze Shows
Shop
Shop
Win
Win
Win
Fun

Top variants

Win
Top 1
Win
Top 2
Win
Top 3
Win
Top 4

Bottom variants

Win
Bottom 1
Win
Bottom 2
Win
Bottom 3
Win
Bottom 4

Big news article

Gert en James veroveren alle harten aan zee
10 Om Te Zien
Gert en James veroveren alle harten aan zee
Na de geslaagde première van de Gert & James ZomerRevue op 21 juli, gaat het hard voor beide heren en hun sidekicks Karen Damen, Ruth Beeckmans, Ianthe Tavernier en Michiel De Meyer! Al meer dan 10.000 tickets vlogen de deur uit! Daarom kondigen ze nog 3 extra shows aan op 15,16 en 17 augustus. Deze wervelende glamoureuze show met live muziek, hilarische sketches en een groots ensemble is duidelijk een publiekslieveling.
29 jul ‘24

Top Footer

Klantendienst

Hulp nodig?

Onze klantendienst staat van maandag-vrijdag voor je klaar tussen 10u-16u. Contacteer ons gerust.

Artiesten boeken

Boek jouw favoriete Studio 100 helden voor jouw evenement! Klik hier om naar het artiestenbureau te gaan en maak jouw feest onvergetelijk.

Heading

Blijf op de hoogte van ons laatste nieuws!

Schrijf je in voor onze wekelijkse nieuwsbrief en blijf op de hoogte van de laatste nieuwtjes, acties en wedstrijden.

Installatie

Om de UI-kit te installeren, moet je de bijbehorende CSS- en JavaScript-bestanden in je project laden.