Skill Wiki
Warp
Warm-dark developer lifestyle aesthetic: Matter Regular at weight 400 even on headlines, near-black canvas with earthy warm-gray undertones (not cold blue-black), #faf9f6 Warm Parchment text, and nature photography inter…
$ prime install @community/persona-warpProjection
Always in _index.xml · the agent never has to ask for this.
Warp [persona] v1.0.0
Warm-dark developer lifestyle aesthetic: Matter Regular at weight 400 even on headlines, near-black canvas with earthy warm-gray undertones (not cold blue-black), #faf9f6 Warm Parchment text, and nature photography interleaved with terminal screenshots — the campfire dev tool.
Loaded when retrieval picks the atom as adjacent / supporting.
Warp [persona] v1.0.0
Warm-dark developer lifestyle aesthetic: Matter Regular at weight 400 even on headlines, near-black canvas with earthy warm-gray undertones (not cold blue-black), #faf9f6 Warm Parchment text, and nature photography interleaved with terminal screenshots — the campfire dev tool.
School
warp
Implies
- Font:
- Display: Matter Regular (Matter SQ Regular for select display) with fallbacks system sans
- Body: Matter Regular weight 400 — same weight for headlines and body, hierarchy from size only
- Monospace: Geist Mono (display mono) and Matter Mono Regular (body mono)
- Color:
- Temperature: warm-neutral
- Palette: primary text #faf9f6 Warm Parchment, button bg #353534 Earth Gray, borders/dark #454545 / #353534 Dark Charcoal, body reading #afaeac Ash Gray, secondary text #868584 Stone Gray, tertiary #666469 Muted Purple-Tint Gray, surface rgba(255,255,255,0.04) Frosted Veil, card border rgba(226,226,226,0.35) Mist Border
- Background: near-black with earthy warm-gray undertones — no single hex, warm canvas not cold blue-black
- Density: cinematic — 8px base spacing, 80–120px section padding, ~1500px max-width (wide for photography), radius 4–6px small / 8px images+cards / 12–14px feature cards / 50px pill CTAs
- Layout: wide 1500px cinematic canvas, nature photography interleaved with terminal UI screenshots, editorial uppercase label categorization, sections feel like magazine spreads
- Imagery: golden-hour forests and landscapes interleaved with product terminal screenshots — unique lifestyle-dev visual language; no stock photography
- Motion: contemplative — no accent colors to animate; hover via ghostly border transitions rgba(226,226,226,0.35); no bounce, no urgency
Example Brands
- Warp
Composition
- Must Include:
- @impeccable/template-easing-curves
- @impeccable/template-oklch-dark-mode-cascade
- @community/principle-typography-hierarchy
- Must Avoid:
- @impeccable/persona-dense-pragmatist
- @impeccable/persona-brutalist
- Typography Required:
- Display: Matter Regular (weight 400 on ALL headings)
- Size Only Hierarchy: true
- Uppercase Labels: 12-14px, +1.4-2.4px tracking
- Color Required:
- Background: near-black warm earthy undertones (no single hex)
- Text Primary: #faf9f6
- Border Style: rgba(226,226,226,0.35) (no shadows)
- Motion Prescriptions:
- @impeccable/template-easing-curves
- @community/pattern-hover-lift
Loaded when retrieval picks the atom as a focal / direct hit.
Warp [persona] v1.0.0
Warm-dark developer lifestyle aesthetic: Matter Regular at weight 400 even on headlines, near-black canvas with earthy warm-gray undertones (not cold blue-black), #faf9f6 Warm Parchment text, and nature photography interleaved with terminal screenshots — the campfire dev tool.
School
warp
Implies
- Font:
- Display: Matter Regular (Matter SQ Regular for select display) with fallbacks system sans
- Body: Matter Regular weight 400 — same weight for headlines and body, hierarchy from size only
- Monospace: Geist Mono (display mono) and Matter Mono Regular (body mono)
- Color:
- Temperature: warm-neutral
- Palette: primary text #faf9f6 Warm Parchment, button bg #353534 Earth Gray, borders/dark #454545 / #353534 Dark Charcoal, body reading #afaeac Ash Gray, secondary text #868584 Stone Gray, tertiary #666469 Muted Purple-Tint Gray, surface rgba(255,255,255,0.04) Frosted Veil, card border rgba(226,226,226,0.35) Mist Border
- Background: near-black with earthy warm-gray undertones — no single hex, warm canvas not cold blue-black
- Density: cinematic — 8px base spacing, 80–120px section padding, ~1500px max-width (wide for photography), radius 4–6px small / 8px images+cards / 12–14px feature cards / 50px pill CTAs
- Layout: wide 1500px cinematic canvas, nature photography interleaved with terminal UI screenshots, editorial uppercase label categorization, sections feel like magazine spreads
- Imagery: golden-hour forests and landscapes interleaved with product terminal screenshots — unique lifestyle-dev visual language; no stock photography
- Motion: contemplative — no accent colors to animate; hover via ghostly border transitions rgba(226,226,226,0.35); no bounce, no urgency
Example Brands
- Warp
Composition
- Must Include:
- @impeccable/template-easing-curves
- @impeccable/template-oklch-dark-mode-cascade
- @community/principle-typography-hierarchy
- Must Avoid:
- @impeccable/persona-dense-pragmatist
- @impeccable/persona-brutalist
- Typography Required:
- Display: Matter Regular (weight 400 on ALL headings)
- Size Only Hierarchy: true
- Uppercase Labels: 12-14px, +1.4-2.4px tracking
- Color Required:
- Background: near-black warm earthy undertones (no single hex)
- Text Primary: #faf9f6
- Border Style: rgba(226,226,226,0.35) (no shadows)
- Motion Prescriptions:
- @impeccable/template-easing-curves
- @community/pattern-hover-lift
Relations
contradicts: [@impeccable/persona-dense-pragmatist, @impeccable/persona-brutalist]
Compatible
- editorial
- warm-institutional
- magazine-editorial
- notion-warm
Conflicts
- dense-pragmatist
- brutalist
- stripe-fintech
- swiss-modernist
Contradicts
- @impeccable/persona-dense-pragmatist
- @impeccable/persona-brutalist
Source
prime-system/examples/frontend-design/primes/compiled/@community/persona-warp/atom.yaml