Skip to main content

Layout Variants

CongPlan can be used in multiple app languages, with light or dark mode and with different color palettes. These mobile screenshots show the full matrix for the homepage and a meeting detail page.

The examples are generated from the same stage congregation and the same Thomas Müller account. Only the app language, theme mode, and palette are changed for each screenshot.

Homepage

Homepage: German, Light, Orange — German, Light, Orange

Homepage: German, Light, Violet — German, Light, Violet

Homepage: German, Light, Green — German, Light, Green

Homepage: German, Light, Blue — German, Light, Blue

Homepage: German, Dark, Orange — German, Dark, Orange

Homepage: German, Dark, Violet — German, Dark, Violet

Homepage: German, Dark, Green — German, Dark, Green

Homepage: German, Dark, Blue — German, Dark, Blue

Homepage: English, Light, Orange — English, Light, Orange

Homepage: English, Light, Violet — English, Light, Violet

Homepage: English, Light, Green — English, Light, Green

Homepage: English, Light, Blue — English, Light, Blue

Homepage: English, Dark, Orange — English, Dark, Orange

Homepage: English, Dark, Violet — English, Dark, Violet

Homepage: English, Dark, Green — English, Dark, Green

Homepage: English, Dark, Blue — English, Dark, Blue

Homepage: Ukrainian, Light, Orange — Ukrainian, Light, Orange

Homepage: Ukrainian, Light, Violet — Ukrainian, Light, Violet

Homepage: Ukrainian, Light, Green — Ukrainian, Light, Green

Homepage: Ukrainian, Light, Blue — Ukrainian, Light, Blue

Homepage: Ukrainian, Dark, Orange — Ukrainian, Dark, Orange

Homepage: Ukrainian, Dark, Violet — Ukrainian, Dark, Violet

Homepage: Ukrainian, Dark, Green — Ukrainian, Dark, Green

Homepage: Ukrainian, Dark, Blue — Ukrainian, Dark, Blue

Meeting Detail

Meeting detail: German, Light, Orange — German, Light, Orange

Meeting detail: German, Light, Violet — German, Light, Violet

Meeting detail: German, Light, Green — German, Light, Green

Meeting detail: German, Light, Blue — German, Light, Blue

Meeting detail: German, Dark, Orange — German, Dark, Orange

Meeting detail: German, Dark, Violet — German, Dark, Violet

Meeting detail: German, Dark, Green — German, Dark, Green

Meeting detail: German, Dark, Blue — German, Dark, Blue

Meeting detail: English, Light, Orange — English, Light, Orange

Meeting detail: English, Light, Violet — English, Light, Violet

Meeting detail: English, Light, Green — English, Light, Green

Meeting detail: English, Light, Blue — English, Light, Blue

Meeting detail: English, Dark, Orange — English, Dark, Orange

Meeting detail: English, Dark, Violet — English, Dark, Violet

Meeting detail: English, Dark, Green — English, Dark, Green

Meeting detail: English, Dark, Blue — English, Dark, Blue

Meeting detail: Ukrainian, Light, Orange — Ukrainian, Light, Orange

Meeting detail: Ukrainian, Light, Violet — Ukrainian, Light, Violet

Meeting detail: Ukrainian, Light, Green — Ukrainian, Light, Green

Meeting detail: Ukrainian, Light, Blue — Ukrainian, Light, Blue

Meeting detail: Ukrainian, Dark, Orange — Ukrainian, Dark, Orange

Meeting detail: Ukrainian, Dark, Violet — Ukrainian, Dark, Violet

Meeting detail: Ukrainian, Dark, Green — Ukrainian, Dark, Green

Meeting detail: Ukrainian, Dark, Blue — Ukrainian, Dark, Blue

Homepage
Meeting Detail