Le Puzz
Ang Sunny Sunday Circular usa ka tabloid nga puno sa mga misteryo.
Ang Le Puzz usa ka maximalist nga e-commerce system para sa mga boutique store, nga gitukod sa duha ka tono nga pundasyon: dato, sama sa dugos nga dalag nga gipares sa puro nga itom, nga gibutang batok sa usa ka bugnaw, perlas nga abuhon nga background. Ang estilo niini usa ka kombinasyon sa vintage nga mantalaan ug jigsaw puzzle: ang body copy naa sa serif nga Times, samtang ang mga headline naa sa usa ka custom font, Times Now, nga tinuyo nga misupak sa tradisyonal nga mga kombensiyon sa e-commerce nga nagsalig sa sans-serif nga mga font. Ang interface mismo gipadayon nga simple ug nakabase sa grid, nga nagtugot sa biswal nga epekto nga ipahayag sa packaging sa produkto (dasok, giilustrar nga mga komposisyon nga puno sa mga dulaan). Ang mga kontrol sa interface lig-on kaayo: mga butones nga adunay itom nga border sa usa ka dalag nga background, mga icon nga porma sa pildoras, mga kard nga adunay 12px radius, ug lapad nga gilay-on sa mga letra para sa gagmay nga mga dagkong letra, nga naghatag bisan sa buton nga "QUICK ADD" og usa ka editoryal nga istilo.
Usa ka klasiko nga e-commerce grid nga adunay lahi nga disenyo sa editoryal. Ang header usa ka dilaw nga honeycomb strip nga adunay 1-width nga itom nga border, nga adunay nakasentro nga logo ug usa ka dugang nga laray sa mga buton sa nabigasyon. Sa ubos, sa ibabaw sa tulo ka kolum nga grid sa mga produkto sa usa ka gray nga background, usa ka nakasentro nga welcome header sa Times Now font. Ang panguna nga elemento usa ka nakasentro nga photo block nga adunay lingin nga mga kanto (40), nga gilibutan sa duha ka product card. Ang ritmo sa mga seksyon gipadayon: daghang bertikal nga wanang (30), nagpuli-puli nga dilaw ug gray nga mga nawong, ug usa ka maximum nga gilapdon nga gibana-bana nga 4.5 cm, nga nakasentro sa panid. Ang mga product card parehas og gidak-on ug gihan-ay sa usa ka hapsay nga tulo ka kolum nga grid nga adunay 5 cm nga mga gintang. Ang layout simetriko ug gihigot sa grid—walay asymmetrical nga mga komposisyon o nagsapaw nga mga elemento.
Ang biswal nga elemento mao ang potograpiya sa produkto. Ang mga kahon sa puzzle gikuhaan og litrato nga kompleto batok sa puti/neutral nga background, dayon gibutang batok sa mainit nga asul o natural nga studio backdrop. Ang pangunang hulagway nagpakita sa usa ka tawo nga nagkupot og daghang mga kahon sa puzzle—usa ka butang nga may kalabutan sa estilo sa kinabuhi, nga nakuha nga walay kahago nga kusog. Ang pakete mismo dato, ilustratibo, ug maximalist: daghang mga dulaan, mga produkto sa pagkaon, ug mga karakter sa hayag nga pangunang mga kolor nga adunay baga nga itom nga mga outline, nga gidisenyo aron tan-awon sama sa usa ka ilustrasyon sa libro sa mga bata nga nagkatag sa usa ka 500 ka piraso nga puzzle. Walay abstract graphics, walay 3D renders, walay iconography gawas sa usa ka magnifying glass—ang mga puzzle mismo mao ang biswal nga pinulongan.
Paleta
Brand
- Honeycomb Yellow
#ffd931— Ang kolor sa pangunang brand, ang title bar, ang mga butones sa pangunang aksyon, ang aktibong kahimtang sa nabigasyon, ang kolor sa underline sa link, ang accent fill—ang usa ka nota sa kolor diin ang tanan nagtuyok.
Neutral
- Carbon Black
#000000— Ang pangunang teksto, baga nga mga border, mga outline sa buton, mga outline sa icon, teksto sa nabigasyon mao ang istruktura nga basehan sa tibuok sistema. - Ink Black
#231f20— Ikaduhang teksto, pangunang teksto, mga border sa buton, mga border sa input field - usa ka medyo mas init, halos itom nga kolor para sa mas humok nga pagbati. - Pearl Gray
#c8cbcd— Kanbas sa panid, mga background sa product card, usa ka talagsaong entablado diin makita ang dilaw ug itom nga mga kolor. - Fog Gray
#a6a8aa— Hinay nga mga nawong sa badge, ikaduhang mga background sa chip, ug dili kaayo pino nga mga pagpuno sa user interface. - Smoke Line
#d6d6d6— Nipis nga mga divider, dili mamatikdan nga mga divider sa lamesa/kard.
Tipograpiya
gikan sa 11 ngadto sa 47px · 6 ka lakang
- Times Now — kapuli: Playfair Display · mga balangkas 100, 400 · Usa ka serif font para sa mga headline ug subheading—gigamit para sa mga pangunang headline, ngalan sa produkto, ug titulo sa seksyon. Ang ultra-light nga 100-point font nga adunay 47-pixel pitch nagmugna og taas, halos mubo nga editorial nga pamati; ang mubo nga mga letra (kataas sa linya nga 0.87–0.90) nagtugot sa dagkong mga headline nga ibutang duol sa kaubang teksto, nga nagsundog sa usa ka giimprinta nga poster.
- Times — kapuli: Times New Roman · mga balangkas 400 · Ang serif nga teksto sa lawas usa ka wala damha nga kapilian alang sa usa ka online nga tindahan, nga naghatag sa tibuok site og usa ka literaryo, sama sa katalogo nga pagbati. Ang gamay nga gilay-on sa linya (1.15) naghimo sa mga parapo nga compact ug mabasa.
- Helvetica Neue — kapuli: Helvetica · mga balangkas 100, 400 · Ang gagmay nga teksto sa user interface, teksto sa mga buton, ug microtext gibutang sa 11px nga font nga adunay dako nga letra nga gilay-on (0.0730em), nga nagmugna og pagbati sa pagsulat gamit ang dagkong mga letra bisan sa komportable nga temperatura sa lawas.
Mga interval ug porma
| Katuyoan | Kahulugan |
|---|---|
| Densidad | dasok |
| Batakang lakang | 15px |
| Radius sa butones | 12px |
| Radius sa kard | 12px |
| Mga anino | walay - mga utlanan imbes nga mga anino |
| Taliwala sa mga seksyon | 30-40px |
| Lapad sa panid | 1200px |
Ang AI motukod sa imong website sa estilo sa Le Puzz ug mopuno niini
- Pun-a og mga produkto ug mga post pinaagi sa link - Instagram, TikTok, Facebook.
- Ibalhin ang sulod gikan sa imong daang site—ipiho lang ang adres.
- Modernong disenyo sa pinakamaayong makina: React ( Next.js) nga adunay server rendering ug SEO optimization nga andam na gamiton.
- Bug-os nga awtomatik nga pag-optimize sa SEO para sa mga resulta sa pagpangita ug mga rekomendasyon sa neural network.
Parehas nga mga estilo
- Agence Foudre — Ang hapin sa magasin usa ka humok nga pink nga kolor nga susama sa lipstick.
- INVERSA — Usa ka terminal sa topographic field sa tungang gabii. Usa ka ngitngit nga command panel, diin ang dako nga editorial font ug usa ka layer sa neon-green nga mga marker gipatong sa mga satellite image sa Yuta, ang matag label monochrome, nga daw nagbasa sa mga mission coordinate.
- Acne Studios — Usa ka minimalist nga espasyo sa gallery nga puno sa mga mahayag nga litrato—usa ka magasin sa fashion nga gibutang sa marmol
- GTE — Terminal sa pamatigayon sa luyo sa suga sa gallery
- Diabla — Usa ka sawang sa Mediteranyo sa udto – mga bungbong nga kolor rosas nga nalaya tungod sa adlaw, usa ka hayag nga pula nga tolda nga canvas, ug mga ulohan sa editoryal nga may serif nga nagsangkad sa kalangitan.
- Subset — Editoryal nga boutique nga hinimo gikan sa hilaw nga lino
- Cursor — Usa ka komportable nga workshop sa pergamino, nga gidan-agan sa nagbaga nga mga uling
- MindMarket — Usa ka komportable nga libro sa mga sugilanon nga gisulat sa krema nga papel - usa ka mahigalaon nga editoryal nga canvas diin ang dagkong mga ulohan sa balita sa Inter ug mga ginunting nga karakter sa papel nagdungan sa usa ka nawong nga nasidlakan sa adlaw ug humok sama sa sticker.
- Lamborghini — Itom nga kolor sa lawas sa showroom, ubos sa mga spotlight - usa ka dilaw nga awto
- Amplemarket — Usa ka trabahoan nga nasidlakan sa adlaw nga puno sa confetti
- Getharvest — Usa ka lamesa sa golden hour – usa ka init nga krema nga canvas, puti nga mga postcard nga gibitay sa canvas, ug usa ka hayag nga orange nga siga
- Drive Capital — Retro nga poster sa road trip nga gibutang sa init nga papel