Caldera

Paleta

Tatak

• Ember #fc5000 — Ang mga pangunahing action button, stat card, at key visual accent ang tanging agresibong color accent; ang yaman nito laban sa mainit na kulay abong kulay ay lumilikha ng pakiramdam ng pagkaapurahan nang hindi nangangailangan ng karagdagang mga pandekorasyon na elemento.
• Plasma Violet #524ae9 — Pangunahing Halftone Gradient Base, Isang Karagdagang Ibabaw ng Card - Ginagamit halos eksklusibo sa pangunahing tuldok na pattern at sa isang nakalaang card; hindi kailanman ginamit para sa mga kontrol.

Neutral

• Sulfur #f5f28e — Ang background para sa mga icon ng tag at kategorya, maliliit na highlight, ay isang mapusyaw na dilaw na kulay na ginagamit upang ipahiwatig ang mga kategorya ng mga post sa blog at mga anunsyo ng programa.
• Limestone #f7f6f2 — Ang mga ibabaw ng card, background ng content block, at karagdagang mga button fill ay mas mapusyaw at mas mainit na kulay puti na nagpapatingkad sa mga elemento laban sa page canvas.
• Pumice #e2e2df — Ang pangunahing background ng pahina ay isang mainit na katamtamang kulay abo na nagsisilbing pundasyon para sa bawat seksyon; ito ay bahagyang mas madilim kaysa sa ibabaw ng cardstock, na nagbibigay-daan para sa isang banayad na paghihiwalay ng pigura at background nang walang mga anino.
• Obsidian #070607 — Ang pangunahing teksto, mga heading, teksto ng link, at mga button frame ay halos itim na may halos hindi mapapansing mainit na kulay na tumutugma sa maiinit na kulay ng canvas.
• Chalk #ffffff — Teksto sa madilim na mga seksyon, input na teksto sa madilim na mga background, mga overlay na may mataas na contrast - Ginagamit lamang ang purong puti kung saan kinakailangan ang pinakamataas na contrast sa madilim na mga ibabaw.

Tipograpiya

mula 12 hanggang 189px · 10 hakbang

• PP Neue Corp Compact — kapalit: Bebas Neue · mga balangkas 400 (Ultrabold cut) · Lahat ng heading at display text. Ang isang pasadyang dinisenyo, pinaikling, at ultra-bold na font ay nagbibigay sa mga heading ng isang industriyal at parang karatula na bigat. Ang 189px na laki sa pangunahing bloke ay sumasalamin sa istilo ng tatak: pinaikling, halos istruktural sa halip na tipograpiko. Ang mga setting na "ss06" at "ss10" ay nagpapagana ng mga alternatibong anyo ng letra at espasyo para sa isang mas agresibo at pinaikling ritmo. Ang positibong espasyo ng letra (+0.02em) ay hindi pangkaraniwan para sa mga laki ng display at pinipigilan ang pakiramdam ng masikip na teksto sa 80–189px.
• DM Sans — kapalit: Inter · mga balangkas 500 (Medium only — never Regular or Bold) · Ang pangunahing teksto, mga link sa nabigasyon, mga label ng buton, at mga pangalawang heading ay hanggang 30px. Sadyang pinili ang katamtamang bigat ng font—magmumukhang masyadong manipis ang Regular kumpara sa extra-bold na font ng heading, at ang Bold naman ay makakalaban nito. Lumilikha ang DM Sans ng isang makatao at bahagyang heometrikong kontrapunto sa industrial na font ng heading.
• System sans-serif — kapalit: Inter · mga balangkas 400 · Mga caption, metatext, petsa, microtag. Ginagamit lamang sa 12px, kung saan ang bigat at pagkilala sa brand ay hindi gaanong mahalaga kaysa sa pagtitipid sa laki.

Mga pagitan at anyo

Mga katulad na estilo

• teenage engineering — Katalogo ng industriya sa pag-iilaw ng studio - ang produkto ang tanging mahalagang bagay sa pahina, at lahat ng iba pa ay tinatalakay sa paligid nito
• basement — Isang walang laman na palimbagan ng alas-3 ng umaga – malalaki at naka-compress na mga font na nakakalat sa madilim na lugar, isang kislap ng kulay kahel na ilaw sa navigation bar, lahat ng iba ay puti o parang multo na kulay abo.
• amra — Isang iridescent sphere sa puting background—ang lavender accent ang tanging color pulse sa halos perpektong achromatic na pahina, at ang nag-iisang gradient sphere ang gumagawa ng trabahong karaniwang ginagawa ng pangunahing ilustrasyon.
• Stink Studios — Isang studio ng pelikula sa hatinggabi - umuugong ang projector, madilim ang silid, tanging ang pelikula lang ang naiilawan
• Andrei Rybin — Ang monochrome sketchbook ay isang designer notebook kung saan ang mga screen ng telepono ay nakakabit sa isang puting dingding na parang mga contact sheet.
• Uniswap Cup — Ang pagsasahimpapawid ng kompetisyon sa eSports ay nagaganap sa isang mock-up site - isang kulay rosas na marker ang nagbabalangkas ng isang grid ng mga puting parisukat at manipis na linya
• Freytag Anderson — Isang salita lang ang tumataas. Isang malaking gumagalaw na imahe ang bumalot sa buong screen, ang pangalan ng brand ay nasa sulok na parang isang pamagat, at wala nang ibang nakakagambala.
• Integrated Biosciences — laboratoryo ng bioluminescence sa hatinggabi
• Vercel — Terminal na nakalimbag sa puting papel
• Mintlify — Isang hardin ng ulap sa ibabaw ng isang mesang salamin. Ang iginuhit na langit at dokumentaryo ay magkakasamang naka-frame—ang tanging lugar kung saan nagtatagpo ang kulay at konsepto bago maglaho ang pahina at maging puting-puti ng monasteryo.
• Gleap — Isang workspace na pinalamutian ng maayang kulay krema na may mga graphite accents—isang studio kung saan tila lumulutang ang mga tuldok ng matte na itim na tinta sa ibabaw ng arkitekturang linen.
• ClickUp — Isang makapangyarihang dashboard sa puting marmol. Ang pahina ay isang brochure ng produkto para sa isang tool sa produktibidad, kaya ang visual na wika ay hiniram mula sa produkto mismo: siksik na listahan, mga tagapagpahiwatig ng katayuan, mga grupo ng mga avatar, at mga matatapang na pahayag na tipograpiko na mukhang isang detalye ng produkto na ipinapakita.