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
8.3k
理想のカラーパレットをもとめて / 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.5k
私はいかにしてUXエンジニアになったのか / ux_engineer_meetup
hiloki
4
18k
理想のカラーパレットをもとめて / color-palette-name-convention-at-wic
hiloki
3
260
Other Decks in Design
See All in Design
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
630
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.5k
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
310
Findyのプロデチームの 歩みとこれから
satty9556
0
290
mento Design Team Portfolio
mento0fficial
1
870
portfolio.pdf
onof003
0
190
第4回関東Kaggler会LT HCD-Net人間中心設計スペシャリストが語るNotebookメダルの取り方
utm529f
0
1.2k
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
1.9k
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
310
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
1
450
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.8k
【Designship 2025|10.11】デザイン組織と事業貢献、その挑戦と結果。
payatsusan213
1
220
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
40
2.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
900
Fireside Chat
paigeccino
40
3.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
590
Git: the NoSQL Database
bkeepers
PRO
431
66k
How GitHub (no longer) Works
holman
315
140k
Designing Experiences People Love
moore
142
24k
Writing Fast Ruby
sferik
629
62k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Mobile First: as difficult as doing things right
swwweet
224
10k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
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/