Paragraph

Paragraph

Preview image. Unlock full-res

Whisper-soft sepia canvas with quiet elevation.

Industrymedia
Palette
#dbd5d2
#271f1b
#ffffff
#ededed
#888786
#f1f5fe
#c9c7c6
#524c49
#4a83f5
#b1cafb
#cedaf3

Paragraph employs a gentle, almost monastic aesthetic, built on a warm, off-white canvas and a subtle palette of muted grays. Typography is key; classic serifs for headlines against modern sans-serifs for body text create an intellectual yet inviting tone. Components are crafted with generous corner radii and speak with soft, layered shadows rather than bold color or heavy borders. Use IvyOra for all headings (h1-h6) at weight 400, adjusting letter-spacing according to type scale. Apply Google Sans Flex for all body text, UI labels, and buttons, maintaining normal letter spacing. Elevate primary surfaces with Snow (#ffffff), secondary with Silver Mist (#ededed), and the base canvas with Canvas (#dbd5d2). Utilize 28px border-radius for cards and larger containers, and 24px for buttons and badges to ensure consistent softness. Employ Inkwell (#271f1b) for primary text and Stone Gray (#888786) for all secondary or helper text. Emphasize interactive elements through Action Azure (#4a83f5) for backgrounds, paired with Snow for text. Maintain a compact element spacing of 8px, escalating to 48px for vertical section gaps within the 1400px page max-width. Avoid harsh, saturated colors; stick to the muted, earthy palette with Action Azure as the sole vivid accent. Do not introduce sharp corners; all interactive and card-like elements should respect the 24px or 28px radii. Refrain from heavy, opaque shadows; utilize the provided soft, layered shadows for subtle depth and elevation. Do not use generic system fonts; always specify Google Sans Flex for sans-serif and IvyOra for serif elements. Avoid dense, unbroken blocks of text; break up content using varied type sizes, deliberate line heights, and ample surrounding space. Do not use full-width, uncontained layouts; maintain content within the 1400px pageMaxWidth. Avoid decorative gradients or intricate background patterns; surfaces should remain clean and uniform.

More like this