Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
理想のカラーパレットをもとめて / color-palette-name-convention
Search
hiloki
April 26, 2019
Design
2
7.6k
理想のカラーパレットをもとめて / color-palette-name-convention
DIST.26 「Webサービスの個性を支えるデザイン」LT
hiloki
April 26, 2019
Tweet
Share
More Decks by hiloki
See All by hiloki
SPA/PWA時代のWebデザインのお作法 / Stateful Web Design
hiloki
10
3.3k
私はいかにしてUXエンジニアになったのか / ux_engineer_meetup
hiloki
4
17k
理想のカラーパレットをもとめて / color-palette-name-convention-at-wic
hiloki
3
250
Other Decks in Design
See All in Design
Dreamia
elsh
0
170
ブランドづくりの双視点 - GUILD #31 ブランディング勉強会
yampuu
0
110
トップデザインチームが描く、 2030年に活躍するデザイナー
hiranotomoki
2
2.4k
なぜデフォルトが青色!? Tint Colorの理由に迫る
akidon0000
0
460
Webフォント選定の極意!フォントの基本から最新トレンドまで徹底解説
takanorip
5
670
管理画面の全体UXは利用時品質モデルで考える
readymadegogo
2
2k
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
420
エムスリー株式会社 デザイングループ紹介資料 / m3design-team-profile
m3designer
0
4.7k
今日から始める グラレコ チャレンジ DevRel/Tokyo #94 〜グラレコ チャレンジ〜
moshimoshiyuki
0
110
Памятка-раздатка по Карте процесса-опыта, А4
ashapiro
1
410
ZKK_001.pdf
nicholaspegu
0
1.4k
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
280
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
Rails Girls Zürich Keynote
gr2m
94
13k
Six Lessons from altMBA
skipperchong
27
3.5k
The Invisible Side of Design
smashingmag
298
50k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
27
4.3k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
26
1.4k
Fireside Chat
paigeccino
34
3k
BBQ
matthewcrist
85
9.3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
Faster Mobile Websites
deanohume
305
30k
Code Reviewing Like a Champion
maltzj
520
39k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
Transcript
໋໊ฤ ΧϥʔύϨοτΛͱΊͯ ཧͷ DIST.26 | WebαʔϏεͷݸੑΛࢧ͑ΔσβΠϯ 2019.04.26
UXΤϯδχΞ αΠόʔΤʔδΣϯτ ୩ थ CyberAgent Advanced Technology Studio
https://ameblo.jp/shiba-mamehiko/
None
90 ͕͖͔Ͳ͏͔ sec % 90 ৭͚ͩʹجͮ͘
Ѝ㗯㗙㗹㗦㗮 COLORS SPEAK ALL LANGUAGES. Joseph Addison | English Eessayist
ԊႧ㘒༑㗙
Θ͔Γ໊͍͢લΛఆٛ͢Δ ίϯτϥετΛߟྀ͢Δ ඞཁͳ৭ΛߜΓࠐΉ
None
blue_500
blue_500 blue_400 blue_600
azure_500 azure_400 azure_600
primary_base primary_light primary_heavy
primary_base primary_lighter_15 primary_darker_10
button_primary_base button_primary_hover button_primary_active
button_primary_base button_primary_hover button_primary_active button_primary_text button_primary_text button_primary_text
$color_primary: #155AEE; $color_primary_light: #4D82F3; $color_primary_heavy: #114CCA; $button_primary: $color_primary; $button_primary_hover: $color_primary_light;
$button_primary_active: $color_primary_heavy; $button_primary_text: #FCFDFD; Sass
@mixin button_primary_color { background-color: $button_primary; color: $button_primary_text; &:hover { background-color:
$button_primary_hover; } &:active { background-color: $button_primary_active; } } Sass
.button { @include button_primary_color; } Sass
.button { background-color: #155AEE; color: #FCFDFD; } .button:hover { background-color:
#4D82F3; } .button:active { background-color: #114CCA; } CSS
ίϯτϥετൺΛอͭΛ͢Δ ڞ௨ݴޠͱͯ͠ѻ໊͍͍͢લʹ͢Δ ύϨοτͰఆٛͨ͠৭Ҏ֎Θͳ͍
Thank you @hiloki @shiba_mamehiko
Special Guest Speaker Felix Rieseberg and more Speakers! https://inside-frontend.com/