Corporate Design Standards

Just released. Figma Grid now supports fractional (fr) units. This was very high on my wishlist. Tiny unit huuuuge impact!!! Why this matters 👇 What fr units do in Figma An fr is a fraction of the available space. Think of it as “take what’s left and split it fairly”. If you place 3 items in a grid row and leave everything on default, each one gets 1fr. So each item takes one equal share of the available width. Until now, that was basically where it stopped. Everything filled the container evenly. No nuance. Where this comes from Figma’s grid is based on CSS Grid. In CSS Grid, fr units are core. You can say: - this column gets 1fr - that one gets 2fr - another gets 0.5fr The browser does the math and distributes space proportionally. In Figma, we could visually recreate grids like this, but once elements were set to “Fill container”, they all behaved like 1fr. Equal split, always. What changed now With fractional units in Figma Grid, we can finally assign different fractions. That means: - intentional column ratios - layouts that scale without breaking - grids that behave like real CSS grids, not just look like them Why this is a big deal (even if it’s a tiny unit) This gets us one step closer to proper CSS output from Figma. And one step closer to designing in actual web logic, not pixel illusions. Especially with things like Figma Sites and Figma Make, this matters a lot. You’re not just drawing layouts anymore. You’re describing real grid behavior that maps cleanly to code. Tiny feature. Huge shift. Design tools are slowly aligning with CSS. And designers are quietly becoming builders because of it. ✍️ → Full Article about CSS layout & Figma (free) https://lnkd.in/dGnvbDSa 📚→ Full course aligning Figma and Code: moonlearning.io ✉️ → Free weekly Newsletter: moonlearning.io/newsletter

Tension & balance in packaging design. If you get this wrong you brand may be trouble, but it could also be your best sales men in the room, that silently gets your customers in love with your hero. Designs that combine both soft and sharp elements create semiotic tension, which can be highly effective: >>Semiotic TENSION, all about contrast<< This contrast is particularly useful in premiumization strategies, where the goal is to elevate a brand's perceived value through subtle yet powerful visual cues. The tension between soft and sharp speaks to duality, nurture and strength, emotion and intellect, natural and engineered. +A curved bottle with a faceted cap might balance sensuality and precision, appealing to consumers seeking both emotional and functional benefits. +A soft color palette with geometric typography signals a blend of warmth and modernity, ideal for brands that straddle tradition and innovation. >>SOFT, sinuous shapes<< +Connotations: Feminine, sensual, organic, safe, nurturing, flowing, calming. +Emotional Tone: Inviting and comforting; evokes nature and human warmth +Cultural Associations: Linked to beauty, luxury, femininity, and naturalness In premium beauty: signals approachability, gentleness, and refinement +Functional Use: Communicates care, fluidity, emotional depth. Common in skincare, wellness, and intimate products. >>SHARP, angular edges<< +Connotations: Masculine, rational, technical, aggressive, modern, precise +Emotional Tone: Assertive and bold; conveys clarity, control, and power +Cultural Associations: Connected to technology, authority, and structure In beauty: used to suggest scientific credibility and high performance. +Functional Use: Projects confidence, innovation, and structure Found in active skincare, tech-driven, or disruptive product lines. Conclusion In premium packaging, the tension between soft curves and sharp edges creates a powerful balance of emotion and precision. Used intentionally, this contrast turns design into a silent brand ambassador, elevating perception and deepening consumer connection. FInd my curated search of examples and get ready to success. Featured Brands: Bycolor Dior Eva Nye Kayali Kylie Miu Miu La Perla Prada Rabanne Sadie Skin YSL #beautybusiness #beautyprofessionals #luxurybusiness #luxuryprofessionals

