Season Shrestha
Airbnb’s colour palette combines soft whites, warm greys, and its signature Rausch pink (#FF385C). The warm pink accent gives the interface a friendly and welcoming tone, reflecting Airbnb’s brand message of belonging. The muted neutrals keep the layout elegant and professional, while the bright accent guides the user’s eyes toward important CTAs and highlights. The […]
Spotify’s design relies heavily on deep blacks, dark greys, and its signature vibrant green (#1DB954) for accents and buttons. The dark background enhances the visual contrast and gives a premium, immersive feel, especially for music and media. The bright green accent colour instantly draws attention to key actions like “Sign Up” or “Play.” This limited […]
Notion uses a minimal black-and-white palette with subtle grey tones and occasional accent colours in illustrations or icons. The monochrome palette gives Notion a clean, distraction-free interface, ideal for productivity and focus. The use of white space creates a sense of calm and simplicity, while the dark text ensures maximum readability. It also makes user-generated […]
Medium.com’s typography is designed for long-form readability and clean editorial presentation, making it one of the most user-friendly platforms for online articles. The site primarily uses a system font stack—including -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Oxygen, Ubuntu, Cantarell, “Fira Sans”, “Droid Sans”, “Helvetica Neue”, sans-serif—for the interface, which ensures fast loading, consistent rendering across devices, […]
Anthropic’s typography blends precision and warmth to reflect its mission of making AI both powerful and human-centered. The site uses Styrene (by Commercial Type) for headlines and Tiempos (by Klim Type Foundry) for body text, giving it a distinctive yet readable voice. (Geist) Styrene’s proportions (narrow but with extended characters) lend a technical, modern edge, […]
Notion’s typography is clean, modern, and highly readable, thanks to its well-crafted font stack: NotionInter, Inter, -apple-system, system-ui, Segoe UI, Helvetica, Apple Color Emoji, Arial, sans-serif, Segoe UI Emoji, Segoe UI Symbol. This stack combines custom and system fonts to balance personality with performance. The primary typeface, NotionInter (a customized version of Inter), provides a […]
This week, I explored how design principles and CSS techniques work together to create visually balanced and readable web pages. Design Principles From the “Design Principles I” lecture, I learned that strong visual design relies on balance, gradation & contrast, and repetition & rhythm. Balance ensures that visual weight is evenly distributed across a layout, […]
This week I spent some time going back to two important areas of web design: setting up a proper workflow and understanding the structure layer of a website. These fundamentals showed me how much they shape the quality of a project. From the workflow chapter, I was reminded of the value of starting with a […]