Hot, not loud
Fire marks action and verification. It stays focused instead of taking over every surface.
Prefire brand kit / 1.0
Preview.
Preview.
Prove.
Ship.
A visual system for the tool that turns SwiftUI previews into confidence before release.
01 / Meaning
Hot, precise, dependable.
Prefire removes the tension between “the interface looks ready” and “we know it did not break”. The fire is the final warm-up before release, not visual noise.
Precise, not cold
Code, grids and status labels create clarity. Paper and light keep it human.
Fast, not fragile
Motion follows the path from preview to test. The language never promises magic.
02 / Voice
Like an engineer who saves your time.
Calm, concrete and verifiable. Swift terms remain Swift terms. The result comes first, then the mechanism and its limits.
03 / Logo
Fire + word.
The horizontal lockup is the default. The flame stays inside its rounded square and the proportions never change.
01 / paper + night plate
02 / night
03 / deep plum
Clear space
At least half the mark height.
Use the standalone mark only when the name is already present in the surrounding context. External communication defaults to the full lockup.
24 pxminimum lockup height on screen
7 mmminimum lockup height in print
04 / Color
Signal warmth. Tool calm.
Paper and Night carry the large surfaces. Ember and Gold mark action, progress and success — never long-running copy.
Paper
#F5F0E7Night
#17181CEmber
#FF6A35Gold
#FFB629Deep Plum
#31001ELegacy Magenta
#A0075DInk Soft
#343741Muted
#665F5605 / Typography
System + code.
The Apple system stack feels native beside Xcode and adds no external dependency. The monospaced layer explains mechanics.
Build trust
before build.
before build.
Prefire turns previews into snapshot tests, Playbook and living documentation — without another set of UI states.
DISPLAY / 64One decisive ideaBODY / 17Explanation and documentationLABEL / 12STATUS / PLATFORM / VERSION#Preview("Checkout / loading") { CheckoutView() .previewState(.loading) } // snapshot passed
06 / Graphic language
Ember field + confidence path.
Use the warm field for atmosphere and the state path to explain the product. Pick one leading device per surface.
atmosphere
Heat before release.
A cover, conference backdrop or restrained promo layer — never a replacement for product proof.
Confidence path
Connects preview, generator, snapshot and confidence as one visible flow.
Preview grid
A field of UI variants. Keep generous empty space around it.
Ember pulse
One light source marks the active check or primary action.
07 / Templates
One surface, one idea.
README, release notes, social posts and talks use the same ingredients: a direct headline, a small piece of real code or UI and one hot accent.
Snapshots from the previews you already trust.
#Preview is already your fixture.
#Preview {
CheckoutView()
}
CheckoutView()
}
Visual confidence before release.
Ready to use
Take the system with you.
The PDF contains the full reference. CSS and JSON files expose the same tokens for product and site work.