Komponenter och block
Se webbplatsens välbekanta delar tillsammans och prova deras befintliga åtgärder och gemensamma designkontroller.
Det här är fungerande webbplatsexempel, inte ett komplett blockgalleri eller en fri sidbyggare.
Komponenter i användning
Samma knapp, e-postformulär, navigering och funktionskort som används på startsidan.
Knapp
E-postformulär
Navigering
Funktionskort
Delar som fungerar tillsammans
Det här blocket kombinerar befintliga delar. E-poståtgärden fortsätter till webbplatsens formulär för uppdateringar.
Redo att användas på din sida.
En rubrik, ett formulär och en tydlig handling. Samma byggstenar används på den här webbplatsen.
Se din design i användning
Ändra färger, hörn och avstånd på välbekanta delar av en sida.
Förhandsvisning av design
En design, välbekanta delar.
De här exemplen använder färgerna och designvalen i ditt aktuella webbläsarutkast.
Text, ytor och knappar
Gemensamma färger håller ihop relaterade delar.
ÅtgärdsexempelProjektets delar
- Sidor
- Navigering
- Inställningar
Skrivskyddade exempel. Administrationsexemplet har inget anslutet konto eller några åtgärder.
Aktuella val
- Hörn
- Balanserade
- Avstånd
- Bekvämt
- Kantlinjer
- Tydliga
- Täthet
- Bekvämt
Automatiska och anpassade färger
Varje färg har ett syfte. Automatiska värden följer relaterade färger, medan anpassade värden behåller ditt val. Använd de befintliga färgkontrollerna för att ändra eller återställa ett värde.
Redigerar mörkt utseende
- Bakgrund
#101010Automatisk- Text
#F5F5F5Automatisk- Huvudåtgärd
#EEF067Automatisk- Yta
#181818Automatisk- Text på ytor
#F5F5F5Automatisk- Knapptext
#000000Automatisk- Nedtonad yta
#232323Automatisk- Sekundär text
#ADADADAutomatisk- Kanter
#787878Automatisk- Tangentbordsfokus
#EEF067Automatisk
Design
Din förhandsvisning i webbläsaren
Färger, hörn och avstånd delas i den här webbplatsförhandsvisningen. Täthet och kantbredd ändrar exemplen ovan. Färgändringar gäller det visade utseendet.
Återställ dina val
Öppnar sparade val…
Spara behåller dina val i den här webbläsaren. Återställ en färg för att använda dess automatiska värde. Återställ i redigeraren återför alla osparade ändringar, även innehåll och funktioner, till din senaste sparning.
Spara och återställaDet här ändras tillsammans
Avstånd ändrar utrymmet runt grupper. Täthet ändrar utrymmet inuti exemplen. Hörn och kantlinjer formar kort, fält och åtgärder. Fler designval öppnar de befintliga fälten för täthet och kantlinjer.
Kontrollera resultatet
De här exemplen visar en gemensam designkälla. De verifierar inte varje installerad sida, administrationsvy eller e-postmeddelande. Kontrollera riktiga kontroller och tangentbordsfokus i båda utseendena. Kontraståterkoppling intygar inte tillgänglighet.
Spara och återställ dina val
Öppna redigeraren för att granska utkastet, spara eller bekräfta återställning till senaste sparningen. Kontrollerna nedan delar samma utkast.
Bygg en webbplats eller app.Med grundfunktionerna på plats.
Kottoko är ett startprojekt för webbplatser och appar. Det innehåller sidor, användarkonton, formulär och funktioner för en webbutik som du kan anpassa i stället för att bygga från grunden.
Funktionerna du behöver finns redan på plats.
Se ändringarna medan du gör dem.
Redigera innehåll, justera designen och välj funktioner på samma webbplats som besökarna ser.
Gör Kottoko till ditt.
Ändra rubrik och accent i miniatyrsidan. Den använder samma rubrik-, fält- och färgkontroller som webbplatsen.
Gör Kottoko till ditt.
Ändra rubrik och accent i miniatyrsidan. Den använder samma rubrik-, fält- och färgkontroller som webbplatsen.
Det här kan du bygga
Utforska startpunkter för webbplatser, butiker och medlemsupplevelser.
Webbplatser
Publicera dina idéer, arbeten och resurser.
Handel
Sälj produkter, nedladdningar och prenumerationer.
Medlemmar och appar
Skapa utrymmen för medlemmar och kunder.
Tillväxt
Nå din publik och förstå vad som fungerar.
Design
Forma projektets utseende och känsla.
Drift
Håll projektet anslutet och i gång.
Frågor innan du börjar.
Är Kottoko för webbplatser eller appar?
Båda. Börja med publika sidor och använd sedan konton, översikter, formulär, handel och andra inkluderade funktioner efter behov.
Behöver jag skriva kod?
Redigeraren låter dig prova de innehålls-, design- och funktionsval som stöds visuellt. Egen funktionalitet, anslutning av tjänster och driftsättning kan kräva en utvecklare eller kodningsagent.
Är betalningar och e-post klara att använda?
Betalningsintegrationerna stöder för närvarande testläge. De här webbläsarexemplen tar inte betalt och skickar inga transaktionsmejl. Stöd för riktiga betalningar behöver fortfarande implementeras och granskas; e-postleverans behöver en egen tjänstekonfiguration.
Hur fungerar uppdateringar?
Granska hur en ändring påverkar projektet, förbered en säkerhetskopia och kontrollera resultatet före publicering. Din hosting och konfiguration avgör återställningsstegen.
Kan jag ladda ner Kottoko nu?
Publika nedladdningar är inte öppna ännu. Utforska exemplen och dokumentationen eller anmäl dig nedan för nyheter om lanseringen.
Ge ditt nästa projekt ett försprång.
Få lanseringsnyheter, nya exempel och produktuppdateringar.
Bekräfta via e-post. Lämna när du vill. Läs vårt integritetsmeddelande.