🌟 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.
It feels great to be sharpening the “basics” with fresh insights — because in design, the basics are what make everything else shine.
Top comments (0)