brutalist-typography

Use system fonts like Times New Roman or Courier New at extreme sizes such as 15vw, combined with negative margins to bleed text off screen. Break the grid with absolute positioning and add harsh contrast through solid color highlight blocks.

Use negative spacing in a VStack or explicit negative offset modifiers to force text elements to overlap. Apply ignoresSafeArea so text can clip into the notch and status bar areas.

In Flutter, use a Paint object with PaintingStyle.stroke in the TextStyle foreground property. React Native lacks native text stroke, so simulate it with text shadows or use @shopify/react-native-skia for true stroked text.

Yes, Jetpack Compose TextStyle supports drawStyle with Stroke(width), making outlined typography straightforward. Combine it with a Box layout and Modifier.offset for freeform overlapping placement.

Avoid it when accessibility and readability are primary concerns, since clipped text, harsh contrast, and broken layouts can fail contrast ratio requirements. Always verify responsive behavior and accessibility separately from the styling reference.