Anima: Build Websites & Apps with AI | UX Design Agent | Figma to Code
Split Studio
Loading
Tabnine AI Code Assistant | Smarter AI Coding Agents. Total Enterprise Control.
Deep indigo expanse, crisp sans-serif geometry, cool digital clarity.
Click any value to copy. Roles are suggestions, not gospel.
- #ef2515oklch(61.0% 0.234 30)Dominant
- #f9948boklch(77.0% 0.123 26)Surface
- #0c1c6boklch(28.1% 0.137 267)Ink
- #a6aa52oklch(71.6% 0.112 111)Accent
- #cad1e5oklch(86.1% 0.029 270)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h1 | Inter | 42px | 900 | 1.2 | 0 | Aa Bb Cc |
| h2 | Inter | 42px | 900 | 1.2 | 0 | Aa Bb Cc |
| h3 | Inter | 27px | 700 | 1.2 | 0 | Aa Bb Cc |
| body | Roboto Mono | 16px | 400 | 1 | 0 | Aa Bb Cc |
| button | Arial | 12px | 400 | 1.3 | 0 | Aa Bb Cc |
Max content width 1200px
:root {
--color-dominant: #ef2515;
--color-surface: #f9948b;
--color-ink: #0c1c6b;
--color-accent: #a6aa52;
--color-detail: #cad1e5;
}
/* CSS variables exposed by source */
:root {
--wp-block-synced-color--rgb: 122,0,223;
--wp-admin-theme-color: #007cba;
--wp-bound-block-color: #7a00df;
--wp-admin-theme-color-darker-10--rgb: 0,107,160.5;
--wp-admin-border-width-focus: 2px;
--wp-editor-canvas-background: #ddd;
--wp-admin-theme-color-darker-20: #005a87;
--wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer.";
--wp--preset--font-size--huge: 42px;
--wp-block-synced-color: #7a00df;
--wp--preset--font-size--normal: 16px;
--wp-admin-theme-color-darker-20--rgb: 0,90,135;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color--rgb: 0,124,186;
}Drop-in prompt
Build a landing page in the visual style of Tabnine AI Code Assistant | Smarter AI Coding Agents. Total Enterprise Control..
Reference design system (extracted from the live site):
- Palette: #ef2515, #f9948b, #0c1c6b, #a6aa52, #cad1e5
- Typefaces: Inter, Roboto Mono, Arial
- 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/tabnine-com
