Skip to content

Instantly share code, notes, and snippets.

View ivancis's full-sized avatar

ivancis

View GitHub Profile
@ivancis
ivancis / keirin_typography.md
Created November 2, 2021 14:47
Keirin: Typography

Typography

token fontFamily fontSize/lineHeight Comment
heading-01 Roboto/SF Pro 28/32 Main headline. This should only be used once per view. Also used for empty states and feature introductions.
heading-02 Roboto/SF Pro 24/32 This is for layout headings.
heading-03 Roboto/SF Pro 22/32 This is for layout headings.
heading-04 Roboto/SF Pro 18/24 This is for layout headings.
@ivancis
ivancis / krnDesignTokens101.md
Last active November 2, 2021 14:46
Keirin design token's grouping 101

Typography

token fontFamily fontSize/lineHeight Comment
heading-01 Roboto/SF Pro 28/32 Main headline. This should only be used once per view. Also used for empty states and feature introductions.
heading-02 Roboto/SF Pro 24/32 This is for layout headings.
heading-03 Roboto/SF Pro 22/32 This is for layout headings.
heading-04 Roboto/SF Pro 18/24 This is for layout headings.
@ivancis
ivancis / CSSAUDIT.md
Last active December 30, 2020 08:33
BO CSSAUDIT

NU-AMBER CSS audit & action plan:

Summary

Steps to achieve a standarization of a scalable, themeable, design system for BetOnline website and others.

SCSS structure proposal for bundled CSS: