Design System Specimen — Neo-Brutalism × B2B SaaS Landing Page
01 / Philosophy
RAWGRID exposes its structure on purpose. No gradients, no rounded corners, no hand-waving. Every border is visible, every shadow is offset, every element announces what it is. This is construction-site honesty applied to B2B software: if the infrastructure works, you should be able to see it working. Five flat colors. Thick borders. Dot-grid textures. The aesthetic is the engineering.
02 / Color Palette, Patterns & Textures
Five colors. No gradients. Construction-site honesty. Three core patterns: offset shadow depth, exposed grid infrastructure, and dot-grid notebook texture.
Off-White
#FAFAFA
Black
#000000
Caution Yellow
#FFE14D
Construction Orange
#FF6B35
Concrete Gray
#B5B5B5
Offset Shadow
Exposed Grid
Dot-Grid Notebook
03 / Typography
Blunt hierarchy. Clash Display delivers headings like a punch; Space Grotesk handles the fine print with engineering clarity.
H1 / 64px / 700Ship honest software
H2 / 48px / 700Infrastructure for teams
H3 / 36px / 600Built without pretense
H4 / 28px / 600Transparent by default
H5 / 22px / 500Everything you need, nothing you don't
H6 / 18px / 500Straightforward pricing for real teams
Body / 16px / 400We build tools for teams who value clarity over cleverness. No magic, no hand-waving — just solid engineering.
Caption / 13pxLast updated 2026-02-01. All metrics independently verified.
Label / 12px / 700Enterprise Ready
Overline / 11px / 600Now Generally Available
04 / Layout & Spacing
Visual tokens. Every measurement is deliberate. Generous breathing room in a construction zone.
4px / xs4
8px / sm8
12px / md12
16px / base16
24px / lg24
32px / xl32
48px / 2xl48
64px / 3xl64
96px / 4xl96
05 / Iconography
CSS-only icons built from thick strokes and sharp corners. No curves. Every icon is a structural diagram.
16px
20px
24px
32px
Menu
Close
Check
Arrow
06 / Imagery & Media
No stock photos. Placeholder zones use checkerboard patterns. Avatars are initialized squares. Aspect ratios are enforced with thick borders.
16:9 Hero
1:1 Square
4:3 Card
JT
JT
JT
RG
32 / 48 / 64 / 80px avatars
07 / Navigation
Thick-bordered horizontal bar. Every edge is visible. Every boundary is honest.
08 / Inputs
Thick borders. Visible focus states. No rounded corners. Every input shows its edges.
09 / Actions
Four states. Primary punches forward with offset shadow. Secondary holds the line. Text underlines. Disabled goes concrete.
10 / Feedback
Alerts, progress bars, and toast notifications. Thick left borders signal severity. No ambiguity.
✓ Deployment successful. All 12 services healthy.
⚠ API rate limit at 85%. Consider upgrading your plan.
✗ Build failed. Check pipeline logs for details.
ℹ Scheduled maintenance window: Feb 15, 02:00-04:00 UTC.
Progress — deployment pipeline
72%
45%
✓ Changes saved. Deploy when ready.
11 / Content Blocks
Blockquotes, callouts, and stat highlights. Every content block is bordered, weighted, and structurally honest.
We switched because we were tired of guessing what our infra was doing. RAWGRID shows us everything.
!
Pro Tip
Enable auto-rollback in your deploy settings. If health checks fail within 60 seconds, your previous build restores automatically.
99.97%
Uptime SLA
2.4M
Deploys
<50ms
P95 Latency
12 / Data Display
Tables, lists, and metric badges. Data sits in thick-bordered cells like evidence in a filing cabinet.
Hero sections, feature blocks, testimonials, pricing tables, metric callouts, CTAs, trust signals, and footer — all composed from the system above.
// Now in General Availability
Infrastructure that doesn't lie to you.
Deploy, monitor, and scale with full visibility. No abstractions hiding the mess — just your code, running, observable.
01
Observability
See everything. Hide nothing.
Full-stack traces, real-time logs, and metrics without sampling. Your system laid bare.
02
Deployment
Push and it runs.
Zero-config deploys with instant rollback. No YAML wizardry required.
03
Core Platform
The whole machine, exposed.
We show you the infrastructure. CPU, memory, network — all of it, live. Because you should know what you're paying for. No dashboards designed to obscure. No "managed" black boxes.
04
Security
Auditable by default.
SOC 2 Type II. Every action logged. Every access reviewed. No trust required.
We switched because we were tired of guessing what our infra was doing. RAWGRID shows us everything — no marketing layer between us and reality.
Jamie Torres, Staff Engineer — Stackform Inc.
Acme Corp
Stackform
NullPointer
BuildKit
Iron Forge
Starter
$0/mo
Up to 3 projects
1 GB log retention
Community support
Basic metrics dashboard
Team
$49/mo
Unlimited projects
30-day log retention
Priority support
Full observability suite
Custom alerts
SSO integration
Enterprise
Custom
Everything in Team
Unlimited retention
Dedicated support engineer
SOC 2 compliance reports
Custom SLA
On-prem deployment option
99.97%
Uptime SLA
2.4M
Deploys Processed
<50ms
P95 Latency
840+
Engineering Teams
Start building with full visibility. No credit card required.