Alejandro Mejias
Split Studio
Loading
KARO | NYC Artist & Designer
Brutal monochrome geometry, stark sans-serifs, vast negative space evokes a cool, industrial stillness.
Click any value to copy. Roles are suggestions, not gospel.
- #bc744coklch(62.8% 0.106 49)Dominant
- #e7bcb0oklch(83.0% 0.053 36)Surface
- #3c548aoklch(45.3% 0.093 265)Ink
- #944c4coklch(50.5% 0.097 21)Accent
- #d2aca2oklch(77.6% 0.047 35)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h2 | Helvetica | 67px | 700 | 0.78 | -5.98752px | Aa Bb Cc |
| body | Helvetica | 16px | 400 | 1.5 | 0 | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #bc744c;
--color-surface: #e7bcb0;
--color-ink: #3c548a;
--color-accent: #944c4c;
--color-detail: #d2aca2;
}
/* CSS variables exposed by source */
:root {
--text-l: 3.47svw;
--text-xsmall-p: 1.04svw;
--text-details: .92svw;
--color-white: #fff;
--text-big-p: 1.73svw;
--text-small-p: 1.15svw;
--color-grey: silver;
--text-xxxl: 6.36svw;
--text-cta-xl: 1.85svw;
--color-black: #000;
--text-title-l: 2.31svw;
--spacing: .01em;
--text-cta-m: 1.15svw;
--color-blue: #0012ff;
--font-secondary: "Nautica";
--text-title-xxxl: 11.86svw;
--text-xbig-p: 2.02svw;
--text-title-xxl: 4.62svw;
--text-xl: 3.76svw;
--text-title-xl: 2.89svw;
--text-xxl: 3.93svw;
--grid-gutter-split: 10px;
--f-normal: 400;
--tw-drop-shadow-alpha: 100%;
--tw-border-style: solid;
--tw-scale-z: 1;
--tracking-normal: -.09em;
--grid-margin: 20px;
--tw-translate-x: 0;
--f-semi-medium: 600;
--f-light: 300;
--tw-scale-x: 1;
--f-bold: 700;
--tw-translate-z: 0;
--tw-scale-y: 1;
--grid-width: calc(100svw - 20px*2);
--f-medium: 500;
--tracking-large: 0;
--tw-translate-y: 0;
--grid-gutter: 20px;
--tracking-tight: -.06em;
}Drop-in prompt
Build a landing page in the visual style of KARO | NYC Artist & Designer.
Reference design system (extracted from the live site):
- Palette: #bc744c, #e7bcb0, #3c548a, #944c4c, #d2aca2
- Typefaces: Helvetica
- 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/karocrafts-com