🍱 A Designer’s Guide To Flexbox And CSS Grid (+ Videos) (https://lnkd.in/eX-6F2Ya), a friendly practical guide for designers on how the grid works in the browser, why breakpoints might be unnecessary and how to think about grid and layout when designing in Figma. Neatly put together by Christine Vallaure de la Paz. 👏🏼👏🏽👏🏾 🤔 Designers and developers often understand grid differently. 🤔 Most UIs react to fixed breakpoints based on screen width. 🤔 It makes it necessary to create mock-ups for different widths. ✅ With Flexbox and Grid, UIs can adjust without breakpoints. ✅ Instead, they react and adapt to available content/space. ✅ Flexbox is 1-dimensional ← often used for UI components. ✅ It has 2 elements: parent container and its child elements. ✅ You can control the direction, wrapping, alignment, spacing. ✅ Flexboxes can be nested and set rules to their direct children. ✅ Figma’s auto-layout reflects Flexbox in the Dev Mode. ✅ CSS Grid is 2-dimensional ← used for grids and layout. ✅ It relies on grid lines that set up the grid columns/rows. ✅ We place items across grid lines with coordinates. ✅ Each cell can grow depending on available space. 🚫 You might not need fixed breakpoints for your UIs. The clash between design and technical prototype often happens for one simple reason: there is a mismatch of designer’s expectations of how it should work, and how it technically works under the hood. As designers, we are often allergic to code. We don’t have to know all the technical intricacies — but it’s incredibly useful to understand the material used to actually build those digital experiences that we diligently envision in our design tools. Breakpoints are a good example of that. While we needed them in the past, these days, much of the work can be done with self-contained components that change their appearance depending on where they are on a page. We can use Flexbox, Grid and container queries to allow components to automatically adapt based on their parent. We can use fluid type to allow spacing and font sizes adapt automatically — all without breakpoints. We might need breakpoints for large global changes in layout and grid, but mostly not for component-level changes. There, we can let components flow and scale up and down naturally, within the limitations that we set up for them. Useful resources: Designer's Guide To Container Queries, by Christine https://lnkd.in/e99he_xT Designer’s Guide To Fluid Typography, by Christine https://lnkd.in/egyu3fdg New Front-End Features For Designers In 2025, by Cosima Mielke https://lnkd.in/eDUGbbxe #ux #design

Uber bets on Hexagons. Google bets on Squares. Who is right? They both are. But if you choose the wrong grid system, your spatial analytics will suffer. Any grid system trades infinite precision for massive speed. But they aren't all equal. Here are the Pros & Cons of the Big 3 (in my opinion): 1. H3 (Hexagons) The Data Scientist's Favorite. Pros - Visual: Hexagons look organic and smooth out data noise. - Neighbors: Every neighbor is the same distance away (great for mobility). Cons - Distortion: Not perfectly equal area. - Hierarchy: You can't perfectly subdivide a hexagon into smaller hexagons (it’s approximate). 2. S2 (Squares) The Engineer's Workhorse. Pros - Speed: Computers process squares faster than any other shape. - Hierarchy: Perfect subdivision. A parent square splits into 4 exact child squares. Cons - Visuals: Blocky and ugly for maps. - Neighbors: Diagonals are further away than adjacent squares (bad for movement analysis). 3. A5 (Pentagons) The Analyst's Secret Weapon. Pros - Accuracy: It is an "Equal Area" grid. Every cell is the exact same size. - Statistics: The best choice for rigorous density analysis. Cons: - Newness: Less tooling and community support than H3 or S2. The Summary: Build for eyeballs? Use H3. Build for machines? Use S2. Build for pure stats? Use A5. Of course there are more, but these are the three that I see the most. Pick your grid. 🌎 I'm Matt Forrest and I talk about modern GIS, earth observation, AI, and how geospatial is changing. 📬 Want more like this? Join 11k+ others learning from my daily newsletter → moderngis.com

DPDP Act Decoded #33: Independent Data Auditor — Designing Audits That Actually Test Compliance Most DPDP audits will pass. That does not mean the organisation is compliant. The independent data auditor under the DPDP Act is not a ceremonial appointment. For a Significant Data Fiduciary, the Act requires appointment of an independent data auditor to carry out a data audit and evaluate compliance. Separately, Section 10(2)(c) requires periodic DPIAs and audits. Rule 13 fixes the cadence: once in every period of 12 months from the date on which the entity is notified as an SDF or included in that class, a DPIA and audit must be undertaken, and significant observations furnished to the Board. That should change how audits are designed. The privacy audits shouldn't read like documentation reviews. Effective DPDP audits require something else. An audit that actually tests compliance must be evidence-led, control-led, and rights-led. Not: “Do you have a policy?” But: “Can you prove what your systems are doing?” At a minimum, an effective DPDP audit should test: 1. Lawful processing in practice Notice at collection demonstrable? Valid consent evidenced where relied on? Each material processing mapped to a legal basis? Cessation on withdrawal within a reasonable time, unless another legal basis applies? 2. Operational controls under Section 8 Test, not assume: • accuracy controls where decisions/disclosures occur • appropriate technical and organisational measures • reasonable security safeguards • breach detection and response workflows • erasure triggers when purpose is no longer served • contact publication and grievance mechanisms If systems, logs, workflows, vendor arrangements, deletion jobs, and incident records are not sampled, the audit is incomplete. 3. Algorithmic and technical risk (Rule 13(3)) The SDF must exercise due diligence to verify that technical measures, including algorithmic software, are not likely to pose a risk to the rights of Data Principals. The auditor should examine whether the organisation has exercised due diligence over: • product logic and automated workflows • model-linked decision inputs and outputs • risk testing and validation • change management and deployment controls If the system makes decisions, the audit must test the system. One practical implication: SDF audits are likely to shape the enforcement baseline. Even where the Act does not mandate an independent data auditor, this is a prudent compliance benchmark for organisations. If your audit ends with a slide deck, no failed samples, no system walkthroughs, and no remediation tracker, it is not testing compliance. It is documenting aspiration. Relevant Statutory Provisions DPDP Act, 2023 Section 10(2)(b), 10(2)(c)(i), (ii), (iii), 8(3) to 8(10) DPDP Rules, 2025 Rule 13(1), (2), (3) #DPDPAct #DataProtectionIndia #PrivacyLaw #DataGovernance #DataAudit #Compliance #RiskManagement #CyberSecurity #DPO #DPDPA #DPDP #PrivacyEngineering

Design’s role is undergoing its biggest shift in decades. With GenAI, design isn’t just shaping interfaces, it’s shaping roadmaps. It’s not downstream from strategy; it is the infrastructure that turns strategy into advantage. The mandate for design leaders has expanded: Architect adaptive systems, not just artifacts. Define customer intent patterns that guide how AI behaves in-market. Build coherence across multimodal, generative experiences. Hold the line on quality while accelerating delivery. This is operator-level work. Design embedded in the operating model of the company, driving how decisions are made and how businesses compete. The companies that lean in now will create experiences that feel contextual, effortless, and deeply human. Those that don’t will end up with brittle products shaped by someone else’s defaults. Design has become strategic infrastructure. For leaders who understand this, it is no longer a question of if design creates advantage, but how fast they can scale it across the business.

Mastering Grid Systems in Design: The Key to a Well-Structured Layout! 🎨📐 Grids are the backbone of effective design, helping to maintain consistency, balance, and readability. Whether you’re designing a website, a magazine layout, or a branding project, understanding different grid systems can elevate your work. Here’s a breakdown of six essential grid types: 🔹 Axial Grid – All elements align along a central axis, creating a structured yet flexible design flow. Ideal for modern and asymmetric layouts. 🔹 Baseline Grid – Focuses on text alignment using a consistent baseline, ensuring typography is clean and easy to read, commonly used in editorial design. 🔹 Column Grid – Divides the design into vertical sections, perfect for newspapers, blogs, and websites that need organized content distribution. 🔹 Modular Grid – Uses a combination of rows and columns to form equal-sized blocks, great for dashboards, product catalogs, and UI/UX designs. 🔹 Hierarchical Grid – Prioritizes content based on importance rather than strict alignment, allowing for more creative and dynamic layouts. 🔹 Radial Grid – Elements extend outward from a central point, often seen in circular designs, logos, and artistic compositions. Choosing the right grid system can enhance your design workflow and improve user experience. #GraphicDesign #DesignGrids #UIUX #VisualHierarchy #Typography #DesignTips #CreativeProcess

I've been thinking about what DTC brands get wrong about omnichannel expansion recently. The temptation is to try to be everywhere at once. But the real winners are strategically aligning each channel to build a holistic growth engine. Here’s how to do it right → First, you must have channel-specific thinking. Every channel needs its own playbook. A helpful framework to structure your efforts... DTC Website: • Focus on basket building • Higher AOV targets • Full-price strategy • Data collection hub • Customer relationship building TikTok Shop: • Single-product purchase reality • Organic content engine • Lower AOV expectations • Limited data access • Treat as a retail channel Amazon: • Multi-pack strategy • Bundle economics • Marketplace presence • Competitive monitoring • Specialized management Next up, the Integration Challenge → The biggest mistake brands make is trying to force the same strategy across all channels. Example: One brand we spoke with increased shipping costs on TikTok Shop to push customers to their website. Instead of fighting the platform's natural behavior, they should have optimized for it. You must also consider your unit economics because each channel has its own cost profile. - TikTok Shop might be a loss leader but drive retail success. - Website sales might have better margins but higher customer acquisition costs. - Amazon might have lower margins but better operational efficiency. Here is the new omnichannel playbook: 1. Channel Optimization - Build channel-specific content - Adjust pricing strategies per platform - Create platform-specific bundles - Set realistic KPIs for each channel 2. Data Strategy - Accept data limitations on newer platforms - Focus on first-party data where possible - Build cross-channel customer profiles - Use creative solutions for retention 3. Team Structure - Specialized expertise per channel - Clear ownership of metrics - Flexibility to shift resources - Mix of in-house and agency support The brands that will win aren't the ones just running around trying to be everywhere - they're the ones being intentional about how they show up in each place. Success also isn't about ideal profit extraction across all channels. It's about understanding each channel's role in your broader ecosystem and optimizing accordingly. Key Takeaway: Don't try to make every channel work the same way. Start building channel-specific strategies that work together to drive overall growth. 

Internal Audit Process: 1. Planning Phase Objective: Establish a clear understanding of the audit subject and develop a roadmap (audit program) for executing the audit effectively. Key Activities: > Initial Contact & Information Gathering: Understand the size, responsibilities, and procedures of the audited unit. > Risk Assessment: Performed to identify high-risk areas for focus. > Audit Objectives & Methodology: Defined and documented through the audit program. > Notification Letter: Sent to leadership to inform them of the audit. May include a pre-audit questionnaire or document request list. > Entrance Meeting: Discuss audit scope and objectives. Explain methodology and timeline. Identify scheduling concerns (e.g., staff availability). Encourage input on known risks and areas of concern. 2. Fieldwork Phase Objective: Evaluate internal controls, compliance, and operational effectiveness through testing and inquiry. Key Activities: > Testing & Documentation Review: Examine transactions, records, and procedures. > Staff Interviews: Conducted to gain deeper insights into practices and control execution. > Disruption Minimization: Work is coordinated to limit interference with operations. > Ongoing Communication: Frequent updates and discussions with audit clients. > Collaborative Analysis: Observations and issues are discussed with management to identify root causes and explore solutions. 3. Reporting Phase Objective: Present audit findings, recommendations, and management’s corrective action plans in a formal written report. Key Activities: > Draft Report: Initially shared with local management for review. > Management Response: Required for each recommendation, including: Action plan. Responsible person. Implementation date. > Exit Meeting: Held if needed to address concerns and clarify findings before finalizing the report. > Final Distribution: The final report is sent to Management and Boards. 4. Follow-Up Phase Objective: Ensure that corrective actions are implemented effectively and that issues are resolved. Key Activities: > Verification Procedures: May involve document review, staff interviews, or re-auditing specific processes. > Ongoing Tracking: Open findings are tracked and presented at each Institutional Audit Committee (IAC) meeting. > Escalation for Delays: If action plans miss deadlines, the responsible party must submit a written explanation. Repeated delays require in-person explanation to the IAC.

After 220+ closed deals, here’s one thing I’ve learned: One channel isn’t enough anymore. In 2025, prospects live everywhere - and if you’re only emailing or only calling, you’re invisible. Here’s exactly how to build a multichannel approach that actually works: 𝟭. 𝗦𝘁𝗮𝗿𝘁 𝘄𝗶𝘁𝗵 𝘀𝗶𝗴𝗻𝗮𝗹, 𝗻𝗼𝘁 𝘀𝗽𝗿𝗮𝘆 → Don’t start by sending 100 messages. → Start by finding why to reach out. → Use intent tools, job changes, or hiring spikes to time your outreach. 𝗔𝗰𝘁𝗶𝗼𝗻: Make a “trigger list” - 3 reasons someone might care today, not someday. 𝟮. 𝗪𝗮𝗿𝗺 𝘁𝗵𝗲𝗺 𝘂𝗽 𝗯𝗲𝗳𝗼𝗿𝗲 𝘁𝗵𝗲 𝗰𝗮𝗹𝗹 → Comment on their posts. → React to company updates. → Send a relevant note or insight before you ever call. 𝗔𝗰𝘁𝗶𝗼𝗻: Block 10 minutes daily for “pre-touch” activity on LinkedIn. 𝟯. 𝗖𝗼𝗺𝗯𝗶𝗻𝗲 𝘆𝗼𝘂𝗿 𝘁𝗼𝘂𝗰𝗵𝗲𝘀 𝗶𝗻𝘁𝗲𝗻𝘁𝗶𝗼𝗻𝗮𝗹𝗹𝘆 → Day 1: Personalized email → Day 2: Call → Day 4: LinkedIn message → Day 6: Follow-up with new angle → Day 10: Pattern interrupt (voice note, short video, or DM) 𝗔𝗰𝘁𝗶𝗼𝗻: Create a 10-day cadence that mixes all three — and stick to it. 𝟰. 𝗠𝗮𝗸𝗲 𝗲𝗮𝗰𝗵 𝗰𝗵𝗮𝗻𝗻𝗲𝗹 𝗱𝗼 𝗮 𝗱𝗶𝗳𝗳𝗲𝗿𝗲𝗻𝘁 𝗷𝗼𝗯 → Email = insight → Call = connection → LinkedIn = credibility → Video = emotion 𝗔𝗰𝘁𝗶𝗼𝗻: Stop copying the same message across channels. Align tone to medium. 𝟱. 𝗨𝘀𝗲 𝘁𝗲𝗰𝗵 𝘁𝗼 𝘀𝗰𝗮𝗹𝗲, 𝗻𝗼𝘁 𝘀𝗽𝗮𝗺 → Tools like ️Salesforge 🔥 make this easier in 2025 enroll contacts, sequence across channels, and scale what’s working. 𝗔𝗰𝘁𝗶𝗼𝗻: Spend one hour a week reviewing data. If a channel underperforms, tweak your message, not just your volume. The result: - 3x reply rates - More live conversations - Stronger pipeline consistency My take: Multichannel isn’t about doing more. It’s about doing the right thing in more places. Your prospects don’t live in one inbox - so your outreach shouldn’t either. PS. Curious - are you a phone, email or LinkedIn person?