ilovecreatives

ilovecreatives

Preview image. Unlock full-res

Black & White Zine

Industrydesign
Palette
#ffffff
#000000
#222222

ilovecreatives presents a 'digital trade school' aesthetic where crisp, high-contrast typography dominates a near-monochromatic canvas. The density serves to pack information, while playful inline elements and irregularly shaped buttons hint at creativity. The overall impression is business-like but with moments of subversive charm, avoiding overt corporate polish through its unique typographic voice and informal component radii. Prioritize SuisseRegular at various weights for most text elements, ensuring -0.017em to -0.06em letter-spacing for tight, impactful typography. Use Code Black (#000000) for primary text and Canvas White (#ffffff) for backgrounds to maintain a high-contrast, monochromatic base. Apply 450px or 1458px border-radius to buttons for distinct pill or fully rounded shapes respectively, using 1.5px vertical padding and 6-8px horizontal padding. Implement 20px border-radius for all content cards and image containers, creating soft, consistent visual modules. Emphasize headings using the 'romana' font at a thin weight (100) and large sizes (35-59px) with negative tracking (-0.04em or -0.06em) for an artistic, delicate yet bold statement. Utilize 2px padding for inline badges and decorative text elements, allowing them to subtly break text flow without heavy visual weight. Maintain a compact element spacing with a default of 4px between adjacent elements, supporting the information-dense aesthetic. Avoid introducing saturated colors outside of specific image content or emoji, as the system thrives on a high-contrast achromatic palette with subtle playful accents. Do not use default rectangular buttons; all buttons should have a very high border-radius. Refrain from heavy drop shadows or complex elevation; the design relies on flat planes and subtle typographic texture. Do not use SuisseRegular for primary display headings, reserve 'romana' for that purpose to differentiate visual hierarchy and brand voice. Avoid broad, generous padding within components that would break the compact density; stick to minimal vertical padding for interactive elements. Do not use generic system fonts for prominent UI elements; SuisseRegular and romana define the brand's distinctiveness. Avoid large gaps between sections, instead maintaining a consistent compact rhythm with vertical spacing like 64px section gaps.

More like this