© Orvio · 2026
Kraeses
A website for a residential architecture studio that paints a house before it builds one: a courtyard home, from the model to sunset.
Included in membership
No mobile screenshots for this release. The live preview still opens on phones; it may not fit this screen.
Pages
Complete, ready pages in Kraeses's own structure. Six highlights:
Hero01 / 6
Compatibility
Bring Kraeses into the tools you already build with.
Ask your AI assistant for a page or a component and it arrives as real source, in Kraeses's own structure. Or take the ZIP and import it anywhere.
Agent MCPFor assistants and editors that support MCP: fetch exactly the pages and components you ask for.
Complete ZIPFor builders that import code or a repository: the whole product, as authored.
Details
Everything you need to decide, in one place.
Release0.1.3Latest
FrameworkHTML · CSS · JS
Pages2
Components20
CustomisableColour, type, spacing tokens
DependenciesNone
Updated2 Nov 2026
DownloadZIP · 7.6 MB
Agent MCPPer page or component
LicenseOrvio Member Licence v1.0 · Read
A design system you can make yours
Kraeses ships one design system, not a set of themes. Change a few tokens and everything follows.
Colour
--kraeses-blue#0768A5
--kraeses-paper#F3F1E9
--kraeses-ink#26372D
--kraeses-button#101310
--kraeses-paper-2#E9E8DF
--kraeses-blue#0768A5your brand
Five core colours drive the design. Swap them in the token file and everything recolours itself.
Typography
Aa
AtelierDisplay, 'Cormorant Garamond', Georgia, serifArial, Helvetica, sans-serif
DisplayDisplay specimen
H2Heading specimen
BodyBody text specimen.
SmallSmall text specimen
Built from the tokens
Get startedRead the docsNew
you@company.com
Yearly billing
Tokens
Colour98 tokens
Type89 tokens
Spacing76 steps
Radius12 steps
css/tokens.cssTokens as authored · fetchable with any page
Up close
Components, states and mobile views in detail. Whole pages are listed above.
01 / 07
Close-up
Close-up
Close-up
Close-up
Close-up
Close-up
Close-upTechnology & compatibility
What you get in the ZIP and where it has been tested.
Source
- Built with
- HTML · CSS · JS
- Structure
- Original structure preserved
- Tokens
- As authored, in the product's own format
Compatibility
- Static HTML
- Native-testedStatic check · 2 Nov 2026
What’s new & license
You always get the latest release. When a new one ships, it replaces the previous one for everyone.
- 0.1.3Design system page: the logo sheet renders as drawn (its tiles no longer collapse into thin strips), and the working Interaction kit board (Orvio's starter, with a note to designers) is no longer shipped. A website for a residential architecture studio, told through neoclassical paintings of one courtyard house and its two characters, in cerulean blue and ivory with an editorial serif. · 2 Nov 2026Latest
- License
- Orvio Member Licence v1.0 · Full license
- Identifier
- kraeses
More in the catalog
Same membership, same retrieval. Every product keeps its own framework.
Make it yoursTake this style.
Take this style.
Make it yours.
Start from Kraeses's complete source, keep what works and change the rest until it's unmistakably yours. One membership opens every product in the catalog.