WP-Konzept – Stylebook

v1.0
Farben
Schriften
Buttons
Abstände
Primärpalette
HEX Farbe
#
Hue
Saturation
%
Lightness
%
Schriften & Skala
Heading Font
Body Font
Base Font Size (Body)
Typoskala
Minor Third× 1.200
Major Third× 1.250
Perfect Fourth× 1.333
Augmented Fourth× 1.414
Perfect Fifth× 1.500
CSS Clamps
Typografie
Größe & Padding
Ecken
Tags

Tags verwenden engeres Padding damit sie wie Labels wirken.

Größe
Radius px
Vorschau
Primärfarbe
S
M
L
CSS Ausgabe

        
      

    


    
    

      

        Abstände & Größen
        
      


      
Section Padding (oben/unten)

      

        

        

      


      

      
Container Max-Width

      

        

        

      


      

      
Card Padding

      

        

        

      


      

      
Gap / Abstände

      

        

        

      


      

      
Viewport Breakpoints

      

        

        

      


      

      
CSS Clamps

      

      
    


  







  

    

      

      

      

    

    Live Vorschau
    

      
      

      
      
      
      
    

    

      
      
    

  

  

    

      

        
      

    

  









  

    

      

        

        
200 Google Fonts verfügbar

        
      

      

        
        
      

      

        
        
        
        
        
        
        

          
        

      

      

        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
      

    

    
    

      0 Fonts
    

  







  

    

      

      
Palette teilen

      
    

    
Teile diesen Link damit andere deine Farbpalette, Schriften und Button-Stile sehen können.

    
Teilbarer Link

    

      
      
    

    

      
Was ist in diesem Link enthalten?

      
    
        
  • Primärfarbpalette (8 Farben)
    • 
        
  • Ausgewählte Heading- und Body-Schriften
    • 
        
  • Button-Radius und Stil-Einstellungen
    • 
        
  • Der Link lädt dein exaktes Design-Setup
    • 
      

    

    
  







  
  
Farbe bearbeiten

  

    HEX
    

      #
      
    

    

      
    

  

  

    
H

    
  

  

    
S
%

    
  

  

    
L
%