Medium
Specimen
Soft, glowing lemon and deep plum, clean sans serif floats in generous, airy space.




Click any value to copy. Roles are suggestions, not gospel.
Read off the live site. Treat it as reference, not a recipe.
| Role | Family | Size | Weight | Leading | Tracking | Sample |
|---|---|---|---|---|---|---|
| h2 | futura-pt | 63px | 500 | 1.32 | 1px | Aa Bb Cc |
| h3 | futura-pt | 28px | 500 | 1.25 | 0.6px | Aa Bb Cc |
| body | futura-pt | 18px | 400 | 1.47 | 0.6px | Aa Bb Cc |
| caption | Times | 14px | 400 | 1.2 | 0.6px | Aa Bb Cc |
Max content width 1440px
:root {
--color-dominant: #fcec44;
--color-surface: #9e2118;
--color-ink: #fbf26b;
--color-accent: #688ea0;
--color-detail: #ddcab1;
}
/* CSS variables exposed by source */
:root {
--bs-yellow: #fee500;
--bs-info: #33d9b2;
--bs-orange: #ff6c19;
--bs-danger: #dc0000;
--bs-gray: #636363;
--vh: 9px;
--wp-admin-theme-color-darker-10--rgb: 0,107,160.5;
--wp-admin-theme-color-darker-20: #005a87;
--PhoneInputCountryFlag-aspectRatio: 1.5;
--PhoneInput-color--focus: #03b2cb;
--bs-success: #2e6f34;
--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);
--PhoneInputCountryFlag-height: 1em;
--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1);
--PhoneInputCountrySelectArrow-width: 0.3em;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--wp-block-synced-color--rgb: 122,0,223;
--bs-teal: #33d9b2;
--swiper-navigation-size: 44px;
--wp-bound-block-color: #7a00df;
--bs-indigo: #1a405b;
--bs-primary: #134097;
--PhoneInputCountryFlag-borderWidth: 1px;
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--PhoneInputCountrySelectArrow-borderWidth: 1px;
--PhoneInputCountrySelect-marginRight: 0.35em;
--wp-block-synced-color: #7a00df;
--PhoneInputInternationalIconGlobe-opacity: 0.65;
--bs-dark: #000;
--PhoneInputCountrySelectArrow-marginLeft: 0.35em;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--PhoneInputCountrySelectArrow-color: currentColor;
--bs-cyan: #22aed1;
--wp-admin-border-width-focus: 2px;
--wp-editor-canvas-background: #ddd;
--bs-green: #2e6f34;
--bs-purple: #5f1e78;
--PhoneInputInternationalIconPhone-opacity: 0.8;
--PhoneInputCountrySelectArrow-color--focus: #03b2cb;
--wvs-single-product-item-height: 30px;
--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;
--wp-admin-theme-color: #007cba;
--PhoneInputCountrySelectArrow-transform: rotate(45deg);
--bs-secondary: #636363;
--wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer.";
--wvs-single-product-item-width: 30px;
--bs-warning: #fee500;
--bs-light: #fff;
--bs-pink: #e83e8c;
--wp--preset--font-size--huge: 42px;
--swiper-theme-color: #007aff;
--bs-gray-dark: #272727;
--wp--preset--font-size--normal: 16px;
--PhoneInputCountrySelectArrow-opacity: 0.45;
--PhoneInputCountryFlag-borderColor--focus: #03b2cb;
--wvs-single-product-item-font-size: 16px;
--bs-blue: #134097;
--bs-red: #dc0000;
}Drop-in prompt
Build a landing page in the visual style of Apartamentomagazine.
Reference design system (extracted from the live site):
- Palette: #fcec44, #9e2118, #fbf26b, #688ea0, #ddcab1
- Typefaces: futura-pt
- 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/apartamentomagazine-com--archive