Grundausstattung · Buchhandlung Falzbein, Kaufbeuren

Eine Marke, alle Symbole und ein Teilbild je Seite

Favicon für helle und dunkle Tabs, Symbol für den Startbildschirm, maskierbares Icon für Android und für jede Seite ein eigenes Bild, wenn jemand den Link teilt. Alles wird aus derselben Marke erzeugt.

Die Marke

Ein Zeichen als SVG, quadratisch, mit zwei Farben aus tokens.css.

Grundfarbe
Kopf jeder Seite

        

      

    

    

      

        Im Tab, hell und dunkel
        
Posteingang
Buchhandlung Falzbein · Lesung am Freitag
Wetter Kaufbeuren
buchhandlung-falzbein.de/lesungen

        
Posteingang
Buchhandlung Falzbein · Lesung am Freitag
Wetter Kaufbeuren
buchhandlung-falzbein.de/lesungen

        
Dunkler Tab: icon.svg tauscht per @media (prefers-color-scheme: dark) Grund und Zeichen.

      

      

        Startbildschirm · apple-touch-icon 180
        
      

      

        
Maskierbar · 512

        

          
Maskierbares Symbol als Kreis
Kreis

          
Maskierbares Symbol als abgerundetes Quadrat
Squircle

          
Maskierbares Symbol als Tropfen
Tropfen

        

        
Zeichen im Kreis mit 40 % Radius, Grund bis zum Rand.

      

      

        Erzeugte Dateien · im Browser gerendert
        
    
      
    
    
    
  
    

  
  

  
  
    
    
    
      
    Starter-Generator
    
      
    So passt es in den Bau
    
      
      
        
    1. Die Marke steht einmal in firma.json: Zeichen als SVG, Farben hell und dunkel, Kurzname.
      2. 
        
    2. Ein Bau-Schritt rendert daraus den Satz und für jede Seite das Teilbild (Playwright, gleiche Vorlage wie hier).
      3. 
        
    3. Er schreibt die Kopfzeilen in jede Seite: Symbole, Manifest, og:image mit Breite, Höhe und Alt-Text.
      4. 
      
    
      
    Vorschlag: oneshot.py erzeugt den Satz bisher nicht. Die Starter haben nur favicon.svg ohne Dunkelmodus.