DEMO-MODESave not possible
Studio
  • Accent-Color : #ea512d
  • Body-Font : Raleway
  • Header: Leftside v1 : 1
  • 100%
  • 75%
  • 50%
    Colors
    Global Colors
    • Accent Color
      Select the accent-color

    • Second Color
      Select the second-color

    Fonts: Body
    Fonts
    • Font-Family
      Font for body
      Beautify the Web
      Set

    • Font-Size
      Font-Size for body

    • Line-Height
      Line-height in pixel for body

    • Font-Color
      Color for body

    Fonts: Headlines
    Font-Family
    • Font-Family
      Font for all headlines
      Beautify the Web
      Set

    H1
    • Font-Family
      Font for h1
      Beautify the Web
      Set

    • Font-Size
      Font-Size for headline H1

    • Line-Height
      Font-Size for headline H1

    • Letter-Spacing
      Font-Size for headline H1

    • Color
      Color for headline

    H2
    • Font-Family
      Font for h2
      Beautify the Web
      Set

    • Font-Size
      Font-Size for headline H2

    • Line-Height
      Font-Size for headline H2

    • Letter-Spacing
      Font-Size for headline H2

    • Color
      Color for headline

    H3
    • Font-Family
      Font for h3
      Beautify the Web
      Set

    • Font-Size
      Font-Size for headline H3

    • Line-Height
      Font-Size for headline H3

    • Letter-Spacing
      Font-Size for headline H3

    • Color
      Color for headline

    H4
    • Font-Family
      Font for h4
      Beautify the Web
      Set

    • Font-Size
      Font-Size for headline H4

    • Line-Height
      Font-Size for headline H4

    • Letter-Spacing
      Font-Size for headline H4

    • Color
      Color for headline

    H5
    • Font-Family
      Font for h5
      Beautify the Web
      Set

    • Font-Size
      Font-Size for headline H5

    • Line-Height
      Font-Size for headline H5

    • Letter-Spacing
      Font-Size for headline H5

    • Color
      Color for headline

    H6
    • Font-Family
      Font for h6
      Beautify the Web
      Set

    • Font-Size
      Font-Size for headline H6

    • Line-Height
      Font-Size for headline H6

    • Letter-Spacing
      Font-Size for headline H6

    • Color
      Color for headline

    Fonts: Paragraphs
    Default
    • Font-Size
      Font-Size for paragraph

    • Line-height
      Line-height in pixel for paragraph

    • Font-Color
      Color for paragraph

    Small
    • Font-Size
      Font-Size for paragraph

    • Line-height
      Line-height in pixel for paragraph

    • Font-Color
      Color for paragraph

    Big
    • Font-Size
      Font-Size for paragraph

    • Line-height
      Line-height in pixel for paragraph

    • Font-Color
      Color for paragraph

    Topbar: Items
    Show/Hide
    • Hide: Topbar
      Display: none for topbar.
    • Hide: Phone
      Display: none for phone.
    • Hide: Email
      Display: none for Email.
    • Hide: Meta-Nav
      Display: none for Meta-Nav.
    • Hide: Login
      Display: none for Login.
    • Hide: Socials
      Display: none for Socials.
    • Hide: Offcanvas-Trigger
      Display: none for Offcanvas-Trigger.
    • Show: Langswitch
      Show: Langswitch in topbar
    Topbar: Font
    Font
    • Font-Size
      Fontsize in topbar

    Topbar: Colors
    Colors
    • Font-Color
      Color for topbar text

    • Background-Color
      Background-color for topbar

    Topbar: Layout
    Layout
    • Height
      Padding: top/bottom of the topbar in pixel

    • Width: Fullwidth
      Fullwidth layout for topbar
    • Border
      Border-bottom for topbar

    • Shadow
      Opacity of topbar shadow

    • Socials: colored
      Social icons in color
    Header: Items
    Show/Hide
    • Show: Socials
      Not available for all header styles
    • Hide: Langswitch
      Display: none for langswitch
    • Hide: Search
      Display: none for search
    • Hide: Header
      Hide header on home-site
    Classic v1
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Header overlay #slider
        Header-Background should be transparent
    Classic v2
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Header overlay #slider
        Header-Background should be transparent
    Classic v3
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Header overlay #slider
        Header-Background should be transparent
    Classic v4
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Header overlay #slider
        Header-Background should be transparent
    Classic v5
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Header overlay #slider
        Header-Background should be transparent
    Classic v6
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Header overlay #slider
        Header-Background should be transparent
    Classic v7
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Header overlay #slider
        Header-Background should be transparent
    Classic v8
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

    Classic v9
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Header overlay #slider
        Header-Background should be transparent
    Classic v10
    • Turn on
      Turn this header style on
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Header overlay #slider
        Header-Background should be transparent
    Modern v1
    • Turn on
      Turn on this header style
      • Background-Color
        Background-Color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Header overlay #slider
        Header-Background should be transparent
    Modern v2
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

    Modern v3
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

    Modern v4
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Lines-Color
        Line Color

      • Header overlay #slider
        Header-Background should be transparent
    Modern v5
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Lines-Color
        Line Color

    Modern v6
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Lines-Color
        Line Color

    Modern v7
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

    Modern v8
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

    Modern v9
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

    Minimal v1
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Header overlay #slider
        Header-Background should be transparent
    Minimal v2
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Border
        Border

      • Header overlay #slider
        Header-Background should be transparent
    Leftside v1
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Lines-Color
        Line Color

      • Background-Image
        Drag image here
        Drag file here

    Leftside v2
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Lines-Color
        Line Color

      • Background-Image
        Drag image here
        Drag file here

    Leftside v3
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Background-Image
        Drag image here
        Drag file here

    Rightside
    • Turn on
      Turn on this header style
      • Background-color
        Background-color for header

      • Font-Color
        Font-Color for header

      • Lines-Color
        Line Color

      • Background-Image
        Drag image here
        Drag file here

    Stickyheader
    Colors
    • Background-Color
      Background-color for sticky header

    • Text-Color
      Text color for sticky header

    • Active-Color
      Active color for stickyheader

    Items
    • Hide: Stickyheader
      Display: none for stickyheader
    Mobile Stickyheader
    Main Menu
    Fonts
    Colors
    Active Styles
    Layout