Porcelain Grid Pages & Soft-Black Builder Buttons

/porcelainGridPagesSoftblackBuilderButtons
Design philosophy: a visually close-family exploration built around clean café-page restraint: full-width white sheets, w3-light-grey grid sections, soft-black typography, golden yellow review stars, and matte-black squared CTAs placed like practical website-builder controls. Core beliefs: readability, maintainability, consistency, and photography should carry the design; the page should feel owner-editable but carefully art-directed. Strict rules: sticky light navbar, 100% width, no coloured backgrounds beyond light grey, hero capped around 3xl, bold document intro under hero, no badges, no avatars, no gradients, no decorative café icons. Typography philosophy: Quattrocentro Sans everywhere, with confident sans hierarchy: compact uppercase labels, 2.4–2.8rem hero, 1.25rem subheads, 17px body in warm black-grey. Spacing philosophy: clear section starts, visible dividers, practical gutters, image-heavy blocks. Motion: simple fades and link hovers. Imagery: porcelain cups, counter reflections, tiled walls, black menus. Refuses SaaS polish and beige softness. Common mistakes: bland monochrome, weak greys, rounded cards, over-polished spacing.
0 likes
0 bookmarks
Oct 15, 2026