
70Materia
An architectural model sample on white paper - the user interface is the basis, not the decoration
Palette
Neutral
- Obsidian
#000000 - Bone
#ffffff - Graphite
#1e1e1e - Ash
#bababa
Typography
from 10 to 19px · 3 steps
- Matter — replacement: Inter · outlines 400
- Matter Mono — replacement: JetBrains Mono · outlines 400
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | dense |
| Basic step | 8px |
| Button radius | 3px |
| Card radius | 0px |
| Shadows | no - borders instead of shadows |
| Between sections | 100-180px |
| Page width | 960px |
AI will build your website in 70Materia style and fill it
- Fill with products and posts via the link - Instagram, TikTok, Facebook.
- Transfer content from your old site—just specify the address.
- Modern design on the best engine: React ( Next.js) with server rendering and SEO optimization out of the box.
- Fully automated SEO optimization for search results and neural network recommendations.
Similar styles
- Studio — A gallery wall in motion. Each screen represents a quiet, gray exhibition surface where typographic materials and overlapping creative works compete for attention.
- Figure 03 — A robotics lab catalog. The white technical documentation is interrupted by cinematic footage demonstrating the movement of a humanoid robot in real-life settings.
- Agility Digit 5 — Agility is a robotics workshop at dusk. Warm white technical documentation peeks out from the nearly dark workshop, complemented by soft industrial photography and understated dashboard details.
- Heptabase — A sunlit desk. Warm, paper-like surfaces, charcoal-colored controls, and floating windows for research create the feeling of an organized workspace rather than a software control panel.
- 1X NEO — 1X Tech is a quiet home theater. A pale page with editorial text opens with cinematic scenes of people and a humanoid robot, while interface elements are reduced to tiny, spaced-out captions and soft monochrome images.
- B150 — A future film grain masterclass. Creating bright, creamy editorial sections against dark, human-sized images of products and creators.
- Captions — A sunlit editing desk. Place a translucent, curved navigation bar over a crisp, white, slightly noisy workspace, then complement it with pale blue work surfaces and close-ups of footage.
- Capacities — Opportunities are a sunlit table of ideas. Create pages as an open, white workspace where related notes revolve around a single central idea.
- Steep — Analysis of Serif Fonts on Warm Paper
- Ui — clinical plan on matte paper
- monopo saigon — A liquid, iridescent glow behind the editorial silence—a monochrome editorial gallery floating on molten light
- Ventriloc — An editorial observatory of data on warm paper - a single orange ember highlighting the monochrome precision