Search Results: typography-guideline

Found 54 Skills

better-typography

Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType features, setting up a type scale, styling text in components, truncating text, styling underlines, selection, placeholders or carets, or reviewing frontend code for typography. Triggers on typography, fonts, font formats, woff2, variable fonts, font-weight, opentype, font-feature-settings, letter-spacing, line-height, type scale, tabular numbers, text-wrap, truncation, line clamp, underlines, text-decoration, text selection, iOS input zoom, font smoothing, text contrast, measure, line length, text-box, smart punctuation, drop cap.

🇺🇸|EnglishTranslated

647

Frontend Developmentihlamury/design-skills

stripe-ui-skills

Stripe's UI design system. Use when building interfaces inspired by Stripe's aesthetic - light mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated

Product & Designihlamury/design-skills

notion-ui-skills

Notion's UI design system. Use when building interfaces inspired by Notion's aesthetic - light mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated

Product & Designihlamury/design-skills

ticktick-ui-skills

Ticktick's UI design system. Use when building interfaces inspired by Ticktick's aesthetic - light mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated

Product & Designihlamury/design-skills

copy-ai-ui-skills

Copy Ai's UI design system. Use when building interfaces inspired by Copy Ai's aesthetic - light mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated

Product & Designihlamury/design-skills

ashby-ui-skills

Ashby's UI design system. Use when building interfaces inspired by Ashby's aesthetic - dark mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated

Product & Designihlamury/design-skills

robinhood-ui-skills

Robinhood's UI design system. Use when building interfaces inspired by Robinhood's aesthetic - dark mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated

Product & Designihlamury/design-skills

awwwards-ui-skills

Awwwards's UI design system. Use when building interfaces inspired by Awwwards's aesthetic - light mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated

Product & Designihlamury/design-skills

mobbin-ui-skills

Mobbin's UI design system. Use when building interfaces inspired by Mobbin's aesthetic - light mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated

Product & Designihlamury/design-skills

supabase-ui-skills

Supabase's UI design system. Use when building interfaces inspired by Supabase's aesthetic - dark mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated

Frontend Developmentihlamury/design-skills

codeium-ui-skills

Codeium's UI design system. Use when building interfaces inspired by Codeium's aesthetic - dark mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated

Product & Designihlamury/design-skills

matter-ui-skills

Matter's UI design system. Use when building interfaces inspired by Matter's aesthetic - dark mode, Inter font, 4px grid.

🇺🇸|EnglishTranslated