- Accessories
- Accommodation
- Accounting
- Airline
- Analytics
- Auction site
- Bank
- Beauty
- Bike Rental
- Biotechnology
- Books
- CRM
- Call center software
- Cameras
- Car company
- Cards
- Chrome plugin
- Clothing
- Coffee
- Collaboration
- Community
- Contact lenses
- Crowd funding
- Cryptocurrency
- Customer support
- Dating
- Department store
- Design tools
- Developer tools
- Digital printing
- Direct to consumer
- Domain names
- E-commerce
- E-commerce store builder
- Education
- Electronic signatures
- Electronic signitatures
- Electronics
- Email Service Provider
- Email marketing
- Entertainment
- Event management
- Fashion
- Finance
- Fitness
- Flight comparisons
- Food
- Food delivery
- Form builder
- Freelancer tools
- Furniture
- Game
- Gaming
- Gifts
- Glasses
- Greetings cards
- Groceries
- Hair
- Health
- Hiring
- Hotel comparison
- Hotels
- Insurance
- Investing
- Jewelry
- Landing page builder
- Language learning
- Lingerie
- Live chat
- Makeup
- Marijuana delivery
- Marketing
- Marketplace
- Mattress company
- Meal delivery kits
- Media
- Messaging
- Music
- NFT
- News
- No-code
- Nutrition
- Online courses
- Online-course-platform
- Outdoor store
- Password manager
- Payments
- Personal Finance
- Pharmacy
- Photography
- Podcast Hosting
- Podcasts
- Productivity
- Project management
- Property
- Proposal software
- Real estate
- Ride sharing
- Running
- SEO
- SaaS
- Sales tools
- Scooters
- Shoes
- Skincare
- Social network
- Software
- Sportsware
- Subscription boxes
- Swimwear
- T-shirt Printing
- Talent
- Telco
- Trains
- Transport
- Travel
- Underwear
- VPN
- Video hosting
- Video streaming
- Voucher/Coupon Sites
- Watches
- Web hosting
- Website builder
- Workforce management
- Writing
- & Other Stories
- &Open
- 1&1
- 1Password
- 3dcart
- 6pm
- A.C. Moore
- ANNA by RadLabs
- ASOS
- AT&T
- AVI-8
- AYR
- Abercrombie
- Accessorize
- Ace Hardware
- ActiveCampaign
- Acura
- Acuvue
- Adapt
- Adidas
- Airbnb
- Aircall
- Airtable
- Alaska Air
- All Saints
- Allbirds
- Amazon
- Ambronite
- American Airlines
- American Apparel
- Anchor
- Ann Taylor
- Antidote Street
- Apple
- Armani Exchange
- Armogan
- Asana
- Astley Clarke
- Audemars Piguet
- Auverture
- BBC iPlayer
- BECCA Cosmetics
- Baremetrics
- Barnes and Noble
- Basecamp
- Bath & Body Works
- Beans
- Bearbottom Clothing
- Beaver Brooks
- Ben Sherman
- Bend
- Bespoke Post
- Best Buy
- Big Cartel
- BigCommerce
- Binance
- Birchbox
- BitClout
- Bite
- Black Opal Beauty
- Blinkist
- Blue Apron
- Bluehost
- Bobbi Brown
- Bonlook
- Bonobos
- Boohoo
- Booking.com
- Boots
- Box
- Bravissimo
- Breaker
- Breitling
- Brightedge
- British Airways
- BrowserStack
- Bubble
- Buffer
- Busuu
- Bynder
- CVS
- Cadillac
- CafePress
- Calendly
- Calm
- Candy Club
- Canny
- Canon
- Canva
- Carbonmade
- Careem
- Carrd
- Cars.com
- Cartier
- Cash App
- Casper
- Caviar
- ChartMogul
- Chevrolet
- Chilewich
- Chococurb
- Chubbies
- Circle
- Claire's
- Clarks
- ClassPass
- ClickFunnels
- ClickUp
- Clinique
- Cloudflare
- Clubhouse
- Clue
- Coach
- Coastal
- Coda
- Coinbase
- Conductor
- ConvertKit
- CopyAI
- Costco
- Coursera
- Cover FX
- Craft
- Craigslist
- Crypto.com
- Cult Furniture
- Customer.io
- DFS
- Daisy Jewellery
- Daniel Wellington
- Debenhams
- Deliveroo
- Delivery.com
- Delivra - The Inbox
- Delta
- Depop
- Deputy
- Descript
- DesignByHümans
- Designer Shoe Warehouse
- Discord
- Disney+
- Djusie
- DocuSign
- Dollar Shave Club
- Domino's
- DoorDash
- Dorelan
- Dorothy Perkins
- Drip
- Dropbox
- Dropbox Paper
- Drops
- Duda
- Duolingo
- Dwell
- EasyJet
- Eaze
- Elevate
- Etsy
- Eurostar
- Eventbrite
- Everlane
- Evernote
- Expensify
- Express Glasses
- Eye Buy Direct
- FabFitFun
- Fabletics
- Facet
- Fancy
- Farm Rio
- Fashion Fair
- Fashion Nova
- Feedly
- Feelunique
- Fenwick
- Figma
- Finimize
- Firebox
- Fitbit
- Fiverr
- Fleur & Bee
- Flipd
- Flodesk
- Fluent
- Flybe
- Foodvisor
- Ford
- Forest
- Forever 21
- Fort Myers
- Fortnum & Mason
- Fossil
- Framebridge
- Framer
- FreeCodeCamp
- Freedom Japanese Market
- Freetrade
- Front
- Ftsny
- Fullstory
- Furniture Village
- Fyrn
- GMC
- GameStop
- Gap
- GatherContent
- Ghost
- Ghost Bed
- GitHub
- Glasses USA
- Glo
- Glossybox
- Go-Jek
- GoDaddy
- Goat
- Gobble
- Goggles4u
- Goldsmiths
- Gorillas
- Gousto
- Grab
- Graham and Green
- Grammarly
- Graze
- Greats
- Green Chef
- GreenRush
- Groupon
- Grubhub
- Guess
- Gumroad
- Gymshark
- Gyroscope
- H&M
- H.Samuel
- HVMN
- Habitat
- Harrods
- Harry's
- Harvey Nichols
- Hastens
- HauteLook
- Headspace
- Height
- Helix
- HelloFresh
- Help Scout
- Hey
- Hipmunk
- Hobby Lobby
- Home Depot
- HomeGoods
- Honda
- Honest
- Honey
- HostGator
- HotelTonight
- Hotjar
- House Curious
- House of Fraser
- Houzz
- HubSpot
- HubSpot CRM
- Huel
- Hulu
- Hungry House
- Hutch
- InMotion Hosting
- InVision
- Infoempleo
- Infojobs
- Instacart
- Interact
- Intercom
- Ipsy
- J.Crew
- JCPenney
- Jaguar
- Jessops
- Jet2
- JetBlue
- Jira
- Job Today
- Jump Bikes
- Just Eat
- Kay
- Khan Academy
- Klarna
- LTHR Supply
- Lancôme
- Landbot
- Lane Bryant
- Launchaco
- Leadpages
- Leesa
- Lemonade
- Lexus
- Liberty London
- Lifesum
- Lime
- Linear
- Linjer
- Linktree
- Litmus
- Loaf
- London Virgin Hair
- Lookfantastic
- Loom
- Loot Crate
- Lowes
- Lululemon
- Luma
- Lyft
- MAC Cosmetics
- MDMflow
- MVMT
- Mack Weldon
- Macy's
- Made
- Magento
- Mailchimp
- MapMyGut
- Marley Spoon
- MasterClass
- Mayvenn
- MeUndies
- Meadow
- Medium
- Memrise
- Menards
- Mercari
- Mercedes-Benz
- MetaMask
- Michaels
- Microsoft Teams
- Mini
- Miro
- Miss Selfridge
- Missguided
- Misto Box
- Mitsubishi cars
- Mixpanel
- Monday
- Moneybox
- Mont Blanc
- Monzo
- Moo
- Moonpig
- Morning Brew
- Morning Recovery
- Muttonhead
- My First Wig
- MyFitnessPal
- N26
- Nars Cosmetics
- NerdWallet
- Nest Furniture
- Netflix
- New Look
- Newegg
- Nicely Noted
- Nike
- No Mercy / No Malice
- Nomatic
- Noom
- Nordstrom
- Nordstrom Rack
- Notion
- Notonthehighstreet
- Now TV
- Nugg
- Ocado
- OfferUp
- Officevibe
- Old Navy
- Omega
- OpenSea
- OpenTable
- Otiumberg
- Outdoor Voices
- Overstock
- Ozone Socks
- PandaDoc
- Pandora
- Patreon
- Paula's Choice Skincare
- PayPal
- Peloton
- Picniic
- Pier 1
- Pipedrive
- Pitch
- Pizza Express
- Plated
- Plum
- Pluralsight
- Podia
- Poshmark
- Postmates
- Pottery Barn
- PrettyLittleThing
- Primark
- Process Street
- Puma
- Purple
- QVC
- Quibi
- QuickBooks
- Quill
- Quizlet
- Quora
- REI
- Racket
- Raymond Weil
- Redbubble
- Reflectly
- Replit
- Retool
- Revolut
- Rezi
- Ripcurl
- Robinhood
- Runkeeper
- SNKRS by Nike
- Sally Beauty
- SavvyCal
- Scentbird
- Scribd
- Seamless
- Search Metrics
- Selfridges
- Sephora
- ServiceNow
- Shop.com
- Shopify
- Shpock
- Shudder
- Shwood and Stanley
- Simba
- Skillshare
- Skyscanner
- Slack
- Slite
- Snapchat
- Society6
- Sock Fancy
- SoloLearn
- SoundCloud
- Southwest
- Soylent
- SpeedWeed
- Spotify
- Spreadshirt
- Square
- Squarespace
- Squarespace Scheduling
- Staples
- Starbucks
- Steam
- Stitch Fix
- Stone Forest
- Strava
- Strikingly
- Stripe
- Substack
- SumUp
- Sun Basket
- Sunsama
- Superdrug
- SurveyMonkey
- Swarovski
- Sweatcoin
- Swoon
- TRNK
- Tag Heuer
- Tally
- Target
- Taste Trunk
- Teachable
- Teachlr
- Techcrunch
- Ted Baker
- TeePublic
- Tempur
- Tempur-Pedic
- Tesla
- The Hustle
- The Jewel Hut
- The New York Times
- The Ordinary
- The White Company
- Thinx
- Threadless
- Thryve
- Tidal
- Tide.fm
- Tiffany & Co
- TikTok
- Tinder
- Todoist
- Tommy John
- Topshop
- TouchNote
- Trainline
- TransferWise
- Trello
- Triibe
- TripAdvisor
- Trivago
- Trustpilot
- Tuft & Needle
- TunnelBear
- Twitch
- Typeform
- UNIQLO
- Uber
- Uber Eats
- Udacity
- Udemy
- Ulta
- Unbounce
- UncommonGoods
- United
- Universe
- Upwork
- Urban Outfitters
- VSCO
- Vessi
- Victoria's Secret
- Vimeo
- Vinted
- Viome
- Virgin Atlantic
- Vistaprint
- Voog
- Vueling
- WW (Weight Watchers)
- WalMart
- Walgreens
- Wallapop
- Wallshoppe
- Warby Parker
- Watch Shop
- Watch Station
- Watches.com
- Wattpad
- Wayfair
- Waze
- Wealthsimple
- Webflow
- Weebly
- West Elm
- Whimsical
- Williams Sonoma
- Winc
- Wise
- Wistia
- Wix
- WooCommerce
- WordPress
- World Market
- Wowcher
- YNAB
- YouTube
- YouTube Music
- Zales
- Zapier
- Zara
- Zazzle
- Zendesk
- Zero
- Zoe & Morgan
- Zoopla
- Zulily
- eBay
- eToro
- uBiome
Medium Registered user
Subscribed 4 years, 3 months ago
<html lang="en" style="box-sizing: border-box;">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
<meta content="width=device-width, initial-scale=1, maximum-scale=5" name="viewport"/>
<meta content="none" name="robots"/>
<style>
.hljs-link,
.hljs-regexp {
color: #0e0eff;
}
</style>
<style>
.ff:hover {
background: rgba(15, 115, 12, 1) !important;
}
.fg:hover {
border-color: rgba(15, 115, 12, 1) !important;
}
</style>
<style>
@media all and (min-width: 728px) and (max-width: 903.98px) {
.d {
background-color: rgba(242, 242, 242, 1) !important;
}
.e {
padding: 6px 0 40px 0;
}
.o {
border: 1px solid rgba(230, 230, 230, 1);
}
.p {
border-radius: 4px;
}
.v {
padding: 28px 40px 0 40px !important;
}
.an {
font-size: 13px;
}
.ao {
line-height: 18px;
}
.az {
margin-bottom: 5px !important;
}
.ba {
margin-top: 25px !important;
}
.bi {
padding: 0 40px !important;
}
.br {
font-size: 16px !important;
}
.bs {
line-height: 24px !important;
}
.dm {
font-size: 24px;
}
.dn {
line-height: 30px;
}
.ee {
padding: 20px 40px 40px !important;
}
.ej {
padding: 0px 40px 60px !important;
}
.er {
line-height: 28px;
}
.fm {
padding: 40px !important;
}
.fq {
padding-bottom: 0 !important;
}
.fr {
padding-top: 10px;
}
.fw {
display: inline-block !important;
}
.fx {
float: right !important;
}
.ge {
padding-top: 34px;
}
}
</style>
<style>
@media all and (min-width: 904px) and (max-width: 1079.98px) {
.f {
background-color: rgba(242, 242, 242, 1) !important;
}
.g {
padding: 6px 0 40px 0;
}
.q {
border: 1px solid rgba(230, 230, 230, 1);
}
.r {
border-radius: 4px;
}
.w {
padding: 28px 40px 0 40px !important;
}
.ap {
font-size: 13px;
}
.aq {
line-height: 18px;
}
.bb {
margin-bottom: 5px !important;
}
.bc {
margin-top: 25px !important;
}
.bj {
padding: 0 40px !important;
}
.bt {
font-size: 16px !important;
}
.bu {
line-height: 24px !important;
}
.do {
font-size: 24px;
}
.dp {
line-height: 30px;
}
.ef {
padding: 20px 40px 40px !important;
}
.ek {
padding: 0px 40px 60px !important;
}
.es {
line-height: 28px;
}
.fn {
padding: 40px !important;
}
.fs {
padding-bottom: 0 !important;
}
.ft {
padding-top: 10px;
}
.fy {
display: inline-block !important;
}
.fz {
float: right !important;
}
.gf {
padding-top: 34px;
}
}
</style>
<style>
@media all and (min-width: 1080px) {
.h {
background-color: rgba(242, 242, 242, 1) !important;
}
.i {
padding: 6px 0 40px 0;
}
.s {
border: 1px solid rgba(230, 230, 230, 1);
}
.t {
border-radius: 4px;
}
.x {
padding: 28px 40px 0 40px !important;
}
.ar {
font-size: 13px;
}
.as {
line-height: 18px;
}
.bd {
margin-bottom: 5px !important;
}
.be {
margin-top: 25px !important;
}
.bk {
padding: 0 40px !important;
}
.bv {
font-size: 16px !important;
}
.bw {
line-height: 24px !important;
}
.dq {
font-size: 24px;
}
.dr {
line-height: 30px;
}
.eg {
padding: 20px 40px 40px !important;
}
.el {
padding: 0px 40px 60px !important;
}
.et {
line-height: 28px;
}
.fo {
padding: 40px !important;
}
.fu {
padding-bottom: 0 !important;
}
.fv {
padding-top: 10px;
}
.ga {
display: inline-block !important;
}
.gb {
float: right !important;
}
.gg {
padding-top: 34px;
}
}
</style>
<style>
@media all and (max-width: 551.98px) {
.aj {
font-size: 11px;
}
.ak {
line-height: 14px;
}
.cb {
margin-bottom: 24px !important;
}
.cc {
margin-top: 24px !important;
}
.cv {
margin-left: 24px !important;
}
.cw {
height: 53px !important;
}
.cx {
width: 80px !important;
}
.dg {
width: calc(100% - 104px) !important;
}
.di {
font-size: 20px;
}
.dj {
line-height: 24px;
}
.ea {
margin-top: 56px !important;
}
.en {
font-size: 18px;
}
.eo {
line-height: 21px;
}
}
</style>
<style>
@media all and (min-width: 552px) and (max-width: 727.98px) {
.al {
font-size: 11px;
}
.am {
line-height: 14px;
}
.cd {
margin-bottom: 24px !important;
}
.ce {
margin-top: 24px !important;
}
.cy {
margin-left: 24px !important;
}
.cz {
height: 53px !important;
}
.da {
width: 80px !important;
}
.dh {
width: calc(100% - 104px) !important;
}
.dk {
font-size: 20px;
}
.dl {
line-height: 24px;
}
.eb {
margin-top: 56px !important;
}
.ep {
font-size: 18px;
}
.eq {
line-height: 21px;
}
}
</style>
<link as="style" href="https://glyph.medium.com/css/unbound.css" id="glyph_preload_link" rel="preload" type="text/css"/>
<link href="https://glyph.medium.com/css/unbound.css" id="glyph_link" rel="stylesheet" type="text/css"/>
</head>
<body style="margin: 0; padding: 0;">
<div class="c d e f g h i" style="background-color: rgba(255, 255, 255, 1);">
<table cellpadding="0" cellspacing="0" class="j k l m" role="presentation" style="margin-left: auto; margin-right: auto; width: 100%; max-width: 680px;" width="100%">
<tbody>
<tr>
<td class="l n" style="width: 100%; min-width: 100%;" width="100%">
<img alt="" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fmedium.com%252F_%252Fstat%253Fevent%253Demail.opened%2526emailId%253De46d0fda-d017-4c51-beb0-ad53eeaac6ca%2526source%253Demail-856845e8a8ad-1740797918145-digest.reader-------------------------e46d0fda_d017_4c51_beb0_ad53eeaac6ca/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtZWRpdW0uY29tJSIsInRpbWUiOjE3NDA4MTM2MDIuNjkwMjYxfQ:1toH8k:5ZM2dIsFtrUGY-Xv-4jRYgx26GQjrXD5e7r0BHTelU4" width="1"/>
<div class="a b" style="font-family: sohne, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: rgba(25, 25, 25, 1);">
<div class="c o p q r s t" style="background-color: rgba(255, 255, 255, 1);">
<div class="u v w x" style="padding: 12px 16px 0 16px;">
<div class="y" style="text-align: left;">
<div class="">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<a style="color: inherit; text-decoration: none;">
<img alt="James Jonas" class="ac ae af ag" height="32" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F64%252F64%252F1%252AdmbNkD5D-u45r44go_cf0g.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkxMDE2N30:1toH8k:cu4gpy7vOAZ7KC7iVNDRpNRRpRYNZoXUv62emxnXPcU" style="display: block; border-radius: 50%; height: 32px; width: 32px;" width="32"/>
</a>
</div>
<div class="z ah ab" style="display: inline-block; vertical-align: middle; padding-left: 9px;">
<div class="ai aj ak al am an ao ap aq ar as at" style="font-weight: 400; color: rgba(41, 41, 41, 1);">
<a style="color: inherit; text-decoration: none;">
Stories for
<span style="font-weight:700">
James Jonas
</span>
</a>
</div>
<div class="ai aj ak al am an ao ap aq ar as at" style="font-weight: 400; color: rgba(41, 41, 41, 1);">
<span class="ai aj ak al am an ao ap aq ar as au" style="font-weight: 400; color: rgba(117, 117, 117, 1);">
<a style="color: inherit; text-decoration: none;">
@c6a6d7b6
</a>
</span>
<span class="ai aj ak al am an ao ap aq ar as av" style="font-weight: 400; color: rgba(26, 137, 23, 1);">
<span class="aw ax" style="padding-left: 4px; padding-right: 4px;">
·
</span>
<a style="color: inherit; text-decoration: none;">
Become a member
</a>
</span>
</div>
</div>
</div>
</div>
<div class="ay az ba bb bc bd be bf bg" style="margin-bottom: 8px; margin-top: 22px; text-align: center;">
<a aria-label="Medium homepage link" style="color: inherit; text-decoration: none;">
<img alt="Medium daily digest" class="l" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Fmax%252F1200%252F4%252ApUIfRlZh07mLXKHFllcZSw.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkxMTY4OH0:1toH8k:pGjftwdQC61eih1r6iQCT0_CfWGQTqSwNV2I37XMxNk" style="width: 100%;" width="600"/>
</a>
</div>
</div>
<div class="bh bi bj bk" style="padding: 0 16px;">
<div class="bl bm l" style="width: 100%; border-bottom: 1px solid rgba(117, 117, 117, 1); height: 0px;">
</div>
<div class="bn bo" style="margin-bottom: 11px; margin-top: 11px;">
<p class="bp bq br bs bt bu bv bw bx at by" style="margin: 0; color: rgba(41, 41, 41, 1); font-weight: 700; font-size: 18px; line-height: 24px; text-transform: uppercase;">
Today's highlights
</p>
</div>
<div class="bz bm l" style="width: 100%; height: 0px; border-bottom: 1px solid rgba(230, 230, 230, 1);">
</div>
<div>
<div class="ca cb cc cd ce cf" style="margin-bottom: 32px; margin-top: 24px;">
<div class="cg ch l" style="width: 100%; display: table; table-layout: fixed;">
<div class="ci cj ck cl" style="display: table-cell; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<a style="color: inherit; text-decoration: none;">
<img alt="Krisztina Szerovay" class="ac ae cm cn" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F40%252F40%252F1%252Av2gqVEPL4C1tHeCJxipYtg.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkxMjg5NH0:1toH8k:WyGWMQ5BaSHrowFKg5uScZpI3Jlj3oyeKZjA8xHfst4" style="display: block; border-radius: 50%; height: 20px; width: 20px;" width="20"/>
</a>
</div>
<span class="ai co cp at cq ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 8px;">
<a style="color: inherit; text-decoration: none;">
Krisztina Szerovay
</a>
</span>
<span class="ai co cp au cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
in
</span>
<span class="ai co cp at cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
<a style="color: inherit; text-decoration: none;">
UX Knowledge Base Sketch
</a>
</span>
</div>
</div>
<div class="cs" style="margin-top: 16px;">
<div class="z ct cu cv cw cx cy cz da db dc" style="display: inline-block; float: right; margin-left: 56px; height: 107px; width: 160px;">
<a style="color: inherit; text-decoration: none;">
<img alt="Hero section best practices & inspiration (Part 1)" class="dd l de" height="107" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffocal%252F320%252F214%252F17%252F17%252F1%252AfVFvWNSCdKUEx5QA4H9LHA.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkxNDAwNX0:1toH8k:AdsJVSehVZiNsXSA4lRoXx0Bn9D_3D9inUY7FYRNmTY" style="width: 100%; border-radius: 2px; height: 100%;" width="160"/>
</a>
</div>
<div class="df dg dh" style="width: calc(100% - 216px);">
<a class="ac" style="color: inherit; text-decoration: none; display: block;">
<h2 class="bp di dj dk dl dm dn do dp dq dr at" style="margin: 0; color: rgba(41, 41, 41, 1); font-weight: 700;">
Hero section best practices & inspiration (Part 1)
</h2>
<div class="ds" style="margin-top: 8px;">
<h3 class="ai dt cp au" style="margin: 0; font-weight: 400; color: rgba(117, 117, 117, 1); line-height: 20px; font-size: 16px;">
First impression is key
</h3>
</div>
<div class="cf" style="margin-top: 24px;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
5 min read
</span>
</div>
<img alt="Claps" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F15179c17ea56cc631c7aa437c6f487f42797bb0a1053ee7f7cc7fca905445942/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkxNTM3OX0:1toH8k:4y2IYm-rXFzSSrjv2ULllq65WdQXdITzaGlvb6vS5qg" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
77
</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="dw bm l" style="width: 100%; height: 0px; border-bottom: 1px solid #F2F2F2;">
</div>
</div>
<div>
<div class="ca cb cc cd ce dx" style="margin-bottom: 32px; margin-top: 32px;">
<div class="cg ch l" style="width: 100%; display: table; table-layout: fixed;">
<div class="ci cj ck cl" style="display: table-cell; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<a style="color: inherit; text-decoration: none;">
<img alt="Cole Haddon" class="ac ae cm cn" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F40%252F40%252F1%252ATOhBCTaV4wNWYNri5-jt0w.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkxNjh9:1toH8k:ROnP9T0gqW1lYFio8z13KsL9FV7XqYOVDseFyIjPbY8" style="display: block; border-radius: 50%; height: 20px; width: 20px;" width="20"/>
</a>
</div>
<span class="ai co cp at cq ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 8px;">
<a style="color: inherit; text-decoration: none;">
Cole Haddon
</a>
</span>
<span class="ai co cp au cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
in
</span>
<span class="ai co cp at cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
<a style="color: inherit; text-decoration: none;">
Fanfare
</a>
</span>
</div>
</div>
<div class="cs" style="margin-top: 16px;">
<div class="z ct cu cv cw cx cy cz da db dc" style="display: inline-block; float: right; margin-left: 56px; height: 107px; width: 160px;">
<a style="color: inherit; text-decoration: none;">
<img alt="Q&A: Screenwriter Steven S. DeKnight on How Genre Shaped His Life" class="dd l de" height="107" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F320%252F214%252F1%252AAwowB9WSAT6mRTsz1dd_EA.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkxODQ5fQ:1toH8k:7kXpIpVPLE2k31C2eS5J8uPSSIgVpMpjwuOBXaovsoE" style="width: 100%; border-radius: 2px; height: 100%;" width="160"/>
</a>
</div>
<div class="df dg dh" style="width: calc(100% - 216px);">
<a class="ac" style="color: inherit; text-decoration: none; display: block;">
<h2 class="bp di dj dk dl dm dn do dp dq dr at" style="margin: 0; color: rgba(41, 41, 41, 1); font-weight: 700;">
Q&A: Screenwriter Steven S. DeKnight on How Genre Shaped His Life
</h2>
<div class="ds" style="margin-top: 8px;">
<h3 class="ai dt cp au" style="margin: 0; font-weight: 400; color: rgba(117, 117, 117, 1); line-height: 20px; font-size: 16px;">
The showrunner/director, whose work includes…
</h3>
</div>
<div class="cf" style="margin-top: 24px;">
<div class="z dy" style="display: inline-block; margin-right: 16px;">
<img alt="Member-only content" class="ab" height="15" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F30%252F30%252F1%252AZz6z7U4dGjkNKQy1cxU7iw%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkyMDc3Mn0:1toH8k:LGY8Ws_5zFuVUP3w-4I38-KnPIT_k8bweN8PyvONlW0" style="vertical-align: middle;" width="15"/>
</div>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
18 min read
</span>
</div>
<img alt="Claps" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F15179c17ea56cc631c7aa437c6f487f42797bb0a1053ee7f7cc7fca905445942/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkyMzA5OX0:1toH8k:qZAZMPGKoFqkVMsK2rafqGPtAZYu6_4Iup08FkDmzvo" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
449
</span>
</div>
<img alt="Responses" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F7e20b295db3744e82c784a6bfc830a875110046ab5850df5a1d872355af7d787/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkyNDc2NX0:1toH8k:k36CmjQ3gXGwztCPLUjbVE7b8ZVFUfPM-Lgt2A17CWM" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
5
</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="dw bm l" style="width: 100%; height: 0px; border-bottom: 1px solid #F2F2F2;">
</div>
</div>
<div>
<div class="ca cb cc cd ce dx" style="margin-bottom: 32px; margin-top: 32px;">
<div class="cg ch l" style="width: 100%; display: table; table-layout: fixed;">
<div class="ci cj ck cl" style="display: table-cell; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<a style="color: inherit; text-decoration: none;">
<img alt="FilmSoc" class="ac ae cm cn" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F40%252F40%252F1%252ArubIn0QcqwpYaNzNgCJN3w.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkyNjM4NH0:1toH8k:FD6uWSRUGrTYECqluQjP0zsSB1qu-sjvXL6VXn2nbjA" style="display: block; border-radius: 50%; height: 20px; width: 20px;" width="20"/>
</a>
</div>
<span class="ai co cp at cq ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 8px;">
<a style="color: inherit; text-decoration: none;">
FilmSoc
</a>
</span>
</div>
</div>
<div class="cs" style="margin-top: 16px;">
<div class="z ct cu cv cw cx cy cz da db dc" style="display: inline-block; float: right; margin-left: 56px; height: 107px; width: 160px;">
<a style="color: inherit; text-decoration: none;">
<img alt="The Soundscape of Indian Documentaries" class="dd l de" height="107" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F320%252F214%252F0%252AOsVCNcys9kKYIWrK.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkyNzk3NH0:1toH8k:SQLjhAoDm6XTKZej3L29S-M07pX4VbnJ3SRtTbqnTWM" style="width: 100%; border-radius: 2px; height: 100%;" width="160"/>
</a>
</div>
<div class="df dg dh" style="width: calc(100% - 216px);">
<a class="ac" style="color: inherit; text-decoration: none; display: block;">
<h2 class="bp di dj dk dl dm dn do dp dq dr at" style="margin: 0; color: rgba(41, 41, 41, 1); font-weight: 700;">
The Soundscape of Indian Documentaries
</h2>
<div class="ds" style="margin-top: 8px;">
<h3 class="ai dt cp au" style="margin: 0; font-weight: 400; color: rgba(117, 117, 117, 1); line-height: 20px; font-size: 16px;">
By Kavyaa Masurkar
</h3>
</div>
<div class="cf" style="margin-top: 24px;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
6 min read
</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="dw bm l" style="width: 100%; height: 0px; border-bottom: 1px solid #F2F2F2;">
</div>
</div>
<div>
<div class="ca cb cc cd ce dx" style="margin-bottom: 32px; margin-top: 32px;">
<div class="cg ch l" style="width: 100%; display: table; table-layout: fixed;">
<div class="ci cj ck cl" style="display: table-cell; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<a style="color: inherit; text-decoration: none;">
<img alt="Lauren Winslow-Llewellyn" class="ac ae cm cn" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F40%252F40%252F1%252A89ATww6HjiLjNQI_NAo7yg%25402x.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkyOTEyOH0:1toH8k:NcTC4ZVQl1Elrf4ufxFFeslKSfge7WIAP7iHCDUS6Ys" style="display: block; border-radius: 50%; height: 20px; width: 20px;" width="20"/>
</a>
</div>
<span class="ai co cp at cq ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 8px;">
<a style="color: inherit; text-decoration: none;">
Lauren Winslow-Llewellyn
</a>
</span>
<span class="ai co cp au cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
in
</span>
<span class="ai co cp at cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
<a style="color: inherit; text-decoration: none;">
True Travel Tales
</a>
</span>
</div>
</div>
<div class="cs" style="margin-top: 16px;">
<div class="z ct cu cv cw cx cy cz da db dc" style="display: inline-block; float: right; margin-left: 56px; height: 107px; width: 160px;">
<a style="color: inherit; text-decoration: none;">
<img alt="Searching For Wild Rhinos and Tigers in Nepal" class="dd l de" height="107" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F320%252F214%252F1%252AfsIWy44xeGERJDbc0VdzDg%25402x.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkzMDE2OH0:1toH8k:AADcirus9t427FWL37N0jUTaXf39AWFQpb-u5RiLvVE" style="width: 100%; border-radius: 2px; height: 100%;" width="160"/>
</a>
</div>
<div class="df dg dh" style="width: calc(100% - 216px);">
<a class="ac" style="color: inherit; text-decoration: none; display: block;">
<h2 class="bp di dj dk dl dm dn do dp dq dr at" style="margin: 0; color: rgba(41, 41, 41, 1); font-weight: 700;">
Searching For Wild Rhinos and Tigers in Nepal
</h2>
<div class="ds" style="margin-top: 8px;">
<h3 class="ai dt cp au" style="margin: 0; font-weight: 400; color: rgba(117, 117, 117, 1); line-height: 20px; font-size: 16px;">
A risky walking safari through Chitwan National Park
</h3>
</div>
<div class="cf" style="margin-top: 24px;">
<div class="z dy" style="display: inline-block; margin-right: 16px;">
<img alt="Member-only content" class="ab" height="15" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F30%252F30%252F1%252AZz6z7U4dGjkNKQy1cxU7iw%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkzMTE4fQ:1toH8k:UoEOcGfdGpLbO9BK11c7gTrCSnVYreb2mneD7R3LiOs" style="vertical-align: middle;" width="15"/>
</div>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
10 min read
</span>
</div>
<img alt="Claps" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F15179c17ea56cc631c7aa437c6f487f42797bb0a1053ee7f7cc7fca905445942/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkzMjMwNn0:1toH8k:g3qiIof5Ux8WJeDEOK2DBjWxI2Y1aYbtuvOM3vXcgTk" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
613
</span>
</div>
<img alt="Responses" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F7e20b295db3744e82c784a6bfc830a875110046ab5850df5a1d872355af7d787/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkzMzg0Nn0:1toH8k:4VUCA23Mm2c3g6XyZ0FCclP7WW_1doMvdN-jm7Dw7TM" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
17
</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="dw bm l" style="width: 100%; height: 0px; border-bottom: 1px solid #F2F2F2;">
</div>
</div>
<div>
<div class="ca cb cc cd ce dx" style="margin-bottom: 32px; margin-top: 32px;">
<div class="cg ch l" style="width: 100%; display: table; table-layout: fixed;">
<div class="ci cj ck cl" style="display: table-cell; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<a style="color: inherit; text-decoration: none;">
<img alt="Christie Tang" class="ac ae cm cn" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F40%252F40%252F1%252AZ1e43YiQS-fo9vvvndLUJw.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkzNTR9:1toH8k:9qyvWsDKX3A2iFaaVK6gDNskHYaTY7NBq1-NbbRqkcM" style="display: block; border-radius: 50%; height: 20px; width: 20px;" width="20"/>
</a>
</div>
<span class="ai co cp at cq ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 8px;">
<a style="color: inherit; text-decoration: none;">
Christie Tang
</a>
</span>
<span class="ai co cp au cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
in
</span>
<span class="ai co cp at cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
<a style="color: inherit; text-decoration: none;">
UX Collective
</a>
</span>
</div>
</div>
<div class="cs" style="margin-top: 16px;">
<div class="z ct cu cv cw cx cy cz da db dc" style="display: inline-block; float: right; margin-left: 56px; height: 107px; width: 160px;">
<a style="color: inherit; text-decoration: none;">
<img alt="Responsive grids and how to actually use them" class="dd l de" height="107" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F320%252F214%252F1%252APk2VauRO-tQJnpHXiOFpbA.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkzNjY5Nn0:1toH8k:o9GQTfRE1usVz5-BXicttbsDdotxr77JgTLHWa3eR3s" style="width: 100%; border-radius: 2px; height: 100%;" width="160"/>
</a>
</div>
<div class="df dg dh" style="width: calc(100% - 216px);">
<a class="ac" style="color: inherit; text-decoration: none; display: block;">
<h2 class="bp di dj dk dl dm dn do dp dq dr at" style="margin: 0; color: rgba(41, 41, 41, 1); font-weight: 700;">
Responsive grids and how to actually use them
</h2>
<div class="ds" style="margin-top: 8px;">
<h3 class="ai dt cp au" style="margin: 0; font-weight: 400; color: rgba(117, 117, 117, 1); line-height: 20px; font-size: 16px;">
A detailed explanation for designers on how to use…
</h3>
</div>
<div class="cf" style="margin-top: 24px;">
<div class="z dy" style="display: inline-block; margin-right: 16px;">
<img alt="Member-only content" class="ab" height="15" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F30%252F30%252F1%252AZz6z7U4dGjkNKQy1cxU7iw%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkzNzc1N30:1toH8k:8EurRUaINnJTH9jZt_r3jGS5ZQou6OCPJK55xPMSpx4" style="vertical-align: middle;" width="15"/>
</div>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
11 min read
</span>
</div>
<img alt="Claps" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F15179c17ea56cc631c7aa437c6f487f42797bb0a1053ee7f7cc7fca905445942/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjkzOTA1fQ:1toH8k:aPuryxx9HFyQ6d0a7IC2bKHvBh5RMKTFjIotSVurM1I" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
16.6K
</span>
</div>
<img alt="Responses" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F7e20b295db3744e82c784a6bfc830a875110046ab5850df5a1d872355af7d787/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk0MDM5Nn0:1toH8k:-BEAs5-YDpjvrfCRclnUpsige5KovmFlsJsppdU4pX4" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
77
</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="dw bm l" style="width: 100%; height: 0px; border-bottom: 1px solid #F2F2F2;">
</div>
</div>
<div>
<div class="ca cb cc cd ce dx" style="margin-bottom: 32px; margin-top: 32px;">
<div class="cg ch l" style="width: 100%; display: table; table-layout: fixed;">
<div class="ci cj ck cl" style="display: table-cell; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<a style="color: inherit; text-decoration: none;">
<img alt="Christine Vallaure" class="ac ae cm cn" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F40%252F40%252F1%252ABUIY6AAkaaXqZXfDafZYag.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk0MTQ2Mn0:1toH8k:uiI43zKUxXS-piuDPo7LsSNLBpryjltHUJZrF-xJnw0" style="display: block; border-radius: 50%; height: 20px; width: 20px;" width="20"/>
</a>
</div>
<span class="ai co cp at cq ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 8px;">
<a style="color: inherit; text-decoration: none;">
Christine Vallaure
</a>
</span>
<span class="ai co cp au cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
in
</span>
<span class="ai co cp at cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
<a style="color: inherit; text-decoration: none;">
UX Planet
</a>
</span>
</div>
</div>
<div class="cs" style="margin-top: 16px;">
<div class="z ct cu cv cw cx cy cz da db dc" style="display: inline-block; float: right; margin-left: 56px; height: 107px; width: 160px;">
<a style="color: inherit; text-decoration: none;">
<img alt="Ultimate Guide to Color in UX/UI Design" class="dd l de" height="107" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffreeze%252Ffit%252Fc%252F320%252F214%252F1%252AqQ3_PS_lOnbeOy1z-XG2uw.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk0MjQ3Mn0:1toH8k:TdCON5p1tzqVSODqxSJpyYxUPc1esenK02kLMrTRUMU" style="width: 100%; border-radius: 2px; height: 100%;" width="160"/>
</a>
</div>
<div class="df dg dh" style="width: calc(100% - 216px);">
<a class="ac" style="color: inherit; text-decoration: none; display: block;">
<h2 class="bp di dj dk dl dm dn do dp dq dr at" style="margin: 0; color: rgba(41, 41, 41, 1); font-weight: 700;">
Ultimate Guide to Color in UX/UI Design
</h2>
<div class="ds" style="margin-top: 8px;">
<h3 class="ai dt cp au" style="margin: 0; font-weight: 400; color: rgba(117, 117, 117, 1); line-height: 20px; font-size: 16px;">
Tips, theory & best practices from beginner to…
</h3>
</div>
<div class="cf" style="margin-top: 24px;">
<div class="z dy" style="display: inline-block; margin-right: 16px;">
<img alt="Member-only content" class="ab" height="15" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F30%252F30%252F1%252AZz6z7U4dGjkNKQy1cxU7iw%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk0MzQ2Mn0:1toH8k:hvlpqVyxxKhX_cxls-tLKh4qXiMPjadmlwofYBK94tQ" style="vertical-align: middle;" width="15"/>
</div>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
11 min read
</span>
</div>
<img alt="Claps" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F15179c17ea56cc631c7aa437c6f487f42797bb0a1053ee7f7cc7fca905445942/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk0NDY5fQ:1toH8k:Qg9JoXv8Oi7ZI87K7f4E2BjgUjKDJjYLCWzmZ-By3qs" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
4.6K
</span>
</div>
<img alt="Responses" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F7e20b295db3744e82c784a6bfc830a875110046ab5850df5a1d872355af7d787/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk0NjQxNn0:1toH8k:nrHW7AUCXUMjtKAeknzCEmwyO1pRz3iboEkltJDuauk" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
48
</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="dw bm l" style="width: 100%; height: 0px; border-bottom: 1px solid #F2F2F2;">
</div>
</div>
<div>
<div class="ca cb cc cd ce dx" style="margin-bottom: 32px; margin-top: 32px;">
<div class="cg ch l" style="width: 100%; display: table; table-layout: fixed;">
<div class="ci cj ck cl" style="display: table-cell; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<a style="color: inherit; text-decoration: none;">
<img alt="Bethany Heck" class="ac ae cm cn" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F40%252F40%252F1%252AGiaijCMke2QGG2e9wK4TcQ.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk0Nzg3NX0:1toH8k:F10Amkd_mkyUpjQKCeaK8CNUJ2AaZFB9ZOGqxA5Z_0s" style="display: block; border-radius: 50%; height: 20px; width: 20px;" width="20"/>
</a>
</div>
<span class="ai co cp at cq ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 8px;">
<a style="color: inherit; text-decoration: none;">
Bethany Heck
</a>
</span>
</div>
</div>
<div class="cs" style="margin-top: 16px;">
<div class="z ct cu cv cw cx cy cz da db dc" style="display: inline-block; float: right; margin-left: 56px; height: 107px; width: 160px;">
<a style="color: inherit; text-decoration: none;">
<img alt="An Introduction to Structural Typography" class="dd l de" height="107" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffocal%252F320%252F214%252F51%252F47%252F1%252ASHhkcz50vrxI3Nzv362e6g%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk0OTEzNH0:1toH8k:S4szcJ1HFEZX4LzFMm2Aw5AOemmAVwCnqEnK4SO54Ok" style="width: 100%; border-radius: 2px; height: 100%;" width="160"/>
</a>
</div>
<div class="df dg dh" style="width: calc(100% - 216px);">
<a class="ac" style="color: inherit; text-decoration: none; display: block;">
<h2 class="bp di dj dk dl dm dn do dp dq dr at" style="margin: 0; color: rgba(41, 41, 41, 1); font-weight: 700;">
An Introduction to Structural Typography
</h2>
<div class="ds" style="margin-top: 8px;">
<h3 class="ai dt cp au" style="margin: 0; font-weight: 400; color: rgba(117, 117, 117, 1); line-height: 20px; font-size: 16px;">
Type as both language and composition
</h3>
</div>
<div class="cf" style="margin-top: 24px;">
<div class="z dy" style="display: inline-block; margin-right: 16px;">
<img alt="Member-only content" class="ab" height="15" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F30%252F30%252F1%252AZz6z7U4dGjkNKQy1cxU7iw%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk1MDcxN30:1toH8k:lGHLkturqxdRyvHHADlqxbPUXZK51oljz-OGWDfJL7A" style="vertical-align: middle;" width="15"/>
</div>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
17 min read
</span>
</div>
<img alt="Claps" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F15179c17ea56cc631c7aa437c6f487f42797bb0a1053ee7f7cc7fca905445942/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk1MjU5fQ:1toH8k:MyzSk346aGLVOTD3AHQuRAZ9mhUaPDRvSx_eQJcAJZk" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
10.7K
</span>
</div>
<img alt="Responses" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F7e20b295db3744e82c784a6bfc830a875110046ab5850df5a1d872355af7d787/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk1NDU1Nn0:1toH8k:-BsTk3R5W4JVOSTmUhYpbVbV7VyDjap9CnPgc1eBI4A" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
22
</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="dw bm l" style="width: 100%; height: 0px; border-bottom: 1px solid #F2F2F2;">
</div>
</div>
<div>
<div class="ca cb cc cd ce dx" style="margin-bottom: 32px; margin-top: 32px;">
<div class="cg ch l" style="width: 100%; display: table; table-layout: fixed;">
<div class="ci cj ck cl" style="display: table-cell; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<a style="color: inherit; text-decoration: none;">
<img alt="Remy Dean" class="ac ae cm cn" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F40%252F40%252F1%252Aa9NI5vSfYTpklc0v2cXGbw.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk1NTk1M30:1toH8k:iqW_thI-EverIPA21RbH9Qf172MQgTbOiWotqN_Ixg4" style="display: block; border-radius: 50%; height: 20px; width: 20px;" width="20"/>
</a>
</div>
<span class="ai co cp at cq ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 8px;">
<a style="color: inherit; text-decoration: none;">
Remy Dean
</a>
</span>
<span class="ai co cp au cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
in
</span>
<span class="ai co cp at cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
<a style="color: inherit; text-decoration: none;">
Frame Rated
</a>
</span>
</div>
</div>
<div class="cs" style="margin-top: 16px;">
<div class="z ct cu cv cw cx cy cz da db dc" style="display: inline-block; float: right; margin-left: 56px; height: 107px; width: 160px;">
<a style="color: inherit; text-decoration: none;">
<img alt="Hokuriku Proxy War — gripping gangster chronicle reflects reality" class="dd l de" height="107" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffocal%252F320%252F214%252F44%252F69%252F0%252AK6uJEqQiW2zKtHml.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk1NzYzfQ:1toH8k:7WGB4IlM71Nzw3DWNejz1JOFcSkpPhllO1lolnV89i8" style="width: 100%; border-radius: 2px; height: 100%;" width="160"/>
</a>
</div>
<div class="df dg dh" style="width: calc(100% - 216px);">
<a class="ac" style="color: inherit; text-decoration: none; display: block;">
<h2 class="bp di dj dk dl dm dn do dp dq dr at" style="margin: 0; color: rgba(41, 41, 41, 1); font-weight: 700;">
Hokuriku Proxy War — gripping gangster chronicle reflects reality
</h2>
<div class="ds" style="margin-top: 8px;">
<h3 class="ai dt cp au" style="margin: 0; font-weight: 400; color: rgba(117, 117, 117, 1); line-height: 20px; font-size: 16px;">
A Yakuza group from Osaka with dreams of national…
</h3>
</div>
<div class="cf" style="margin-top: 24px;">
<div class="z dy" style="display: inline-block; margin-right: 16px;">
<img alt="Member-only content" class="ab" height="15" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F30%252F30%252F1%252AZz6z7U4dGjkNKQy1cxU7iw%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk1OTU4fQ:1toH8k:SC43jV3_AcjS_d1ZF3fIPFDaZyligNI28iR-mn1eYb8" style="vertical-align: middle;" width="15"/>
</div>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
11 min read
</span>
</div>
<img alt="Claps" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F15179c17ea56cc631c7aa437c6f487f42797bb0a1053ee7f7cc7fca905445942/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk2MTE1M30:1toH8k:REIGDfCMVwIB-AeaI2KdF7W7RIZiIs-S_fGw15G6Bpo" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
257
</span>
</div>
<img alt="Responses" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F7e20b295db3744e82c784a6bfc830a875110046ab5850df5a1d872355af7d787/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk2MzE5Nn0:1toH8k:bSB69Gg7WCFVlyw6dc50PrRrrJPiBzNTR-tG1V5ut84" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
2
</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="dw bm l" style="width: 100%; height: 0px; border-bottom: 1px solid #F2F2F2;">
</div>
</div>
<div>
<div class="ca cb cc cd ce dx" style="margin-bottom: 32px; margin-top: 32px;">
<div class="cg ch l" style="width: 100%; display: table; table-layout: fixed;">
<div class="ci cj ck cl" style="display: table-cell; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<a style="color: inherit; text-decoration: none;">
<img alt="Bryan Ye" class="ac ae cm cn" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F40%252F40%252F1%252AAscZbV1rFfGzqjJX8ofzNw.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk2NDc3NH0:1toH8k:SrVwI24QK1D1PAtsqIHVq0bhn1PIcgVbbX2bwVK-DXY" style="display: block; border-radius: 50%; height: 20px; width: 20px;" width="20"/>
</a>
</div>
<span class="ai co cp at cq ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 8px;">
<a style="color: inherit; text-decoration: none;">
Bryan Ye
</a>
</span>
<span class="ai co cp au cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
in
</span>
<span class="ai co cp at cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
<a style="color: inherit; text-decoration: none;">
Better Humans
</a>
</span>
</div>
</div>
<div class="cs" style="margin-top: 16px;">
<div class="z ct cu cv cw cx cy cz da db dc" style="display: inline-block; float: right; margin-left: 56px; height: 107px; width: 160px;">
<a style="color: inherit; text-decoration: none;">
<img alt="How To Wake Up at 5 A.M. Every Day" class="dd l de" height="107" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffocal%252F320%252F214%252F52%252F50%252F1%252A-Y9ozbNWSViiCmal1TT32w.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk2NjI5fQ:1toH8k:D4nuPscdPLR2HvpDzi2nsbSQ2NzLTCRpbQnP1hdmp_k" style="width: 100%; border-radius: 2px; height: 100%;" width="160"/>
</a>
</div>
<div class="df dg dh" style="width: calc(100% - 216px);">
<a class="ac" style="color: inherit; text-decoration: none; display: block;">
<h2 class="bp di dj dk dl dm dn do dp dq dr at" style="margin: 0; color: rgba(41, 41, 41, 1); font-weight: 700;">
How To Wake Up at 5 A.M. Every Day
</h2>
<div class="ds" style="margin-top: 8px;">
<h3 class="ai dt cp au" style="margin: 0; font-weight: 400; color: rgba(117, 117, 117, 1); line-height: 20px; font-size: 16px;">
An unconventional and compassionate guide to becoming…
</h3>
</div>
<div class="cf" style="margin-top: 24px;">
<div class="z dy" style="display: inline-block; margin-right: 16px;">
<img alt="Member-only content" class="ab" height="15" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F30%252F30%252F1%252AZz6z7U4dGjkNKQy1cxU7iw%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk2NzV9:1toH8k:5C5h_qIr5fSuQjbkig6r3YzJ4SEqodOzCiQ75HWTzvs" style="vertical-align: middle;" width="15"/>
</div>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
15 min read
</span>
</div>
<img alt="Claps" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F15179c17ea56cc631c7aa437c6f487f42797bb0a1053ee7f7cc7fca905445942/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk2ODU3NX0:1toH8k:vWuxJcK0Z31hGhLNBtQ5tpck_hi2NtDM-55WHZzMmZg" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
113K
</span>
</div>
<img alt="Responses" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F7e20b295db3744e82c784a6bfc830a875110046ab5850df5a1d872355af7d787/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk2OTYxNn0:1toH8k:YTJs28ddgYNwKvsiFspAv7Hj-eEzN9UwmLifrJtUu5A" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
1.97K
</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="dw bm l" style="width: 100%; height: 0px; border-bottom: 1px solid #F2F2F2;">
</div>
</div>
<div>
<div class="ca cb cc cd ce dx" style="margin-bottom: 32px; margin-top: 32px;">
<div class="cg ch l" style="width: 100%; display: table; table-layout: fixed;">
<div class="ci cj ck cl" style="display: table-cell; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<a style="color: inherit; text-decoration: none;">
<img alt="Helena Zhang" class="ac ae cm cn" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F40%252F40%252F2%252AyP1kakHYki_Ig94L-4HgKQ.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk3MDYwM30:1toH8k:RQ_LLIBkU832ugdnIQ1DM_kZeFC6nWkL7WBEoJkXCoc" style="display: block; border-radius: 50%; height: 20px; width: 20px;" width="20"/>
</a>
</div>
<span class="ai co cp at cq ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 8px;">
<a style="color: inherit; text-decoration: none;">
Helena Zhang
</a>
</span>
<span class="ai co cp au cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
in
</span>
<span class="ai co cp at cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
<a style="color: inherit; text-decoration: none;">
UX Collective
</a>
</span>
</div>
</div>
<div class="cs" style="margin-top: 16px;">
<div class="z ct cu cv cw cx cy cz da db dc" style="display: inline-block; float: right; margin-left: 56px; height: 107px; width: 160px;">
<a style="color: inherit; text-decoration: none;">
<img alt="7 Principles of Icon Design" class="dd l de" height="107" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F320%252F214%252F1%252Aa-zerv-uouThOe0ItxW8bQ%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk3MTYwMn0:1toH8k:9-TU4JUQoETBVYZyFvoRzgUgvXSNgxr8E2yzJdS_2ZA" style="width: 100%; border-radius: 2px; height: 100%;" width="160"/>
</a>
</div>
<div class="df dg dh" style="width: calc(100% - 216px);">
<a class="ac" style="color: inherit; text-decoration: none; display: block;">
<h2 class="bp di dj dk dl dm dn do dp dq dr at" style="margin: 0; color: rgba(41, 41, 41, 1); font-weight: 700;">
7 Principles of Icon Design
</h2>
<div class="ds" style="margin-top: 8px;">
<h3 class="ai dt cp au" style="margin: 0; font-weight: 400; color: rgba(117, 117, 117, 1); line-height: 20px; font-size: 16px;">
Creating a high-quality icon family requires a…
</h3>
</div>
<div class="cf" style="margin-top: 24px;">
<div class="z dy" style="display: inline-block; margin-right: 16px;">
<img alt="Member-only content" class="ab" height="15" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F30%252F30%252F1%252AZz6z7U4dGjkNKQy1cxU7iw%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk3MjU5NH0:1toH8k:kdFDELpITobIS_81XA4TnA5R60fQegCi8yfziuERxMQ" style="vertical-align: middle;" width="15"/>
</div>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
10 min read
</span>
</div>
<img alt="Claps" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F15179c17ea56cc631c7aa437c6f487f42797bb0a1053ee7f7cc7fca905445942/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk3MzYyNH0:1toH8k:QYGKhSqCw6YpQt2cs-ZcdeJM6glOgYQkyxuGM_a_CI8" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
14.6K
</span>
</div>
<img alt="Responses" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F7e20b295db3744e82c784a6bfc830a875110046ab5850df5a1d872355af7d787/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk3NDY1N30:1toH8k:uomtTArDqPsnqUGyfthA4eURXO0wmXgXTvz_r7eoQlo" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
48
</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="dw bm l" style="width: 100%; height: 0px; border-bottom: 1px solid #F2F2F2;">
</div>
</div>
<div>
<div class="ca cb cc cd ce dx" style="margin-bottom: 32px; margin-top: 32px;">
<div class="cg ch l" style="width: 100%; display: table; table-layout: fixed;">
<div class="ci cj ck cl" style="display: table-cell; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<a style="color: inherit; text-decoration: none;">
<img alt="Michal Malewicz" class="ac ae cm cn" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F40%252F40%252F1%252A149zXrb2FXvS_mctL4NKSg.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk3NTY0fQ:1toH8k:sJSroC1yuGMjwwTSv9x8Ui6-vDxEnA6Mbp6mW0ZI2H4" style="display: block; border-radius: 50%; height: 20px; width: 20px;" width="20"/>
</a>
</div>
<span class="ai co cp at cq ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 8px;">
<a style="color: inherit; text-decoration: none;">
Michal Malewicz
</a>
</span>
</div>
</div>
<div class="cs" style="margin-top: 16px;">
<div class="z ct cu cv cw cx cy cz da db dc" style="display: inline-block; float: right; margin-left: 56px; height: 107px; width: 160px;">
<a style="color: inherit; text-decoration: none;">
<img alt="Ugly websites sell better." class="dd l de" height="107" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F320%252F214%252F1%252AHDJxJoL-WIc6OokcBi8rXA.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk3NjY2fQ:1toH8k:XIWphHNoqs0Bpm25-7E2OWcGUOxUJQHeYr2bgI87sVo" style="width: 100%; border-radius: 2px; height: 100%;" width="160"/>
</a>
</div>
<div class="df dg dh" style="width: calc(100% - 216px);">
<a class="ac" style="color: inherit; text-decoration: none; display: block;">
<h2 class="bp di dj dk dl dm dn do dp dq dr at" style="margin: 0; color: rgba(41, 41, 41, 1); font-weight: 700;">
Ugly websites sell better.
</h2>
<div class="ds" style="margin-top: 8px;">
<h3 class="ai dt cp au" style="margin: 0; font-weight: 400; color: rgba(117, 117, 117, 1); line-height: 20px; font-size: 16px;">
Web design is getting out of hand again.
</h3>
</div>
<div class="cf" style="margin-top: 24px;">
<div class="z dy" style="display: inline-block; margin-right: 16px;">
<img alt="Member-only content" class="ab" height="15" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F30%252F30%252F1%252AZz6z7U4dGjkNKQy1cxU7iw%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk3Nzg1fQ:1toH8k:qw69ou4r_qifoZ4EgBePj9NmeKZJ85zA4roNPVl6Jyw" style="vertical-align: middle;" width="15"/>
</div>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
7 min read
</span>
</div>
<img alt="Claps" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F15179c17ea56cc631c7aa437c6f487f42797bb0a1053ee7f7cc7fca905445942/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk3ODkyfQ:1toH8k:HC4JvIQrzLF1gAZJMFlN-5lnDbTtrnjiGVIdKY1y-QA" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
5.8K
</span>
</div>
<img alt="Responses" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F7e20b295db3744e82c784a6bfc830a875110046ab5850df5a1d872355af7d787/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk3OTk0fQ:1toH8k:X8DGwM0d68QpR9YxWJ7Py4Vwmgbsp5j7Hom5SqQTIUw" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
209
</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="dw bm l" style="width: 100%; height: 0px; border-bottom: 1px solid #F2F2F2;">
</div>
</div>
<div>
<div class="ca cb cc cd ce dx" style="margin-bottom: 32px; margin-top: 32px;">
<div class="cg ch l" style="width: 100%; display: table; table-layout: fixed;">
<div class="ci cj ck cl" style="display: table-cell; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<a style="color: inherit; text-decoration: none;">
<img alt="C. L. Beard" class="ac ae cm cn" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F40%252F40%252F1%252AAbNqrarLNvZxu6fMNctBiw.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk4MDkzN30:1toH8k:I9e6SAoIy1I3Lo6wJGCerh2rv5IBDX1pvH0FhO9iiF4" style="display: block; border-radius: 50%; height: 20px; width: 20px;" width="20"/>
</a>
</div>
<span class="ai co cp at cq ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 8px;">
<a style="color: inherit; text-decoration: none;">
C. L. Beard
</a>
</span>
<span class="ai co cp au cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
in
</span>
<span class="ai co cp at cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
<a style="color: inherit; text-decoration: none;">
OpenSourceScribes
</a>
</span>
</div>
</div>
<div class="cs" style="margin-top: 16px;">
<div class="z ct cu cv cw cx cy cz da db dc" style="display: inline-block; float: right; margin-left: 56px; height: 107px; width: 160px;">
<a style="color: inherit; text-decoration: none;">
<img alt="14 Amazing Open Source Projects" class="dd l de" height="107" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F320%252F214%252F1%252AVD15Tid-NhFfK26KVqcn4g.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk4MjR9:1toH8k:PSy5GHExNlD9o9RSicCj-wx892Dtz8QpqYnlK1Qj-34" style="width: 100%; border-radius: 2px; height: 100%;" width="160"/>
</a>
</div>
<div class="df dg dh" style="width: calc(100% - 216px);">
<a class="ac" style="color: inherit; text-decoration: none; display: block;">
<h2 class="bp di dj dk dl dm dn do dp dq dr at" style="margin: 0; color: rgba(41, 41, 41, 1); font-weight: 700;">
14 Amazing Open Source Projects
</h2>
<div class="ds" style="margin-top: 8px;">
<h3 class="ai dt cp au" style="margin: 0; font-weight: 400; color: rgba(117, 117, 117, 1); line-height: 20px; font-size: 16px;">
Improve Productivity, Performance and Accessibility
</h3>
</div>
<div class="cf" style="margin-top: 24px;">
<div class="z dy" style="display: inline-block; margin-right: 16px;">
<img alt="Member-only content" class="ab" height="15" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F30%252F30%252F1%252AZz6z7U4dGjkNKQy1cxU7iw%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk4NDE0M30:1toH8k:5QsvirSYke2SBCOGMOxDd6tNehRKlWXDFz1kaCCwpKA" style="vertical-align: middle;" width="15"/>
</div>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
7 min read
</span>
</div>
<img alt="Claps" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F15179c17ea56cc631c7aa437c6f487f42797bb0a1053ee7f7cc7fca905445942/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk4NTM2NH0:1toH8k:rpR2J4nUK-MK-AeNHgoWnBiSOg8EyefYHHg6e_MPDqk" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
415
</span>
</div>
<img alt="Responses" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F7e20b295db3744e82c784a6bfc830a875110046ab5850df5a1d872355af7d787/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk4Njg0fQ:1toH8k:mUyKNk7EuZEcmuNhSmq1EMU8y6R1K-haQYNB8cJFkc8" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
2
</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="dw bm l" style="width: 100%; height: 0px; border-bottom: 1px solid #F2F2F2;">
</div>
</div>
<div>
<div class="ca cb cc cd ce dx" style="margin-bottom: 32px; margin-top: 32px;">
<div class="cg ch l" style="width: 100%; display: table; table-layout: fixed;">
<div class="ci cj ck cl" style="display: table-cell; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<a style="color: inherit; text-decoration: none;">
<img alt="Hugh McGuire" class="ac ae cm cn" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F40%252F40%252F0%252AIEP3z0HdLYAjHBvk.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk4ODMxNn0:1toH8k:h16D-458ArJ19dNzhZXNTI3NknSmwlYQgOW-4r7vPG4" style="display: block; border-radius: 50%; height: 20px; width: 20px;" width="20"/>
</a>
</div>
<span class="ai co cp at cq ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 8px;">
<a style="color: inherit; text-decoration: none;">
Hugh McGuire
</a>
</span>
</div>
</div>
<div class="cs" style="margin-top: 16px;">
<div class="z ct cu cv cw cx cy cz da db dc" style="display: inline-block; float: right; margin-left: 56px; height: 107px; width: 160px;">
<a style="color: inherit; text-decoration: none;">
<img alt="Why can’t we read anymore?" class="dd l de" height="107" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F320%252F214%252F1%252AKPFAnlF91U6qtCpn7i4bbg.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk5MDE4N30:1toH8k:R9xE6TsFs7FdKk2lSPgp7lEFULV-G9ljFbcjo4UeUnA" style="width: 100%; border-radius: 2px; height: 100%;" width="160"/>
</a>
</div>
<div class="df dg dh" style="width: calc(100% - 216px);">
<a class="ac" style="color: inherit; text-decoration: none; display: block;">
<h2 class="bp di dj dk dl dm dn do dp dq dr at" style="margin: 0; color: rgba(41, 41, 41, 1); font-weight: 700;">
Why can’t we read anymore?
</h2>
<div class="ds" style="margin-top: 8px;">
<h3 class="ai dt cp au" style="margin: 0; font-weight: 400; color: rgba(117, 117, 117, 1); line-height: 20px; font-size: 16px;">
Or, Can books save us from what digital does to our…
</h3>
</div>
<div class="cf" style="margin-top: 24px;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
11 min read
</span>
</div>
<img alt="Claps" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F15179c17ea56cc631c7aa437c6f487f42797bb0a1053ee7f7cc7fca905445942/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk5MjExNH0:1toH8k:c7m-ykJ8QaICuM8L6XZXh7ja9OHydyXn5kZ1KQfSVkE" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
43K
</span>
</div>
<img alt="Responses" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F7e20b295db3744e82c784a6bfc830a875110046ab5850df5a1d872355af7d787/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk5MzYzfQ:1toH8k:pkryEO25jw9XmFKVYHNberXJCjnC8gwhe3J-wBWC8RQ" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
979
</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="dw bm l" style="width: 100%; height: 0px; border-bottom: 1px solid #F2F2F2;">
</div>
</div>
<div>
<div class="ca cb cc cd ce dx" style="margin-bottom: 32px; margin-top: 32px;">
<div class="cg ch l" style="width: 100%; display: table; table-layout: fixed;">
<div class="ci cj ck cl" style="display: table-cell; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<a style="color: inherit; text-decoration: none;">
<img alt="Dori Kasa" class="ac ae cm cn" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F40%252F40%252F1%252AMWjBiy4gV05zZrUqNHWsKA.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk5NTA0fQ:1toH8k:bEMcRw_xoG0mA2PNKvSp9xejAdTShbwsvSI-8LuNMCg" style="display: block; border-radius: 50%; height: 20px; width: 20px;" width="20"/>
</a>
</div>
<span class="ai co cp at cq ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 8px;">
<a style="color: inherit; text-decoration: none;">
Dori Kasa
</a>
</span>
<span class="ai co cp au cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
in
</span>
<span class="ai co cp at cr ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 4px;">
<a style="color: inherit; text-decoration: none;">
Ai-Ai-OH
</a>
</span>
</div>
</div>
<div class="cs" style="margin-top: 16px;">
<div class="z ct cu cv cw cx cy cz da db dc" style="display: inline-block; float: right; margin-left: 56px; height: 107px; width: 160px;">
<a style="color: inherit; text-decoration: none;">
<img alt="A Closer Look At Photoshop’s AI, Between Organic And Bizarre" class="dd l de" height="107" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F320%252F214%252F1%252Ae_2hYYhSCKt1NnnSX1adUQ.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk5Njd9:1toH8k:ST_imiMQfCV0hj7v4R2kX_sG53SdDWCpUzA0zIcW8-g" style="width: 100%; border-radius: 2px; height: 100%;" width="160"/>
</a>
</div>
<div class="df dg dh" style="width: calc(100% - 216px);">
<a class="ac" style="color: inherit; text-decoration: none; display: block;">
<h2 class="bp di dj dk dl dm dn do dp dq dr at" style="margin: 0; color: rgba(41, 41, 41, 1); font-weight: 700;">
A Closer Look At Photoshop’s AI, Between Organic And Bizarre
</h2>
<div class="ds" style="margin-top: 8px;">
<h3 class="ai dt cp au" style="margin: 0; font-weight: 400; color: rgba(117, 117, 117, 1); line-height: 20px; font-size: 16px;">
Which tools actually help me in toy photography, and…
</h3>
</div>
<div class="cf" style="margin-top: 24px;">
<div class="z dy" style="display: inline-block; margin-right: 16px;">
<img alt="Member-only content" class="ab" height="15" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F30%252F30%252F1%252AZz6z7U4dGjkNKQy1cxU7iw%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk5ODAyNH0:1toH8k:4Bm6UhapLYWRiMOUI8x5BJXDj7QjBUbb6t5zLLmh3sk" style="vertical-align: middle;" width="15"/>
</div>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
8 min read
</span>
</div>
<img alt="Claps" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F15179c17ea56cc631c7aa437c6f487f42797bb0a1053ee7f7cc7fca905445942/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNjk5OTU5NX0:1toH8k:PIz0L0Fg8wtnXEjiJrwYABQBVk0f9CZxgdxidy4rXVw" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
287
</span>
</div>
<img alt="Responses" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F7e20b295db3744e82c784a6bfc830a875110046ab5850df5a1d872355af7d787/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNzAwMDY5fQ:1toH8k:zVECmmnsWQLtY3wBLRn8cG3CIuEujxwwLkvemkLHmko" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
4
</span>
</div>
</div>
</a>
</div>
</div>
</div>
<div class="dw bm l" style="width: 100%; height: 0px; border-bottom: 1px solid #F2F2F2;">
</div>
</div>
<div>
<div class="ca cb cc cd ce dx" style="margin-bottom: 32px; margin-top: 32px;">
<div class="cg ch l" style="width: 100%; display: table; table-layout: fixed;">
<div class="ci cj ck cl" style="display: table-cell; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<a style="color: inherit; text-decoration: none;">
<img alt="Politicking Andy" class="ac ae cm cn" height="20" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F40%252F40%252F1%252AqnDplvBztK_QrtmuS5oNbQ%25402x.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNzAwMjM2OH0:1toH8k:yNyC8U7XTVphkUTgj0lr3njkU7c2_khTph0eeXrdf6o" style="display: block; border-radius: 50%; height: 20px; width: 20px;" width="20"/>
</a>
</div>
<span class="ai co cp at cq ab" style="vertical-align: middle; font-weight: 400; color: rgba(41, 41, 41, 1); font-size: 13px; line-height: 20px; margin-left: 8px;">
<a style="color: inherit; text-decoration: none;">
Politicking Andy
</a>
</span>
</div>
</div>
<div class="cs" style="margin-top: 16px;">
<div class="z ct cu cv cw cx cy cz da db dc" style="display: inline-block; float: right; margin-left: 56px; height: 107px; width: 160px;">
<a style="color: inherit; text-decoration: none;">
<img alt="Counteracting Neoliberal Politics in the Global South: The Case of a Ugandan Cooperative" class="dd l de" height="107" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F320%252F214%252F1%252A9Ic9dk3jSavgkvo79N1LMQ.jpeg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNzAwMzcwNn0:1toH8k:czX-6mpSWnzxH3eSWWWk130vyWn2bAZ9Pe-ha7gerWQ" style="width: 100%; border-radius: 2px; height: 100%;" width="160"/>
</a>
</div>
<div class="df dg dh" style="width: calc(100% - 216px);">
<a class="ac" style="color: inherit; text-decoration: none; display: block;">
<h2 class="bp di dj dk dl dm dn do dp dq dr at" style="margin: 0; color: rgba(41, 41, 41, 1); font-weight: 700;">
Counteracting Neoliberal Politics in the Global South: The Case of a Ugandan…
</h2>
<div class="ds" style="margin-top: 8px;">
<h3 class="ai dt cp au" style="margin: 0; font-weight: 400; color: rgba(117, 117, 117, 1); line-height: 20px; font-size: 16px;">
This essay was a final paper for IDSC19 —…
</h3>
</div>
<div class="cf" style="margin-top: 24px;">
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
14 min read
</span>
</div>
<img alt="Claps" class="ab du dv" height="16" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Ffit%252Fc%252F32%252F32%252F15179c17ea56cc631c7aa437c6f487f42797bb0a1053ee7f7cc7fca905445942/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNzAwNTE3NH0:1toH8k:qGxgpRX9xppyN752IHmWRuRfLn449U420u7ma0u9anM" style="vertical-align: middle; margin-left: 16px; margin-right: 4px;" width="16"/>
<div class="z ab" style="display: inline-block; vertical-align: middle;">
<span class="ai co cp au" style="font-weight: 400; color: rgba(117, 117, 117, 1); font-size: 13px; line-height: 20px;">
80
</span>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="dz ea eb" style="margin-top: 48px;">
<div class="bz bm l" style="width: 100%; height: 0px; border-bottom: 1px solid rgba(230, 230, 230, 1);">
</div>
</div>
<div class="ec ed ee ef eg" style="background-color: #FAFAFA; padding: 20px 16px 40px;">
<div class="eh bm l" style="width: 100%; height: 0px; border-bottom: 1px solid #E5E5E5;">
</div>
</div>
<div class="ec ei ej ek el bg" style="text-align: center; background-color: #FAFAFA; padding: 0px 27px 54px;">
<h2 class="ai em en eo ep eq dm er do es dq et eu" style="margin: 0; font-weight: 400; font-family: Georgia, serif; color: rgba(8, 8, 8, 1);">
See more of what you like and less of what you don’t.
</h2>
<div class="ev" style="padding-top: 16px;">
<a class="ew ex ey z ez bg fa fb fc fd fe ff fg fh ai dt bx" style="display: inline-block; font-weight: 400; text-align: center; line-height: 24px; font-size: 16px; border-width: 1px; border-style: solid; box-sizing: border-box; text-decoration: none; padding: 9px 20px; background: rgba(26, 137, 23, 1); border-color: rgba(26, 137, 23, 1); color: rgba(255, 255, 255, 1); fill: rgba(255, 255, 255, 1); border-radius: 99em;">
Control your recommendations
</a>
</div>
</div>
<div class="fj fk fl fm fn fo" style="background-color: rgba(0, 0, 0, 1); border-radius: 0 0 4px 4px; padding: 32px 16px;">
<div class="z fp fq fr fs ft fu fv" style="display: inline-block; padding-bottom: 12px;">
<h2 class="bp dt cp fd" style="margin: 0; font-weight: 700; line-height: 20px; font-size: 16px; color: rgba(255, 255, 255, 1);">
Read from anywhere.
</h2>
</div>
<div class="ac fw fx fy fz ga gb gc" style="display: block; float: none;">
<div class="z gd" style="display: inline-block; padding-right: 12px;">
<a class="z" style="color: inherit; text-decoration: none; display: inline-block;">
<img alt="Get Medium on the App Store" class="" height="40" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Fproxy%252F1%252ACXKdDEfFShoF6Azy5V8ZKQ%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNzAwNjQ2NH0:1toH8k:S3btFTwgUsV6YYKoXHzQmuCVWB_Z-77Qhw98bWQ6wUg" width="120"/>
</a>
</div>
<a class="z" style="color: inherit; text-decoration: none; display: inline-block;">
<img alt="Get Medium on Google Play" class="" height="40" src="https://inboxflows.com/_/image/https%253A%252F%252Fmiro.medium.com%252Fproxy%252F1%252AD-oULOaPtKR8A1jatsII4w%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtaXJvLm1lZGl1bSIsInRpbWUiOjE3NDA4MTM2MDIuNzAwODE4NX0:1toH8k:CengJytVzn2zM2tt9Qo-SQrCOnlhjHVvCm24WRk-G_A" width="134.17"/>
</a>
</div>
<div class="ge gf gg gh" style="padding: 20px 0px;">
<div class="bl bm l" style="width: 100%; border-bottom: 1px solid rgba(117, 117, 117, 1); height: 0px;">
</div>
</div>
<div class="fi" style="clear: both;">
<div class="y" style="text-align: left;">
<div class="ai co cp fd" style="font-weight: 400; font-size: 13px; line-height: 20px; color: rgba(255, 255, 255, 1);">
<div class="">
Sent by
<a style="color: inherit; text-decoration: none;">
Medium
</a>
<span class="aw ax" style="padding-left: 4px; padding-right: 4px;">
·
</span>
3500 South DuPont Highway, Suite IQ-101, Dover, DE 19901
</div>
<a class="gi" style="color: inherit; text-decoration: underline;">
Unsubscribe
</a>
from this type of email
<span class="aw ax" style="padding-left: 4px; padding-right: 4px;">
·
</span>
<a class="gi" style="color: inherit; text-decoration: underline;">
Switch to the Weekly Digest
</a>
<span class="aw ax" style="padding-left: 4px; padding-right: 4px;">
·
</span>
<a class="gi" style="color: inherit; text-decoration: underline;">
Careers
</a>
<span class="aw ax" style="padding-left: 4px; padding-right: 4px;">
·
</span>
<a class="gi" style="color: inherit; text-decoration: underline;">
Help Center
</a>
<span class="aw ax" style="padding-left: 4px; padding-right: 4px;">
·
</span>
<a class="gi" style="color: inherit; text-decoration: underline;">
Privacy Policy
</a>
<span class="aw ax" style="padding-left: 4px; padding-right: 4px;">
·
</span>
<a class="gi" style="color: inherit; text-decoration: underline;">
Terms of service
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fu1823144.ct.sendgrid.net%252Fwf%252Fopen%253Fupn%253Du001.9YKCT3hlftuZMPwiPdRI6xUVYIPk-2BZUyDDIvzfQrYdn40eMAlDz-2F1dVfey3oea7OyM6kLlR3gPWcIUtSbQHozaq4AXEXTXJ72wxgnloDsybifPge8NR89cuVg0Uc7GvLbhitcMW1Od7VIf8f-2BAHJxoYZ7-2Bc4ZyiXbvwpbNwo3-2BmoAm1p3N3Hv65MgWDhxsLXFdGkaxWmeuE7USQN7WwxhwJlQVrQusudxbMGmF3eYPk-2B8dsM2bvSEJ9-2FQt080pGuXFG8GJ6QF9J-2FzlTpPo44O1C-2FzfbA6yk9N4CceIecu1M6v5ZAaEZLVwGdZlEdsB6jiYIkASGKM1mPjErs2CeGUujfhiljPQX83it50uAZ8TQHNamcBGf2JU2wwQCRmrKV5QqK-2F-2BzGAVOr8shp6u224g-3D-3D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1MTgyMzE0NC5jdCIsInRpbWUiOjE3NDA4MTM2MDIuNzAxMDk5Mn0:1toH8k:p_UaxHYuOuA_iQflYC_ga41DrBWds3hX0Ujm7gau5fY" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;" width="1"/>
</body>
</html>
1 month ago - noreply@medium.com
Hero section best practices & inspiration (Part 1) | Krisztina Szerovay in UX Knowledge Base Sketch
Stories for James Jonas@c6a6d7b6·Become a memberToday's highlightsKrisztina SzerovayinUX Knowledg...