void White — Style Book · Forms & input

Void white / Style book

Forms & input

Fields sit on white cards with 2px vanta ink top rule — same eye-draw as Q-card.

White field card — every input on a white card with 2px #09090b top rule + shadow stack.
Focus = lift — control goes white + ink ring; card shadow deepens on :focus-within.
Recessed control — input sits on #fafafa inside the white card until focused.
Book Q-card — full question surface; field cards for settings and single-field edits.
Toolbar — vbc-field-card--compact for inline search; no label.

Book Q-card · vbc-qcard — primary book form

The canonical input surface for book panels. White card lifts off the panel with ink top rule, shadow stack, and recessed control until focus.

Layer 4 · Pain

What is the biggest fear when hiring an electrician for an emergency repair?

Your answer lands on Pain points in the homeowner reader profile.

Text input · vbc-field vbc-field-card

Business name

Legal name as registered with the state.

License #

Service area

At least one city required.

Search · vbc-field-card--compact

Filter

Textarea · vbc-textarea

Primary pain point Optional

Used in audience layer 4 · Pain. One to three sentences.

Select · vbc-select

Search intent

Commit status

Buttons · vbc-btn

Checkbox · vbc-check

Include in content plan Keyword will appear in calendar generation. Track rank weekly Adds to keyword metrics book on save.

Stacked form · field cards on stage

Tokens

Property	Value
Control padding	0.4375rem 0.75rem · 7×12px
Control font	0.8125rem · 13px
Label	0.625rem uppercase / 0.06em tracking
Field card	White · 2px ink top · `--vbc-ink-card-shadow`
Focus-within	Card shadow → `--vbc-ink-card-shadow-pop`
Button primary	Ink fill · 13px / 600 · 0.4375rem 0.875rem padding
Q-card shadow	3-layer stack · max 40px blur · 5% ink
Q-card top rule	2px · #09090b