Desert Coastal Development Co
Foundations and UI primitives for every Desert Coastal surface — the public site, the investor portal, and the admin platform. Version 1.0 · July 2026. Pairs with the Brand Guidelines.
Drop this block into any Desert Coastal surface. All components below consume only these variables.
:root{
/* color — field */
--ivory:#F8F6F0; --white:#FFFFFF; --ink:#15231B;
/* color — green accent */
--green-950:#0A1D14; --green-900:#0E241A; --green-800:#143024; --sage:#9DB4A0;
/* color — gold accent */
--gold:#C3A15F; --gold-light:#D9BE8A; --gold-ink:#A8823F; --gold-pale:#EFE5CE;
/* color — coastal blue (accent whisper) */
--blue:#8FAABB; --blue-deep:#5F8296; --tide:#0E2830;
/* hairlines */
--hairline:rgba(21,35,27,.16); --hairline-light:rgba(248,246,240,.22);
/* type */
--serif:'Cormorant Garamond',Georgia,serif; --sans:'Inter',sans-serif;
/* radius — the round theme */
--r-hero:48px; --r-xl:32px; --r-lg:26px; --r-md:16px; --r-pill:999px;
/* elevation */
--shadow-float:0 30px 60px -35px rgba(10,29,20,.5);
}
Primary = gold pill · Secondary = outline pill · Tertiary = tracked text link with chevron. All pills carry the trailing em-dash line (::after).
On dark: secondary uses .pill.on-dark; text links take Gold Light.
Active underline is Blue Deep — one of blue's few sanctioned appearances.
Our Markets · CA + AZ
Single-family and build-to-rent neighborhoods designed for how the Southwest lives.
Borderless underline inputs; focus turns the rule Blue Deep. Labels are kicker-style.
| Investment | Type | Status |
|---|---|---|
| Sagebrook Residences | Equity | Active |
| DC Secured Income Fund | Debt | Active |
The reusable art formula: solid deep green (or the deepTide gradient), a muted gold sun disc with a fine ring, and 1px contour lines in ivory/gold/blue — always in zones clear of text.
Sun: #C3A15F at 40% opacity + ring at 18% · lines at 12–40% opacity · never fill a wave, never draw a scene.