Notes for a quieter kind of attention.
Short essays, practical methods, and questions worth carrying into an ordinary walk.
Matching examples: 3
Rain at the edge of the route.
A note on interruption, attention, and what wet surfaces reveal.
Four ways to begin a field page.
Begin with a boundary, a repeated shape, a sound, or one question you cannot answer yet.
Return before you explain.
A simple method for comparing two visits without turning either one into a final answer.
Example collection. Open an article to read it and edit its private browser 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.
Edit content, tune the design and choose features against the same website your visitors see.
Give people an account they can secure, recover and manage throughout its lifecycle.
Publish
Publish articles, organize your writing and build a reading experience that feels like your own.
Collect subscriptions, organize topics and prepare messages with consent and unsubscribe controls built in.
Choose, describe and manage the assets that appear across your website and member experience.
Grow
Turn a visitor’s question, application or enquiry into a response your team can review.
Review aggregate reports with clear privacy, retention and data-quality boundaries.
Build journeys around verified milestones while keeping recognition and sharing under control.
Collect confirmed requests and manage who gets invited as your capacity grows.
Operate
Connect supported project content to local search without bypassing its access rules.
Bring project activity into an account notification center with preferences and clear source links.
Keep track of installed features and review changes while respecting the work that makes your project yours.
Sell + Connect
Use the supported event and delivery foundation to prepare integrations you can inspect and operate.
A storefront for your customers, with connected tools to manage products and orders.
Start with catalog and provider-readiness tools for a print-on-demand store.
Set discount rules and limits, then track the evidence behind reservations and redemption.
Organize applications, participant status and program rules with a reviewable foundation.
Bring protected content, member access and a personal account area into one connected website.
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.
- KottokoBusiness websitesInteractive exampleKottokoJournal
Introducing Kottoko
Publish Kottoko pages, product notes, and practical guides from one content workspace.
A home for your ideas.
Select a page to preview its heading and layout.
Management previewA home for your ideas.
Selected itemIntroducing KottokoPublish Kottoko pages, product notes, and practical guides from one content workspace.
Try it here. Changes stay inside this example. - KottokoBlogs & publicationsInteractive exampleKottokoJournal
Introducing Kottoko
Publish Kottoko pages, product notes, and practical guides from one content workspace.
A home for your ideas.
Select a page to preview its heading and layout.
Management previewA home for your ideas.
Selected itemIntroducing KottokoPublish Kottoko pages, product notes, and practical guides from one content workspace.
Try it here. Changes stay inside this example.
- KottokoPortfoliosInteractive exampleKottoko wordmark
Organize the visuals that make a Kottoko website recognizable. Select an asset, then inspect its name in Manage.
Management previewYour project, in focus.
Selected itemKottoko wordmarkOrganize the visuals that make a Kottoko website recognizable. Select an asset, then inspect its name in Manage.
Try it here. Changes stay inside this example. - KottokoResource librariesInteractive exampleKottoko project files
Present project files and useful design resources in a member library. These example assets do not start a download.
Management previewResources with a clear home.
Selected itemKottoko project filesPresent project files and useful design resources in a member library. These example assets do not start a download.
Try it here. Changes stay inside this example.
- KottokoLanding pagesInteractive exampleKottoko
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.
AutomaticManagement previewMake Kottoko your own.
Selected itemContentChange the heading and accent in this miniature page. It uses the same heading, field, and color controls as the website.
Try it here. Changes stay inside this example. - KottokoMultilingual websitesInteractive exampleKottokoEnglish
Build with Kottoko
Switch the example heading between English, Swedish, and Albanian. Keep each translation connected to the same page.
One website. More people.
Switch language without leaving the page.
Management previewOne website. More people.
Selected itemBuild with KottokoSwitch the example heading between English, Swedish, and Albanian. Keep each translation connected to the same page.
Try it here. Changes stay inside this example.
- KottokoImages & filesInteractive exampleKottoko wordmark
Organize the visuals that make a Kottoko website recognizable. Select an asset, then inspect its name in Manage.
Management previewYour project, in focus.
Selected itemKottoko wordmarkOrganize the visuals that make a Kottoko website recognizable. Select an asset, then inspect its name in Manage.
Try it here. Changes stay inside this example.
Commerce
Sell products, downloads and subscriptions.
- KottokoOnline shopsInteractive exampleKottoko Starter
See how a storefront presents a focused product range. These are example products, not items offered for sale.
Management previewA Kottoko collection.
Selected itemKottoko StarterSee how a storefront presents a focused product range. These are example products, not items offered for sale.
Try it here. Changes stay inside this example. - KottokoProduct catalogsInteractive exampleKottoko Starter
See how a storefront presents a focused product range. These are example products, not items offered for sale.
Management previewA Kottoko collection.
Selected itemKottoko StarterSee how a storefront presents a focused product range. These are example products, not items offered for sale.
Try it here. Changes stay inside this example.
- KottokoDigital downloadsInteractive exampleKottoko project files
Present project files and useful design resources in a member library. These example assets do not start a download.
Management previewResources with a clear home.
Selected itemKottoko project filesPresent project files and useful design resources in a member library. These example assets do not start a download.
Try it here. Changes stay inside this example. - KottokoAffiliate programsInteractive example
Make recommendations traceable.
Explore an illustrative Kottoko partner referral. Attribution and commission records need a configured program; this preview creates neither.
- 01Prepare a partner link
- 02Preview the referred visit
- 03Inspect the referral record
Management previewMake recommendations traceable.
Selected itemPrepare a partner linkExplore an illustrative Kottoko partner referral. Attribution and commission records need a configured program; this preview creates neither.
Try it here. Changes stay inside this example.
- KottokoPrint-on-demand shopsInteractive exampleKottoko canvas tote
Explore Kottoko merchandise concepts. Product setup and fulfillment require a connected provider; these examples are not for sale.
Management previewA brand beyond the screen.
Selected itemKottoko canvas toteExplore Kottoko merchandise concepts. Product setup and fulfillment require a connected provider; these examples are not for sale.
Try it here. Changes stay inside this example. - KottokoSubscriptions & billingInteractive exampleK
Reader plan — example
Compare example membership plans and review a selection. They show a subscription flow in a project, not Kottoko pricing or plans.
Order previewChoose an example membership plan.
- Included access
- Project resources
- Payment
- Not connected in this preview
Management previewChoose an example membership plan.
Selected itemReader plan — exampleCompare example membership plans and review a selection. They show a subscription flow in a project, not Kottoko pricing or plans.
Try it here. Changes stay inside this example.
- KottokoCoupons & offersInteractive exampleKottokoKOTTOKOExample offer
An offer with clear boundaries.
Apply an example offer to a Kottoko selection. A real offer needs its own eligibility, dates, and limits; no discount is promised here.
Management previewAn offer with clear boundaries.
Selected itemEligible Kottoko productApply an example offer to a Kottoko selection. A real offer needs its own eligibility, dates, and limits; no discount is promised here.
Try it here. Changes stay inside this example.
Members & apps
Create spaces for members and customers.
- KottokoSaaS appsInteractive exampleKottoko
One account. A clearer overview.
Preview the resources a signed-in Kottoko member could access. This switch illustrates access; it does not create an account.
Profile and preferencesProject resourcesSecurity settingsMember access required
Management previewOne account. A clearer overview.
Selected itemProfile and preferencesPreview the resources a signed-in Kottoko member could access. This switch illustrates access; it does not create an account.
Try it here. Changes stay inside this example. - KottokoMember websitesInteractive exampleKottoko
A place for your members.
Compare the visitor and member views of Kottoko resources. Try the access switch to see what membership reveals.
Project resourcesMember updatesAccount settingsMember access required
Management previewA place for your members.
Selected itemProject resourcesCompare the visitor and member views of Kottoko resources. Try the access switch to see what membership reveals.
Try it here. Changes stay inside this example.
- KottokoOnline coursesInteractive example
Learn by building.
Example workspaceBuild your first pageA Kottoko learning path can guide members through a project. These example lessons show how learning content can be organized.
Management previewLearn by building.
Selected itemBuild your first pageA Kottoko learning path can guide members through a project. These example lessons show how learning content can be organized.
Try it here. Changes stay inside this example. - KottokoCommunity spacesInteractive exampleKottokoMessage preview
Keep the conversation together.
Preview a Kottoko project discussion and choose whether to receive its updates. No message is sent from this example.
01A question about page blocks02A reply with a component example03A note for the next iterationNotificationsUpdates are on in this example.
Management previewKeep the conversation together.
Selected itemA question about page blocksPreview a Kottoko project discussion and choose whether to receive its updates. No message is sent from this example.
Try it here. Changes stay inside this example.
- KottokoCustomer portalsInteractive example
Your work, in one place.
Example workspaceContent draftsA Kottoko workspace brings content, responses, and design controls together. Select a section to explore its example record.
Management previewYour work, in one place.
Selected itemContent draftsA Kottoko workspace brings content, responses, and design controls together. Select a section to explore its example record.
Try it here. Changes stay inside this example. - KottokoMember directoriesInteractive example
Find the right collaborators.
Example workspaceKottoko creatorsOrganize a Kottoko community around useful profiles and roles. These categories illustrate a directory without inventing real members.
Management previewFind the right collaborators.
Selected itemKottoko creatorsOrganize a Kottoko community around useful profiles and roles. These categories illustrate a directory without inventing real members.
Try it here. Changes stay inside this example.
- KottokoDashboardsInteractive example
Your work, in one place.
Example workspaceContent draftsA Kottoko workspace brings content, responses, and design controls together. Select a section to explore its example record.
Management previewYour work, in one place.
Selected itemContent draftsA Kottoko workspace brings content, responses, and design controls together. Select a section to explore its example record.
Try it here. Changes stay inside this example. - KottokoAccounts & accessInteractive exampleKottoko
One account. A clearer overview.
Preview the resources a signed-in Kottoko member could access. This switch illustrates access; it does not create an account.
Profile and preferencesProject resourcesSecurity settingsMember access required
Management previewOne account. A clearer overview.
Selected itemProfile and preferencesPreview the resources a signed-in Kottoko member could access. This switch illustrates access; it does not create an account.
Try it here. Changes stay inside this example.
Growth
Connect with your audience and understand what works.
- KottokoNewslettersInteractive exampleKottokoMessage preview
What’s new at Kottoko.
Preview a product update with a clear reason to read it. The notification controls here are examples and do not subscribe you.
01A closer look at the editor02New reusable page blocks03Progress toward launchNotificationsUpdates are on in this example.
Management previewWhat’s new at Kottoko.
Selected itemA closer look at the editorPreview a product update with a clear reason to read it. The notification controls here are examples and do not subscribe you.
Try it here. Changes stay inside this example. - KottokoForms & enquiriesInteractive exampleManagement preview
Start with a useful question.
Selected itemProject enquiriesTry an enquiry for a Kottoko project. A clear field, inline validation, and a response view show the complete small interaction.
Try it here. Changes stay inside this example.
- KottokoWaitlists & launchesInteractive exampleManagement preview
Build interest before launch.
Selected itemIntroduce the projectTry a Kottoko project-interest form and inspect its response. To join the real Kottoko mailing list, use Get updates in the website header.
Try it here. Changes stay inside this example. - KottokoReferrals & invitationsInteractive example
An invitation with a clear next step.
Follow an example invitation to explore Kottoko. Preview the steps without sending an invitation or enrolling a real person.
- 01Prepare a Kottoko invitation
- 02Preview the join page
- 03Review the invitation status
Management previewAn invitation with a clear next step.
Selected itemPrepare a Kottoko invitationFollow an example invitation to explore Kottoko. Preview the steps without sending an invitation or enrolling a real person.
Try it here. Changes stay inside this example.
- KottokoRewards & achievementsInteractive example
Make progress visible.
Explore an example Kottoko onboarding achievement. Advance through a few meaningful steps and see completed steps stay visible.
- 01Explore a feature
- 02Customize a page
- 03Review your project
Management previewMake progress visible.
Selected itemExplore a featureExplore an example Kottoko onboarding achievement. Advance through a few meaningful steps and see completed steps stay visible.
Try it here. Changes stay inside this example. - KottokoAnalytics & insightsInteractive exampleIllustrative data
See what people find useful.
Switch between illustrative measures for a Kottoko launch. These numbers demonstrate the interface and are not real traffic or subscribers.
Management previewSee what people find useful.
Selected itemPage visitsSwitch between illustrative measures for a Kottoko launch. These numbers demonstrate the interface and are not real traffic or subscribers.
Try it here. Changes stay inside this example.
Design
Shape the look and feel of your project.
- KottokoWebsite editorInteractive exampleKottoko
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.
AutomaticManagement previewMake Kottoko your own.
Selected itemContentChange the heading and accent in this miniature page. It uses the same heading, field, and color controls as the website.
Try it here. Changes stay inside this example. - KottokoComponents & blocksInteractive exampleKottoko
Small pieces. Real possibilities.
Explore a compact Kottoko page built with the product’s own components. Try the title field and accent control to see them work together.
AutomaticManagement previewSmall pieces. Real possibilities.
Selected itemPage headingExplore a compact Kottoko page built with the product’s own components. Try the title field and accent control to see them work together.
Try it here. Changes stay inside this example.
- KottokoDesign patternsInteractive exampleManagement preview
A familiar path from input to answer.
Selected itemClear field labelsTry a Kottoko enquiry pattern: enter a message, see validation, then inspect the response. Nothing is sent or stored outside this example.
Try it here. Changes stay inside this example. - KottokoBrand & identityInteractive exampleKottoko
A recognizable Kottoko.
Aa Bb Cc0123456789#101010#F5F5F5#EEF067AutomaticManagement previewA recognizable Kottoko.
Selected itemKottoko wordmarkSee the wordmark, typography, and colors together. Try an accent variation; a full brand-asset export remains a future offering.
Try it here. Changes stay inside this example.
Operations
Keep your project connected and running.
- KottokoSearch & discoveryInteractive example
Find the useful part faster.
Example workspaceKottoko editor guideSearch these Kottoko examples by name. A useful result connects people directly with the page, resource, or guide they need.
Management previewFind the useful part faster.
Selected itemKottoko editor guideSearch these Kottoko examples by name. A useful result connects people directly with the page, resource, or guide they need.
Try it here. Changes stay inside this example. - KottokoNotificationsInteractive exampleKottokoMessage preview
Know what needs your attention.
Preview Kottoko project notifications and try read states. Real notifications should link to a useful next action in the project.
01A content draft is ready to review02A form has a new response03An update is ready to inspectNotificationsUpdates are on in this example.
Management previewKnow what needs your attention.
Selected itemA content draft is ready to reviewPreview Kottoko project notifications and try read states. Real notifications should link to a useful next action in the project.
Try it here. Changes stay inside this example.
- KottokoIntegrations & automationInteractive example
Connect a useful next action.
Step through an example Kottoko form workflow. This visual rehearsal makes no provider calls and sends no messages.
- 01Inspect a form event
- 02Review its destination
- 03Preview the delivery result
Management previewConnect a useful next action.
Selected itemInspect a form eventStep through an example Kottoko form workflow. This visual rehearsal makes no provider calls and sends no messages.
Try it here. Changes stay inside this example. - KottokoUpdates & recoveryInteractive example
Improve with a way back.
Walk through a Kottoko update rehearsal. Review a change, preserve the previous version, and inspect recovery before applying a real update.
- 01Review the proposed changes
- 02Prepare a recovery point
- 03Inspect the recovery result
Management previewImprove with a way back.
Selected itemReview the proposed changesWalk through a Kottoko update rehearsal. Review a change, preserve the previous version, and inspect recovery before applying a real update.
Try it here. Changes stay inside this example.
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.