English
Components & blocks
See the familiar parts of this website together, then try their existing actions and shared design controls.
These are working website examples, not a complete block gallery or an arbitrary page builder.
Components in use
The same button, email form, navigation and feature card used on the homepage.
Button
Email form
Navigation
Feature card
Parts working together
This block combines existing parts. The email action continues to the website’s updates form.
Ready to fit into your page.
A heading, a form, and one clear action. The same building blocks power this website.
See your design in use
Change colors, corners and spacing on familiar parts of a page.
Design preview
One design, familiar parts.
These examples use the colors and design choices in your current browser draft.
Text, surfaces and actions
Shared colors keep related elements together.
Action exampleProject sections
- Pages
- Navigation
- Settings
Read-only examples. The management example has no connected account or actions.
Current choices
- Corners
- Balanced
- Spacing
- Comfortable
- Borders
- Defined
- Density
- Comfortable
Automatic and custom colors
Each color has a purpose. Automatic values adjust with related colors; custom values keep your choice. Use the existing color controls to change or reset a value.
Editing dark appearance
- Background
#101010Automatic- Text
#F5F5F5Automatic- Main action
#EEF067Automatic- Surface
#181818Automatic- Text on surfaces
#F5F5F5Automatic- Button text
#000000Automatic- Muted surface
#232323Automatic- Secondary text
#ADADADAutomatic- Borders
#787878Automatic- Keyboard focus
#EEF067Automatic
Design
Your browser preview
Colors, corners and spacing are shared across this website preview. Density and border width change the examples above. Color edits apply to the appearance shown.
Recover your choices
Opening saved choices…
Save keeps your choices in this browser. Reset returns one color to automatic. Restore in the Editor returns all unsaved changes, including content and features, to your last save.
Saving and recoveryWhat changes together
Spacing changes the room around groups. Density changes the room inside the examples. Corners and borders shape cards, fields and actions. More design choices opens the existing density and border fields.
Check the result
These examples show a shared design source. They do not verify every installed page, management screen or email. Check real controls and keyboard focus in both appearances. Contrast feedback does not certify accessibility.
Save and recover your choices
Open the Editor to review the current draft, Save, or confirm Restore to the last save. The controls below share that same draft.
Build a website or app.With the core features included.
Kottoko is a starter project for websites and apps. It includes pages, user accounts, forms, and online store features you can customize instead of building from scratch.
The features you need, already built in.
See your changes as you make them.
Edit content, tune the design and choose features against the same website your visitors see.
Make Kottoko your own.
Change the heading and accent in this miniature page. It uses the same heading, field, and color controls as the website.
Make Kottoko your own.
Change the heading and accent in this miniature page. It uses the same heading, field, and color controls as the website.
What you can build
Explore starting points for websites, shops and member experiences.
Websites
Publish your ideas, work and resources.
Commerce
Sell products, downloads and subscriptions.
Members & apps
Create spaces for members and customers.
Growth
Connect with your audience and understand what works.
Design
Shape the look and feel of your project.
Operations
Keep your project connected and running.
Questions before you start.
Is Kottoko for websites or apps?
Both. Start with public pages, then use accounts, dashboards, forms, commerce, and other included features as your idea needs them.
Do I need to write code?
The editor lets you try supported content, design, and feature choices visually. Building custom behavior, connecting services, and deploying the project can require a developer or coding agent.
Are payments and email ready to use?
The payment integrations currently support test mode. These browser examples do not charge money or send transactional email. Live payment support still needs implementation and review; email delivery needs its own provider setup.
How do updates work?
Review how a change affects your project, prepare a backup, and check the result before release. Your hosting and setup determine the recovery steps.
Can I download Kottoko now?
Public downloads are not open yet. Explore the examples and documentation, or join the list below for launch updates.
Build your next project with a head start.
Get launch news, new examples, and product updates.
Confirm by email. Leave anytime. Read our privacy notice.