2

The brand baseline for SmartData. Brand guide , updated Oct 17.

SmartData

SmartData · Core Brand

Updated today · View site

Design System – Overview

The design system for SmartData, read from the brand folders of its brain in the vault. The brain holds 2 logo files, 38 colors, 3 typefaces, 22 components, 6 rubric checks.

StatusDraft
Last changedOct 17, 2026
Colors read from03-brand/design-tokens.json
Brand non-negotiables

No non-negotiables are recorded in 03-brand/brand-non-negotiables.md yet.

Color

38 colors read from 03-brand/design-tokens.json, named as the brain names them. Colors the brain marks as superseded are left out. Click a color to copy its hex.

Purple Ramp
Neutral Ramp
Interaction
Status
Pairings

The first brand colors in the palette plus the lightest. Text color down the side, background across the top. Each pair shows the contrast ratio and whether it is safe for text.

Text on backgroundSds MauveSds SunsetSds PaperSds Mauve Ink
Sds Mauve Same color Aa 5.3:1AA Aa 14.7:1AAA Aa 1.2:1Do not use for text
Sds Sunset Aa 5.3:1AA Same color Aa 2.8:1Do not use for text Aa 6.4:1AA
Sds Paper Aa 14.7:1AAA Aa 2.8:1Do not use for text Same color Aa 17.8:1AAA
Sds Mauve Ink Aa 1.2:1Do not use for text Aa 6.4:1AA Aa 17.8:1AAA Same color

Typography

3 typefaces read from 03-brand/design-tokens.json.

[ display ]
Aa
Space Grotesk

SmartData

[ body ]
Aa
DM Sans

SmartData

[ doc ]
Aa
Arial

SmartData

Specimens are drawn in a stand-in face. The licensed files are kept on the client drive and loaded in the client build.

Spacing and shape

Spacing steps and corner radii as SmartData's design tokens define them.

Spacing scale
space-0 0 px
space-1 4 px
space-2 8 px
space-3 12 px
space-4 16 px
space-5 20 px
space-6 24 px
space-8 32 px
space-10 40 px
space-12 48 px
space-16 64 px
space-20 80 px
Radius
radius-none 0 px
radius-xs 4 px
radius-sm 6 px
radius-md 8 px
radius-lg 12 px
radius-xl 20 px
radius-2xl 28 px
radius-pill full

Components

22 components built for SmartData, read from its repo. Each one links to its source on GitHub.

[ REPO ]PreHealth-inc/sdata-astro Read at 0ef8975, Oct 9
Astro components

Server-rendered .astro components.

Components 14
BlockPage Renders one bespoke page from its generated manifest: the live section markup verbatim, with each Webflow collection list re-rendered from the git collections in its place and each HubSpot embed replaced by the relay… slug, title, description src/components/BlockPage.astro ClientLogos The two partner/association logo walls on /about. spec, url, logo, name, alt src/components/ClientLogos.astro EnrollmentPopup First-party rebuild of the HubSpot web-interactive that live shows on /enrollment-automation ("Is Enrollment Sending You a Sign?" + a 4-way poll). src/components/EnrollmentPopup.astro EventCard One .event-item in the /all-resources/events grid, and the single .latest-event-item in the "Up Next" block. template, values src/components/EventCard.astro EventFilters The .event-filters-column of /all-resources/events. html src/components/EventFilters.astro EventMeeting The "Schedule a Meeting" block on an event page. id src/components/EventMeeting.astro EventSmartHorizons The Smart Horizons 2027 event page swaps "Schedule a Meeting" for this panel (BugHerd SDS Refresh Take 2 #29): the symposium has its own registration, so the column sends people there instead of collecting a sales… src/components/EventSmartHorizons.astro Footer A verbatim port of the live section.section.bg-white.footer. src/components/Footer.astro HubspotEmbed Renders where live had a HubSpot embed (hbspt.forms.create({ formId })). formId src/components/HubspotEmbed.astro HubspotForm A HubSpot form as plain, same-origin HTML. form, webinar, id, theme, class, heading src/components/HubspotForm.astro Listing One listing page: /categories/<t>, /topics/<t>, /resources-solutions/<t>, /all-resources/resources, and the /page/<n> route behind each of them. family, term, page src/components/Listing.astro Nav A verbatim port of the live section.navigation. src/components/Nav.astro PeopleGrid The leadership grid on /about and the Smart Council grid (with its per-card modal) on /smart-council. spec, name, role, company, portrait, linkedin, alt src/components/PeopleGrid.astro ResourceRail A Webflow collection list of resources (or events): the "Smart Resources" rails on the home page, /platform, the five solution pages and the four audience pages. spec, long, medium, numeric, title, category, date, dateText, location, role, image, alt src/components/ResourceRail.astro
Layouts 1
Web components

Custom elements that run in any page.

Voice and tone

No voice principles in the brain

SmartData has no voice-messaging note with a Voice Principles list in 03-brand yet.

The full voice note is in the vault at 03-brand/voice-messaging.md.

Rubric

The brand rubric scores a piece of work against this design system. Read from 10-oracle-instructions/oracle-brand-rubric.md.

Draft, awaiting approval Not scored yet
CheckWhat it tests for SmartDataPoints
Brand fidelity See the rubric note for the rows behind this check. 25
Voice & tone See the rubric note for the rows behind this check. 20
Layout & craft See the rubric note for the rows behind this check. 15
Message clarity See the rubric note for the rows behind this check. 20
Claim safety See the rubric note for the rows behind this check. 10
Technical spec See the rubric note for the rows behind this check. 10
Total100

Ask the Oracle

Enter to send