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.1k
理想のカラーパレットをもとめて / 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.4k
私はいかにしてUXエンジニアになったのか / ux_engineer_meetup
hiloki
4
17k
理想のカラーパレットをもとめて / color-palette-name-convention-at-wic
hiloki
3
260
Other Decks in Design
See All in Design
UXとUIの違いを自分の言葉で表現する: UX DAYS TOKYO
mizunashi_mana
0
120
Bulletproof Design System with TypeScript
takanorip
6
3.6k
株式会社バクタム 会社説明資料
bactum
0
250
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
220
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
7
5.7k
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
170
NAHO SHIMONO_Portfolio2025
nahohphp
0
900
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
490
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
560
Saudade typeface
tiagoporto
0
330
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
440
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
180
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Practical Orchestrator
shlominoach
189
11k
Done Done
chrislema
184
16k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Designing for Performance
lara
610
69k
Building Applications with DynamoDB
mza
95
6.5k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Into the Great Unknown - MozCon
thekraken
40
1.9k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Producing Creativity
orderedlist
PRO
346
40k
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/