WidgetCraftGet the appAesthetic styles
Neo-brutalist widgets for Android
Bright flat color, thick black outlines and hard offset shadows. Neo-brutalism is the playful cousin of brutalism: saturated yellow, pink or mint cards with thick black outlines and a solid black shadow shifted down and right.
Also known as: neobrutalism widgets, neo brutalism widgets, bold outline widgets.
Neo-brutalist widget recipes
Each recipe has a preview, exact colors and layer-by-layer steps.
Neo-brutalist clock widgetFree to build
Neo-brutalist analog clock widgetFree to build
Neo-brutalist calendar widgetData needs Pro
Neo-brutalist battery widgetFree to build
Neo-brutalist countdown widgetFree to build
Neo-brutalist to-do list widgetFree to build
Neo-brutalist photo widgetFree to build
Neo-brutalist quote widgetFree to build
Neo-brutalist music widgetData needs Pro
Neo-brutalist year progress widgetFree to build
Neo-brutalist step counter widgetData needs Pro
Neo-brutalist habit tracker widgetFree to build
Neo-brutalist sticky note widgetFree to build
Neo-brutalist world clock widgetFree to build
Neo-brutalist date widgetFree to buildThe neo-brutalist palette
- Lemon
#FFD43BBackground - Butter
#FFF3BFSurface and tracks - Black
#000000Text - Charcoal
#4A4A4ALabels - Coral
#FF6B6BAccent
Design rules
- Text: Use a bold grotesque sans in black; no grey text at all.
- Numbers: Make numbers heavy and black on the bright card.
- Bars and rings: Outline every bar and ring in black and fill with a second bright color.
- Photos: Give photos a thick black outline and the same offset shadow.
- Lists: Use outlined square checkboxes and a coral fill for done.
Do
- Add a solid black shadow offset 6 points right and down, radius 0.
- Outline everything at 3 points.
Avoid
- Do not use soft or blurred shadows.
- Do not use pastel or muted color.
Wallpaper and icons
A plain light grey or white wallpaper so the colored cards stand out.
Bold outlined icon packs.
Questions
What colors suit neo-brutalist widgets?
Start with Lemon (#FFD43B) for the background, Black (#000000) for text and Coral (#FF6B6B) as the accent.
Which font works for neo-brutalist widgets?
Use Space Grotesk (import the font file), or the built-in Sans, at weight 700.
Does WidgetCraft have neo-brutalist widgets ready to use?
There is no ready-made neo-brutalist pack at the moment. Each recipe on this page lists the exact settings to build one in a few minutes, and most use only free features.