Skill Wiki
Intercom
Warm editorial B2B platform: Saans on cream-white #faf9f6 canvas, Fin Orange #ff5600 as singular AI accent, and near-rectangular 4px button radius that creates industrial precision against cozy warm neutrals.
$ prime install @community/persona-intercomProjection
Always in _index.xml · the agent never has to ask for this.
Intercom [persona] v1.0.0
Warm editorial B2B platform: Saans on cream-white #faf9f6 canvas, Fin Orange #ff5600 as singular AI accent, and near-rectangular 4px button radius that creates industrial precision against cozy warm neutrals.
Loaded when retrieval picks the atom as adjacent / supporting.
Intercom [persona] v1.0.0
Warm editorial B2B platform: Saans on cream-white #faf9f6 canvas, Fin Orange #ff5600 as singular AI accent, and near-rectangular 4px button radius that creates industrial precision against cozy warm neutrals.
School
intercom
Implies
- Font:
- Display: Saans (fallbacks: Saans Fallback, ui-sans-serif, system-ui) — 80px/400/line-height 1.00/letter-spacing -2.4px for hero
- Body: Serrif serif (fallbacks: Serrif Fallback, ui-serif, Georgia) — 16px/300/line-height 1.40/letter-spacing -0.16px
- Monospace: SaansMono (fallbacks: SaansMono Fallback, ui-monospace) — 12px uppercase with positive tracking 0.6–1.2px
- Accent: MediumLL / LLMedium (fallbacks: system-ui, -apple-system) — UI chrome and emphasis
- Color:
- Temperature: warm-neutral
- Palette: off-black #111111 primary, cream canvas #faf9f6 surface, Fin Orange #ff5600 AI accent, report orange #fe4c02 data-viz, black-80 #313130 / black-60 #626260 / black-50 #7b7b78 neutrals, oat border #dedbd6, warm sand #d3cec6
- Background: #faf9f6
- Density: precise — 4px button radius, 6px nav, 8px cards; 8px spacing base; breakpoints at 425/530/600/640/768/896px
- Layout: marketing editorial with billboard hero headlines, warm alternating sections, dashboard palette reserved for data-viz panels only
- Imagery: editorial photography and editorial illustration; multi-color report palette (blue #65b5ff, green #0bdf50, red #c41c1c, pink #ff2067, lime #b3e01c) for dashboards only
- Motion: scale(1.1) hover / scale(0.85) active on buttons — physical 'grow then press' transforms; oklab-based alpha borders for opacity management
Example Brands
- Intercom
Composition
- Must Include:
- @impeccable/template-button-press
- @community/principle-vertical-rhythm
- Must Avoid:
- @impeccable/persona-vercel-clean
- @impeccable/persona-brutalist
- Typography Required:
- Display: Saans
- Body: Serrif (serif)
- Button Radius: 4px (not rounded beyond 8px)
- Color Required:
- Background: #faf9f6
- Accent: #ff5600
- Border: #dedbd6 (oat-toned, never cool gray)
- Motion Prescriptions:
- @impeccable/template-button-press
- @impeccable/template-easing-curves
Loaded when retrieval picks the atom as a focal / direct hit.
Intercom [persona] v1.0.0
Warm editorial B2B platform: Saans on cream-white #faf9f6 canvas, Fin Orange #ff5600 as singular AI accent, and near-rectangular 4px button radius that creates industrial precision against cozy warm neutrals.
School
intercom
Implies
- Font:
- Display: Saans (fallbacks: Saans Fallback, ui-sans-serif, system-ui) — 80px/400/line-height 1.00/letter-spacing -2.4px for hero
- Body: Serrif serif (fallbacks: Serrif Fallback, ui-serif, Georgia) — 16px/300/line-height 1.40/letter-spacing -0.16px
- Monospace: SaansMono (fallbacks: SaansMono Fallback, ui-monospace) — 12px uppercase with positive tracking 0.6–1.2px
- Accent: MediumLL / LLMedium (fallbacks: system-ui, -apple-system) — UI chrome and emphasis
- Color:
- Temperature: warm-neutral
- Palette: off-black #111111 primary, cream canvas #faf9f6 surface, Fin Orange #ff5600 AI accent, report orange #fe4c02 data-viz, black-80 #313130 / black-60 #626260 / black-50 #7b7b78 neutrals, oat border #dedbd6, warm sand #d3cec6
- Background: #faf9f6
- Density: precise — 4px button radius, 6px nav, 8px cards; 8px spacing base; breakpoints at 425/530/600/640/768/896px
- Layout: marketing editorial with billboard hero headlines, warm alternating sections, dashboard palette reserved for data-viz panels only
- Imagery: editorial photography and editorial illustration; multi-color report palette (blue #65b5ff, green #0bdf50, red #c41c1c, pink #ff2067, lime #b3e01c) for dashboards only
- Motion: scale(1.1) hover / scale(0.85) active on buttons — physical 'grow then press' transforms; oklab-based alpha borders for opacity management
Example Brands
- Intercom
Composition
- Must Include:
- @impeccable/template-button-press
- @community/principle-vertical-rhythm
- Must Avoid:
- @impeccable/persona-vercel-clean
- @impeccable/persona-brutalist
- Typography Required:
- Display: Saans
- Body: Serrif (serif)
- Button Radius: 4px (not rounded beyond 8px)
- Color Required:
- Background: #faf9f6
- Accent: #ff5600
- Border: #dedbd6 (oat-toned, never cool gray)
- Motion Prescriptions:
- @impeccable/template-button-press
- @impeccable/template-easing-curves
Relations
contradicts: [@impeccable/persona-vercel-clean, @impeccable/persona-brutalist]
Compatible
- magazine-editorial
- warm-institutional
- notion-warm
- editorial
Conflicts
- vercel-clean
- brutalist
- tokyo-minimal
Contradicts
- @impeccable/persona-vercel-clean
- @impeccable/persona-brutalist
Source
prime-system/examples/frontend-design/primes/compiled/@community/persona-intercom/atom.yaml