Ollama
Split Studio
Loading
Weaviate
Electric lime drips and neon teal bursts on a stark, futuristic grid.
Click any value to copy. Roles are suggestions, not gospel.
- #cfde22oklch(86.0% 0.188 115)Dominant
- #1d156boklch(27.9% 0.140 276)Surface
- #dcf090oklch(91.9% 0.122 118)Ink
- #4c4b84oklch(44.1% 0.092 283)Accent
- #a2b9c0oklch(77.1% 0.027 218)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h1 | Fields Display | 68px | 600 | 1.25 | -2.04px | Aa Bb Cc |
| h2 | Plus Jakarta Sans | 40px | 700 | 1.25 | 0 | Aa Bb Cc |
| h3 | Plus Jakarta Sans | 20px | 700 | 1.25 | 0 | Aa Bb Cc |
| body | Inter | 16px | 400 | 1.65 | 0 | Aa Bb Cc |
| button | Inter | 24px | 700 | 0 | 0 | Aa Bb Cc |
Max content width 820px
:root {
--color-dominant: #cfde22;
--color-surface: #1d156b;
--color-ink: #dcf090;
--color-accent: #4c4b84;
--color-detail: #a2b9c0;
}
/* CSS variables exposed by source */
:root {
--ink: #dedcef;
--accent: #61bd73;
--paper: #f7f9fd;
--inkSub: #8396b1;
--ifm-menu-link-padding-vertical: 0.375rem;
--ifm-spacing-vertical: 1rem;
--ifm-color-primary-contrast-background: #ebf2fc;
--site-font-heading-family: "Plus Jakarta Sans",ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
--ifm-pre-line-height: 1.45;
--ifm-global-border-width: 1px;
--ifm-card-horizontal-spacing: 1rem;
--ifm-avatar-photo-size: 3rem;
--ifm-h2-font-size: 2rem;
--ifm-font-weight-semibold: 400;
--ifm-color-primary-lighter: #72a1ed;
--ifm-heading-color: #edf4ff;
--ifm-scrollbar-track-background-color: #f1f1f1;
--ifm-color-success-darker: #008b00;
--ifm-alert-padding-horizontal: 1rem;
--lightColor: ##f7f9fd;
--ifm-color-gray-400: #ccd0d5;
--ifm-blockquote-color: #444950;
--ifm-color-success-contrast-foreground: #003100;
--ifm-blockquote-font-size: 100%;
--ifm-font-size-base: 100%;
--ifm-navbar-link-color: #b9c8de;
--ifm-breadcrumb-padding-vertical: 0.4rem;
--ifm-heading-font-family: "Plus Jakarta Sans",ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;
--ifm-breadcrumb-separator-size-multiplier: 1.25;
--ifm-link-hover-color: #63e689;
--ifm-color-primary-dark: #306cce;
--ifm-tabs-padding-vertical: 1rem;
--muted: #8396b1;
--ifm-font-weight-base: 400;
--ifm-font-weight-normal: 400;
--fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
--ifm-background-surface-color: #fff;
--ifm-color-emphasis-400: #ccd0d5;
--ifm-color-secondary-contrast-background: #fdfdfe;
--ifm-color-success-lightest: #80d280;
--ifm-navbar-item-padding-horizontal: 0.75rem;
--ifm-pre-border-radius: 0.4rem;
--ifm-color-white: #fff;
--tw-ring-color: #3b82f680;
--ifm-list-margin: 1rem;
--ifm-color-primary-contrast-foreground: #102445;
--ifm-badge-border-width: 1px;
--headerFont: "Plus Jakarta Sans";
--ifm-color-danger-lightest: #fd9c9f;
--ifm-color-warning-dark: #e6a700;
--ifm-color-danger-lighter: #fb7478;
--ifm-alert-color: #b9c8de;
--ifm-pills-spacing: 0.125rem;
--ifm-color-danger-light: #fb565b;
--ifm-color-gray-900: #1c1e21;
--ifm-lightest-value: 50%;
--ifm-color-primary-darkest: #2554a0;
--ifm-font-color-base: #b9c8de;
--ifm-breadcrumb-item-background-active: #0000000d;
--ifm-color-emphasis-900: #1c1e21;
}Drop-in prompt
Build a landing page in the visual style of Weaviate.
Reference design system (extracted from the live site):
- Palette: #cfde22, #1d156b, #dcf090, #4c4b84, #a2b9c0
- Typefaces: Fields Display, Plus Jakarta Sans, Inter
- Macrostructure: Split Studio
Use the dominant colour for surfaces, the accent sparingly,
and lean on type weight + scale rather than colour for hierarchy.
Full DESIGN.md: https://inspomcp.dev/api/design/weaviate-io
