Daniel Do
Specimen
Loading
Marin Kurir - A Digital Designer
Cool grey depth, precise sans-serifs, expansive negative space—a focused, digital study.
Click any value to copy. Roles are suggestions, not gospel.
- #cdf34boklch(90.7% 0.192 121)Dominant
- #f4fcfcoklch(98.5% 0.008 197)Surface
- #839a43oklch(64.9% 0.117 122)Ink
- #747c84oklch(58.2% 0.016 248)Accent
- #b8bdbeoklch(79.5% 0.006 211)Detail
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h2 | Roc grotesk variable | 26px | 400 | 1.3 | 0 | Aa Bb Cc |
| h3 | Roc grotesk variable | 22px | 400 | 1.23 | -0.1512px | Aa Bb Cc |
| body | Roc grotesk variable | 24px | 400 | 1.5 | 0 | Aa Bb Cc |
| button | Roc grotesk variable | 24px | 400 | 1.5 | 0 | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #cdf34b;
--color-surface: #f4fcfc;
--color-ink: #839a43;
--color-accent: #747c84;
--color-detail: #b8bdbe;
}
/* CSS variables exposed by source */
:root {
--brand-gray: #b7bbbd;
--brand-lines-lighter: #d0e5e5;
--brand-lines-darker: #96a6a6;
--brand-gray-2: #a0a2a3;
--white-lines: #434445;
--yellow-green: #d3ff35;
--work-moving-bg: #262829;
--widescreen-project-text: 1.1vw;
--dark-text: #212324;
--site-light-background: #eeeff0;
--footer-gray: #18191a;
--desktop-project-text: 20px;
--white-text: #f2f6f7;
--white: #fff;
--light-gray-background: #f0f3f5;
--gray-about-title: #646566;
--middle-project-text: 16px;
--footer-light-gray: #212324;
}Drop-in prompt
Build a landing page in the visual style of Marin Kurir - A Digital Designer.
Reference design system (extracted from the live site):
- Palette: #cdf34b, #f4fcfc, #839a43, #747c84, #b8bdbe
- Typefaces: Roc grotesk variable
- Macrostructure: Specimen
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/marinkurir-com
