System A / Document 01 / Component Catalogue
AVANTGardeUI Kit

Edition — 1974
7 Component Groups
Radical Design Unit
Ref: SYS-A-74-001

System A — Component Catalogue Typography — Color — Buttons — Inputs — Selectors — Radio — Alerts Radical Design Unit — 1974 — Document 01 Form is a Question — Function is the Answer — Both are Wrong System A — Component Catalogue Typography — Color — Buttons — Inputs — Selectors — Radio — Alerts Radical Design Unit — 1974 — Document 01 Form is a Question — Function is the Answer — Both are Wrong
01
01
Typography
Display — Barlow Condensed
Body — Barlow
Mono — Space Mono
—
6 scales documented
Ref: TYP-01-A
Display Hero Barlow Condensed
900 / UC
clamp(52–96px)
ls: −0.03em
SYSTEMZERO
Subhead Barlow Condensed
700 Italic / UC
clamp(28–44px)
ls: 0.08em
Radical — Open — Unresolved
Caption / Label Barlow Condensed
700 / UC
16px / ls: 0.45em
Component Reference
Body Barlow 300
16px / lh: 1.75
ls: 0em
The avant-garde does not offer comfort. It demands that the viewer question every assumption about what a surface is, what a mark means, and whether any of this is necessary at all.
Monospace Space Mono
400 / 13px
ls: 0.08em
SYS-A — REF:74-001 — UNIT: RADICAL
STATUS: UNRESOLVED — REVISION: 04
Micro Label Space Mono
400 / 9px
ls: 0.5em · UC
Document One — System A — Radical Design Unit — 1974
02
02
ColorPalette
7 primary tones
Silkscreen-tested
Flat — No gradients
—
Ref: COL-02-A
Tan #E8E0CF Canvas / Ground
Khaki #C9BC9E Muted / Disabled
Mud #4A3F2F Secondary Text
Bark #2E2318 Primary / Ink
Orange #D45C00 Action / Accent
Lime #B8D400 Success / Highlight
Cobalt #0038A8 Information / Cold
Neutral Ground

Tan to Bark — the uncoated-paper scale. Warm, never clinical. These are the working tones: background, muted text, borders, disabled states. No gradients, no blends.

Fire Accent

Orange — burnt, specific, uncompromised. Every interactive element, every hover state, every error. One signal colour used relentlessly. The silkscreen ink that registers off-centre.

Cold Signals

Lime for success — the electric shock of a correct answer. Cobalt for information — cold and authoritative against warm grounds. Both used sparingly, which is why they work.

03
03
Buttons
6 variants + sizes
Offset shadow system
Snap press mechanics
—
Ref: BTN-03-A
Primary Actions
Secondary & States
Size System
04
04
InputFields
4 states
Offset shadow focus
Mono typeface
—
Ref: INP-04-A
Reference confirmed — valid
Invalid — four-digit year required
Minimum 8 characters
05
05
Selectors
Custom arrow
Offset shadow focus
Consistent with inputs
—
Ref: SEL-05-A
06
06
Radio &Checkmark
Stamp press aesthetic
Lime check on bark
Orange radio fill
—
Ref: RC-06-A
Select Position
One discipline — no compromise
Active Properties
All that apply to the work
07
07
AlertSystem
4 states
Scan-line hover
Grid-indexed glyphs
—
Ref: ALT-07-A
INF
Catalogue Updated

A new entry has been added to the archive. Document SYS-A-74-002 is now accessible to all registered participants of the radical design unit. Review before the next session.

OK
Submission Received

Your statement has been logged and cross-referenced against existing positions. No contradictions found. The work has been entered into the system without modification.

ATT
Unresolved Reference

Document REF-12 cites a source that cannot be verified. This does not invalidate the argument — it complicates it. Proceed only if you can tolerate the ambiguity.

ERR
System Refusal

The operation cannot be completed. The input contradicts the foundational parameters of this system. Either the parameters are wrong, or the input is. Decide which, then try again.