Rediscovering the Basics: My Week 1 Journey into Design Principles at Flexisaf

James Anyalewechi — Sun, 14 Sep 2025 02:27:16 +0000

🌟 Flexisaf Internship — Week 1: Principles of Design

This week, I kicked off my Flexisaf Design Internship with a deep dive back into the foundations of design. At first, I thought, “I already know this stuff” — but pushing myself to pay closer attention opened my eyes to details most designers often overlook.

✍️ Typography

I finally learned the difference between Typeface (a family, like Helvetica) and Font (a style within the family, like Helvetica Light or Oblique). We also broke down the main types of typefaces —

Serif: traditional, elegant, great for print.
Sans-serif: clean, modern, perfect for screens.
Decorative: bold, expressive, but best used sparingly.

What really stuck with me was choosing the right typeface for a website:

Think about the personality (playful, serious, welcoming, etc.)
Match the tone
Prioritize legibility and browser performance
Get inspired → Google Fonts, 1001 Fonts, Typewolf
Always test before committing

I also discovered that the spacing concepts I’ve been using unconsciously for years actually have names:

Kerning = space between two characters
Tracking = overall spacing across a word or block of text
Leading = vertical space between lines

🔺 Shapes & Boolean

Simple shapes (rectangles, lines, circles, polygons, stars) can be combined to create logos and UI elements. Tools like Boolean operators (Union, Subtract, Intersect, Exclude) make it easy to merge or cut shapes to form new designs.

🎨 Color Theory

I went beyond primaries and secondary's into the real building blocks:

Hue = pure pigment
Shade = hue + black
Tint = hue + white
Tone = hue + black + white
Color temperature = warm, cool, or neutral

I also learned about the RGB (digital screens), CMYK (printing), and HEX (web) color systems — plus how color psychology influences user perception:

Orange → energetic & warm
Blue → trustworthy & dependable
Green → growth & healing
Black → power & elegance

And of course, the 60-30-10 rule for balance:
60% dominant color → 30% secondary → 10% accent.

🖼 Imagery

Images aren’t always necessary, but when used right, they communicate brand personality instantly. Resources like Unsplash and Pixabay make it easy to find free, high-quality visuals, and Figma plugins streamline the workflow.

💡 My Deliverable: I designed a basic webpage layout applying what I learned — carefully choosing typography for hierarchy, leveraging color psychology, and structuring elements with shapes and balance.