Taste Engine Logo BRUT.
DIGITAL DESIGN STUDIO
Hero Studio Components Install Principles
Start a Project ↗
TASTE ENGINE // ARCHETYPE #02 / BRUTALISM

WE DESIGN WITHOUT AI SLOP.

Frontend Intelligence. Agent Runtimes. Zero Slop.
01
Anti-Slop Gate
Strictly eliminates generic AI card fluff, blurry dropshadows, and pastel roundings.
02
2px Steel Skeleton
Every element is enclosed in continuous blueprint gridlines with mandatory 0px square radii.
03
Contrast Coupled
Guaranteed 7:1+ WCAG AAA contrast ratio with instant 0ms polarity inversion on hover.
Taste Engine equips autonomous coding agents with deterministic frontend design intelligence. No decorative camouflage. Pure structural authority.
TASTE ENGINE • VERIFIED ARCHETYPE • ★
View Archetypes ↗
$ npx skills add kennedys0/taste-engine --skill taste-style-brutalism
Taste Engine provides deterministic frontend design intelligence and uncompromised aesthetic archetypes for autonomous AI agents.
+
[LAT: 52.5200° N, LON: 13.4050° E] TASTE ENGINE // ARCHETYPE #02
CANTILEVER 01 TASTE ENGINE // ZERO SLOP
BÉTON BRUT FORM 04 ZERO COSMETIC CAMOUFLAGE
(2026) We don't follow trends. We set architectural directions. →
Available for New Projects
6+
Years Runtime Experience
80+
Production Archetypes Shipped
40+
Autonomous Agent Partners
100%
WCAG AAA Contrast Coupled
Selected Work ↓
Architectural Case Studies (01 — 03)
01

Concrete Vision

MONOCHROME ARCHIVE
Branding / Identity
Scale: Global Platform
CONCRETE VISION ↗ [ACTIVE]
02

Gridline Studio

RADICAL INTERFACE DESIGN
Web Design / Development
High-Density Modular Scaffolding
GRIDLINE RUNTIME ↗ [FEATURED]
03

Forma Systems

STRUCTURAL DESIGN SYSTEM
Branding / Digital
Multi-Agent Tokens Engine
FORMA TOKENS ↗ [VERIFIED]
// TOKEN ARCHITECTURE & MATERIAL GATES

TOKENS CHEATSHEET

CSS variables and strict mathematical contrast mappings for Architectural Brutalism (governing both Raw & Bento layout variants).

Token Identifier Light Mode (Stark Paper) Dark Mode (Pitch Inversion) Architectural Role & Description
--taste-brutal-bg
#f4f4f0
#0c0d0f
Stark unbleached paper canvas or deep raw asphalt base
--taste-brutal-ink
#0a0a0a
#f4f4f4
Primary typographic ink and structural scaffolding color
--taste-brutal-border 2px solid #0a0a0a 2px solid #ffffff Continuous architectural grid border on all compartments
--taste-brutal-signal-yellow
#ffde00
#ffde00
High-voltage caution yellow for operational badges & asterisk mark
--taste-brutal-signal-red
#ff3b30
#ff3b30
International Signal Red for featured project rows and primary CTAs
--taste-brutal-radius 0px 0px Zero curvature. Mandatory square corners across all components
--taste-brutal-motion 0ms 0ms Immediate state flips on hover and active. Zero easing latency
// PRODUCTION SPECIFICATION

INSTALLATION GUIDE

Install Architectural Brutalism across your agent runtime. Choose standalone skill, universal Taste Engine, or Tailwind/shadcn presets.

Option A: Dedicated Brutalism Style Skill (Raw & Bento Variants)

Installs only the standalone Architectural Brutalism skill pack. Includes both Raw Scaffolding and Brutalist Bento layout variants with zero token bloat.

bash — agent skills cli
# Install standalone Brutalism pack via universal Agent Skills CLI:
$npx skills add kennedys0/taste-engine --skill taste-style-brutalism
# Or specify layout variant directly in prompt / configuration:
$npx skills add kennedys0/taste-engine --skill taste-style-brutalism --variant bento
# Or install into local Google Antigravity IDE global skills folder:
$cp -r optional-standalone-skills/taste-style-brutalism ~/.gemini/config/skills/

Option B: Full Taste Engine (All Canonical Styles + Router + SEO)

Equips your AI agent with complete multi-style design system intelligence, automated style router, preflight interviews, anti-slop audits, and conditional SEO readiness.

bash — multi-agent native installer
# Universal Agent Skills CLI (Claude Code, Cursor, Codex, Antigravity):
$npx skills add kennedys0/taste-engine --skill taste-engine
# Or run native zero-dependency CLI installer for all project agents:
$node bin/taste-engine.mjs install --agent all --project
# Or install globally for Google Antigravity IDE / CLI (agy):
$node bin/taste-engine.mjs install --agent antigravity --global

Option C: Tailwind CSS & shadcn/ui Presets

Scaffold official brutalist tokens (0px radius, 2px borders, stark contrast couplings) directly into your frontend repository.

bash — scaffolding cli
# Scaffold presets directly into your repository:
$taste-engine init
// Or import directly into tailwind.config.js:
module.exports = {
  presets: [require('@kennedys0/taste-engine/presets/tailwind/tailwind.preset.js')],
};
SUPPORTED AGENTS: Antigravity (IDE & CLI) Claude Code Cursor Codex Windsurf Cline GitHub Copilot
*
// ARCHITECTURAL MANIFESTO

BUILT TO DISRUPT.
ENGINEERED TO LAST.

Architectural Brutalism is the unapologetic celebration of structural honesty. By exposing raw 2.5px gridlines, stripping away soft drop shadows, and coupling stark monochrome contrasts with signal accents, we produce digital artifacts of permanent authority.
01Autonomous UI Runtimes
+
02Deterministic Scaffolding
+
03Contrast-Coupled Tokens
+
04Agentic UI Strategy
+
// FIDELITY KNOWLEDGE

BRUTALISM FAQ

Core architectural principles behind Taste Engine's Architectural Brutalism style and layout variants.

01 What defines Architectural Brutalism in frontend web design?
>
Architectural Brutalism (derived from Le Corbusier's béton brut or raw concrete) celebrates structural honesty: exposed 2px grid lines, pure monochrome contrast, monumental condensed grotesque typography, and zero cosmetic camouflage (no blurry drop shadows, no bubbly rounded corners, and no decorative gradients). Every element sits in an explicit, functional cell.
02 Why are borders strictly solid and 2px thick?
>
In architectural brutalism, structural joints are celebrated rather than hidden. The 2px solid border acts as the webpage's visible steel framework, dividing the canvas into uncompromising modular bays that align cleanly across desktop and mobile screens.
03 How does Brutalism differ from Neo-Brutalism?
>
While Neo-Brutalism employs playful pastel or neon pop colors, playful sticker badges, and offset hard drop shadows (e.g. 4px 4px 0px #000), Architectural Brutalism is austere, authoritative, and monotone. It uses 0px shadows, unadorned rectangular cells, and reserves saturated color exclusively for operational signal accents (Caution Yellow and Signal Red).
04 How does Bento fit into Architectural Brutalism?
>
Bento is treated as an asymmetric modular layout composition variant within Brutalism, rather than an independent visual language. Brutalist Bento retains thick 2.5px solid scaffolding, 0px border-radius, monumental condensed type, and high-voltage caution accents while structuring content into multi-span grid bays.
Notification